前言：在线使用Easy Mock可视化工具，可以提供快速生成“模拟数据”的持久化服务；
Mock.js是一个JS插件，指定了一套规范，而Easy Mock工具就遵循这些规范。
一、Easy Mock的使用
官网
使用
二、Mock.js规范
官网
Node中使用
npm install mockjs
使用
// 使用 Mock
var Mock = require(‘mockjs‘)
var data = Mock.mock({
// 属性 list 的值是一个数组，其中含有 1 到 10 个元素
‘list|1-10‘: [{
// 属性 id 是一个自增数，起始值为 1，每次增 1
‘id|+1‘: 1
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))
Easy Mock中使用
{
"cname": "@cname",//中文人名
"id": "@id",//生成20 位数字
"title": "@ctitle",//中文title
"city": "@city",//中文城市
"ip": "@ip",//ip 地址
"email": "@email",//email
"url": "@url",//url
"cfirst": "@cfirst",//姓名，姓
"clast": "@clast",//姓名，名
"cword": "@cword(‘123456‘)",//123456 从中选取一个字符
"csentence": "@csentence(1,5)",//文字文段
"csentence5": "@csentence(5)",//文字文段
"cparagraph": "@cparagraph(1,3)",//文字文段
"string": "@string(11)",//输出11 个字符长度的字符串
"float": "@float(0,10)",//0 到 10 的浮点数
"int": "@integer(60,70)",//60 到 70 之间的整数
"boolean": "@boolean",//boolean 类型 true,false
"array|1-3": [{
"id": "@integer(1,10)",//整数 1到10 取整数
"name": "cname"
}],//数组（随机 1 到3个）
"array_sort_add|+1": ["1", "2", "3"],//数组1，2，3轮询输出
"boolean|1-2": true,//boolean 类型 true,false
"actionType|1": [‘click_url‘, ‘open_resource_detail‘, ‘open_resource_search‘],
"payload": function() {
var returnClickUrl = {
"linkUrl": "http://tob.zhisland.com/apph5"
};
var returnResourceDetail = {
"resourceId": "606"
};
var returnResourceSearch = {
"keyWords": "",
"tagCategory": "1",
"tag": "1"
};
var s = this.actionType == ‘click_url‘ ? returnClickUrl : this.actionType == ‘open_resource_detail‘ ? returnResourceDetail : returnResourceSearch;
return s;
}//function 返回设置返回的数据
}
生成数据结果
HTTP/1.1 200 OK
Connection: keep-alive
Content-Length: 642
Content-Type: application/json; charset=utf-8
Date: Wed, 02 Jan 2019 10:47:09 GMT
Rate-Limit-Remaining: 0
Rate-Limit-Reset: 1546426030
Rate-Limit-Total: 2
Server: Tengine
Vary: Accept, Origin
X-Request-Id: 1a7e52b1-1545-4d50-b116-e6f502367067
{
"cname": "戴明",
"id": "140000199106198361",
"title": "备名厂广是",
"city": "晋城市",
"ip": "87.190.38.52",
"email": "d.oyvizgrcsp@epdzbug.ir",
"url": "nntp://byw.no/mbvxjmqsig",
"cfirst": "叶",
"clast": "丽",
"cword": "1",
"csentence": "办号。",
"csentence5": "办号。",
"cparagraph": "问影系标直放则地织理值已进特长。义百变速社证展越具至日命管示事几来。交往节史或日将及整毛有片路年且。",
"string": "OmEZeo*%7bR",
"float": 5.97002,
"int": 69,
"boolean": false,
"array": [
{
"id": 6,
"name": "cname"
},
{
"id": 6,
"name": "cname"
}
],
"array_sort_add": "1",
"actionType": "open_resource_detail",
"payload": {
"resourceId": "606"
}
}
项目示例
{
"code": 0,
"msg": "",
"list|10": [{ //生成10组数据
"id|+1": 1, //自增长
"userName": ‘@cname‘, //随机生成中文名
"sex|1-2": 1, //在1-2中随机选择
"state|1-5": 1,
"interest|1-8": 1,
"birthday": ‘2019-01-01‘,
"address": ‘西虹市海淀区桃花公园‘,
"time": ‘07:00‘
}],
page: 1,
page_size: 10,
total_count: 30
}
预览效果
HTTP/1.1 200 OK
Connection: keep-alive
Content-Length: 1490
Content-Type: application/json; charset=utf-8
Date: Wed, 02 Jan 2019 11:04:43 GMT
Rate-Limit-Remaining: 0
Rate-Limit-Reset: 1546427084
Rate-Limit-Total: 2
Server: Tengine
Vary: Accept, Origin
X-Request-Id: eba7dba0-9771-42cd-914c-069b1b0d802e
{
"code": 0,
"msg": "",
"list": [
{
"id": 1,
"userName": "杨磊",
"sex": 1,
"state": 4,
"interest": 2,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 2,
"userName": "谢平",
"sex": 2,
"state": 3,
"interest": 2,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 3,
"userName": "金磊",
"sex": 1,
"state": 4,
"interest": 1,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 4,
"userName": "张磊",
"sex": 2,
"state": 3,
"interest": 7,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 5,
"userName": "文伟",
"sex": 2,
"state": 5,
"interest": 6,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 6,
"userName": "何涛",
"sex": 2,
"state": 2,
"interest": 3,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 7,
"userName": "龚霞",
"sex": 2,
"state": 3,
"interest": 8,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 8,
"userName": "吴芳",
"sex": 1,
"state": 4,
"interest": 4,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 9,
"userName": "夏芳",
"sex": 1,
"state": 2,
"interest": 2,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
},
{
"id": 10,
"userName": "廖艳",
"sex": 1,
"state": 2,
"interest": 4,
"birthday": "2019-01-01",
"address": "西虹市海淀区桃花公园",
"time": "07:00"
}
],
"page": 1,
"page_size": 10,
"total_count": 30
}
注：转载请注明出处
【重点突破】—— Easy Mock的使用及Mock.js规范
原文：https://www.cnblogs.com/ljq66/p/10209673.html