1、为什么要用Mockjs
前端工程师准备调后端接口时,如果发现后端接口还没开发完成,该怎么办?
干等? 划水?
什么是mock
Mock: 一种模拟后端接口的解决方案,能让我们提前调用模拟接口,完成前端开发
官网地址:http://mockjs.com/
2、优点

3、使用步骤(node)
1、安装:npm install mockjs
2、导入:var Mock = require('mockjs')
3、使用:var data = Mock.mock({...})
4、mockjs语法规范

5、数据模板的定义规范

6、数据占位符定义规范

常用的占位符:
1.随机字符串
(类型 , 位数)
@string(lower,10)
lower : 小写字母
upper : 大写字母
number : 数字
2.随机int
(下限 , 上限)
@integer(60, 100)
3.随机boolean
@boolean
4.随机float/double
(下限 , 上限)
@float(60, 100)
5.随机日期(yyyy-mm-dd)
@date
6.随机时间(hh:mm:ss)
@time
7.随机日期+时间(yyyy-mm-dd hh:mm:ss)
@datetime
8.当前日期+时间(yyyy-mm-dd hh:mm:ss)
@now
9.随机图片占位符 ,会生成一个图片链接
@image(200x100)
10.随机颜色(#79f2ac)
@color
11.长文本(英文)
@paragraph
12.长文本(中文)
@cparagraph
13.常用特殊格式
@url 链接
@domain 域名
@email 邮箱
@ip IP
@region 地区(华东,华南....)
@province 省
@city 市
@county 县
@zip 邮编
@guid 随机GUID
@id 随机ID(Long)
7、如何使用mock来模拟接口(node)

8、前端请求接口(react)


703

被折叠的 条评论
为什么被折叠?



