mockjs模拟数据(node)

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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值