通过mockjs模拟数据

mockjs

Mock.js 是一款模拟数据生成器

官网:http://mockjs.com

安装

前提安装好node环境

  1. 在命令提示符窗口,使用npm安装
# 初始化项目
npm init -y
# 安装
npm install mockjs

​ 安装成功显示

image-20230102153711314
  1. 创建文件 demo1.js

    const Mock = require('mockjs') // 这个是引用库
     
    const data = Mock.mock({
      // 生成对象个数是 3
      'items|3': [{
        'id|+1': 1,       // 自增涨id
        'name': '@cname', // 生成随机名字
      	'age|1-100':1,    // 年龄(1-100之间随机数)
    	'img':'@image',   // 图片
    	'ip':'@ip',       // ip
    	'email':'@email', // 邮箱
    	'salary|10-100.1-2':1,    // 工资 - (10-100,小数位1到3位的随机数)例子:13.23
    	'status':'@boolean',      // 状态 布尔值
    	'title':'@ctitle(10,20)', // 标题 (生成字数10到20之间)
    	'idCard':/\d{15}|\d{18}/, // 身份证号(正则表达式)
    	'address':'@county(try)', // 地址  zip 邮编
    	'birthday':'@date("yyyy-MM-dd")',  // 生日日期  ("可以指定日期格式")
    	'url':'@url("http","goodyan.cn")', // url地址
    	'phone|11':'@integer(0,9)',        // 手机号
    	'money':'@float(0,10,1,3)',        // 钱(0-10小数  1-3位小数位)
        'pay|1':['a','b','c','d'],         // 类型(4选一,随机选其中一个)
    	'son|2':{
    		id:1,name:'abc'       // 对象里包含对象 2 随机抽取2个属性
    	}
      }]
    })
    
    // 输出
    console.log(JSON.stringify(data));
    
    1. 运行脚本
    node demo1.js
    

    可以得到一些json字符串,模拟数据。

EasyMock

Easy Mock 是一个可视化,并且能快速生成模拟数据的持久化服务。

官方地址:https://easy-mock.com

源码地址:https://github.com/easy-mock/easy-mock

一般我们可以部署在本地,安装前提:

需要成功安装了 Node.jsv8.x, 不支持 v10.x)& MongoDB>= v3.4)& Redis>= v4.0)。

安装步骤在github源码地址里有,这里不再介绍。

我们如果选择在线模式:

可以选择第三方fastmock提供服务平台

地址:https://www.fastmock.site/#/

如何使用

  1. 创建项目
image-20230102153711314
  1. 创建查询接口

    image-20230102173322002
  2. 创建新增接口

    image-20230102173650234
  3. 进行保存

    image-20230102173838208
  4. 进行测试

    image-20230102174015353 image-20230102174043041

这样我们前端可以访问测试地址,得到模拟数据。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值