欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Mockjs

程序员文章站 2022-07-09 21:07:27
...

Mockjs官网

http://mockjs.com/

Mockjs

安装

npm install mockjs

新建文件夹 demo.js:

	const Mock = require('mockjs') 
	const data = Mock.mock({    
	'memberList|4': [       
	 {            'id': 1,            'name': '小梦'        }    
	 ] }) 
	 // stringify(数据, 数据转换函数,缩进空格数) 
	 console.log(JSON.stringify(data, null, 2))
在命令行输入node demo.js j 即可查看 数据

数据模板定义规范

数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值:
// '属性名|生成规则': 属性值 'name|rule': value
注意:属性名 和 生成规则 之间用竖线 | 分隔。 
生成规则 是可选的,生成规则 
有 7 种格式: 1. 'name|min-max': value 
2. 'name|count': value 
3. 3. 'name|min-max.dmin-dmax': value 
4. 4. 'name|min-max.dcount': value 
5. 5. 'name|count.dmin-dmax': value 
6. 6. 'name|count.dcount': value 
7. 7. 'name|+step': value 

属性值是数字 Number

1. 'name|+1': number 属性值自动加 1,初始值为 number。
2.  2. 'name|min-max': number 生成一个大于等于 min、
	小于等于 max 的整数,属性值 number 只是用来确定类型。
3  'name|min-max.dmin-dmax': number 生成一个浮点数,
整数部分大于等于 min、
小于等于 max,小数部分保留 dmin 到 dmax 位。
const data = Mock.mock({   
 'memberList|4': [       
  { 
  'id|+1': 1, // Number, 自增 1           
  'name|1-3': '小梦', // String, 随机生成 1到3个重复`小梦`           
  'phone|11': '8', // String, 生成 11 个 8        
    'age|1-120': 1, // Number, 随机生成 1到120          
     'salary|6000-8000.1-3': 0, // Number, 
       随机生成6000到8000, 有随机小数1到3位        }  
             ] })

属性值是布尔型 Boolean

1. 'name|1': boolean 随机生成一个布尔值,
	值为 true 的概率是 1/2,值为 false 的概率同样是 1/2。
2. 'name|min-max': value 随机生成一个布尔值,
	 	值为 value 的概率是 min / (min + max),
			值为 !value 的概率是 max / (min + max)。
3.代码演示:
	const data = Mock.mock({   
	 'memberList|4': [       
	  {            'id|+1': 1, // Number, 自增 1      
	        'name|1-3': '小梦', // String, 随机生成 1到3个重复`小梦`   
	          'phone|11': '8', // String, 生成 11 个 8       
	          'age|1-120': 1, // Number, 随机生成 1到120       
	           'salary|6000-8000.1-3': 0, // Number, 随机生成6000到8000,
	                           有随机小数1到3位            
	          'status|1': true, // Boolean, 生成 true 或 false 
	                             概率都是 1/2            
	           'open|2-4': true, // Boolean, 
	                             生成 true 概率 2/(2+4), false 概率 4/(2+4)     
	    }   
	   ] })

其他文档详细文档可查官网

http://mockjs.com/

Mockjs
点击文档即可查询

Mock 数据模拟可进入官网

https://www.easy-mock.com/login
登录成功即可开始模拟数据

Mockjs
Mockjs
进行创建数据
Mockjs
写入相关数据即可
Mockjs
创建接口
Mockjs
创建完成后即可使用相关数据