Mockjs的使用

29 阅读1分钟
  1. Mockjs的作用
  1. 在后端没有开发出接口前,前端就应该准备前端与后端接口的相关编码工作了,这时我们可以模拟一个后端接口出来。
  2. 为了测试一个接口,我们往往要花时间构造一些数据来测试,但是构造数据是很花时间的,Mockjs可以帮我们批量生成数据
  1. Mockjs的主页

Mock.js (mockjs.com)

  1. 使用方法

如下的示例:

var Random = Mock.Random;

Random.extend({
state: function() {
var states = \['启用', '关闭', '挂起']
return this.pick(states)
}
})

var data = Mock.mock({
// 属性 list 的值是一个数组,其中含有 1 到 10 个元素
'gridData|10': \[{
// 属性 id 是一个自增数,起始值为 1,每次增 1
'orderNo|+1': 1,
'state': '@STATE',
'subItem': '子项@orderNo',
'system': '系统@orderNo',
'highlight': '标亮@orderNo',
'drawNo': '图纸号@orderNo',
'drawEdition': '图纸版本@orderNo',
'atlasNo': '图册号@orderNo',
'atlasType': '图纸类型@orderNo',
'atlasState': '图纸状态@orderNo',
'isPreMake': '是否预制@orderNo',
'materialType': '材质类型@orderNo',
'pipeLineNo': '管线号@orderNo',
'mainPipeSpec': '主管规格@orderNo',
'roomNo': '房间号@orderNo',
'contractNo': '合同号@orderNo',
'contractName': '合同名称@orderNo',
'fileNo': '文件编码@orderNo',
'layoutNo': '布置图号@orderNo',

    }]

});