Mock.js
- 基于 数据模板 生成模拟数据。
- 基于 HTML模板 生成模拟数据。
- 拦截并模拟 ajax 请求。
基本语法
DTD(数据模板定义规范)
数据模板的每个属性由3部分构成:
属性名
、生成规则
、属性值(
‘name|rule’: value)
- 属性名:name
- 生成规则:rule
- 属性值:value
详见:Mock.js
DPD(数据占位符定义规范)
占位符只是在属性值字符串中占个位置,并不出现在最终的属性值中。
- 引用的是
Mock.Random
中的方法- @符号标识了其后面的字符串是占位符
- 占位符可以引用并优先引用数据模板中的属性
- 通过
Mock.Random.extend()
来扩展自定义占位符- @占位符
@占位符(参数 [, 参数])扩展自定义占位符(extend[底层])
let Random = Mock.Random Random.extend({constellation: function(date) {let constellations = ['白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座', '水瓶座', '双鱼座']return this.pick(constellations)} }) Random.constellation() // => "水瓶座" Mock.mock('@CONSTELLATION') // => "天蝎座" Mock.mock({constellation: '@CONSTELLATION' }) // => { constellation: "射手座" }
JSON5
Node.js
Vue CLI与Mock.js
Jquery与Mock.js
Mock与分页