Mock.js

1、 为什么使用mockjs

官网:https://github.com/nuysoft/Mock/wiki/Getting-Started

在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口,

1.我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据的增删改查
2.使用json-server模拟,但不能随机生成所需数据
3.使用mockjs模拟后端接口,可随机生成所需数据,可模拟对数据的增删改查

2、mock优点

1.前后端分离,
2.可随机生成大量的数据
3.用法简单
4.数据类型丰富
5.可扩展数据类型
6.在已有接口文档的情况下,我们可以直接按照接口文档来开发,将相应的字段写好,在接口完成 之后,只需要改变url地址即可。

3、mock使用Mock.js_第1张图片

4、mockjs的数据类型 及 语法规范

1、Mock.Random

Mock.Random是一个工具类,用于生成各种随机数据。
Mock.Random 的方法在数据模板中称为『占位符』,书写格式为 @占位符(参数 [, 参数])
2Mock.Random 提供的完整方法(占位符)如下

类型 方法
Basic: boolean, natural, integer, float, character, string, range, date, time, datetime, now
Image : image, dataImage
Color : color
Text : paragraph, sentence, word, title, cparagraph, csentence, cword, ctitle
Name : first, last, name, cfirst, clast, cname
Web : url, domain, email, ip, tld
Address : area, region
Helper : capitalize, upper, lower, pick, shuffle
Miscellaneous : guid, id

你可能感兴趣的:(Mock.js)