数据模拟--Mock.js

生成随机数据,拦截 Ajax 请求。

6大优势:

  • 前后端分离 让前端攻城师独立于后端进行开发。
  • 开发无侵入 不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。
  • 数据类型丰富 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
  • 增加单元测试的真实性 通过随机数据,模拟各种场景。
  • 用法简单 符合直觉的接口。
  • 方便扩展 支持支持扩展更多数据类型,支持自定义函数和正则。

安装

1
npm install mockjs

使用

1
2
3
4
5
6
7
8
9
10
11
// 使用 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))

其他

1
2
3
4
5
Mock.mock()   // 生成模拟数据
Mock.setup(settings) // 拦截ajax
Mock.Random() // 返回随机数据
Mock.valid(template, data) // 校验数据
Mock.toJSONSchema( template ) // 把 Mock.js 风格的数据模板 template 转换成 JSON Schema。

详情见参考。


参考:
https://github.com/nuysoft/Mock/wiki
http://mockjs.com/examples.html