Mock的使用
2018-05-25 本文已影响0人
奋斗1216
一、 Mock数据:实现前端分离开发,在后端没有准备好数据接口的情况,前端也可自行模拟数据
二、 mock数据的插件有很多,目前我推荐:mockjs
mockJS官网:http://mockjs.com/
demo地址:http://mockjs.com/examples.html
mockjs具体语法:
参考资料:
1.https://segmentfault.com/a/1190000010211622
mock语法: ‘属性|规则’:值
1.生成字符串
Mock.mock({
“string|1-10”: “★★★” //随机生成1-10个星号
})
Mock.mock({
"string|3": "★★★" //随机生成固定个数的星号
})
2.生成数字
Mock.mock({
“number|1-100.2”: 1 //随机生成整数部分在1-100之间的数,但小数为2位
})
3.生成布尔
Mock.mock({
'name|1':true, //生成一个布尔值,各一半
'name1|1-3':true //1/4是true,3/4是false
})
Mock.mock({
"name":"@cname", //生成中文名称
"email":"@email", //生成邮箱
"price|200-1000.2":230, //生成带小数价格
"imgurl":"@image(200x100)", //生成尺寸为200*100图片
"title":"@ctitle", //生成中文标题
"paragraph":"@cparagraph", //生成中文段落
"pubdate":"@date(yyyy-MM-dd HH:mm:ss)", //生成日期 年月日时分秒
"address":"@province @city @county" //生成地址 省市县
"zip":"@zip"
})