mockjs总结

   日期:2020-09-11     浏览:102    评论:0    
核心提示:mockjs1.作用在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口,2.使用方法npm install mockjs --save-dev// 引入 Mockvar Mock = require(mockjs)// 定义数据类型var data = Mock.mock({ // 20条数据 data|20: [{ // 商品种类 goodsClass: 女装, // 商品Id goodsId|+1: 1

mockjs

1.作用

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

2.使用方法

npm install mockjs --save-dev
// 引入 Mock
var Mock = require('mockjs')

// 定义数据类型
var data = Mock.mock({
  // 20条数据
  "data|20": [{
    // 商品种类
    "goodsClass": "女装",
    // 商品Id
    "goodsId|+1": 1,
    //商品名称
    "goodsName": "@ctitle(10)",
    //商品地址
    "goodsAddress": "@county(true)",
    //商品等级评价
    "goodsStar|1-5": "",
    //商品图片
    "goodsImg": "@Image('100x100','@color','小甜甜')",
    //商品售价
    "goodsSale|30-500": 30

  }]
})
// 输出结果随机生成的数据(node index.js)
 console.log(data);

3.mock优点

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

作者:Maco_wang
链接:https://www.jianshu.com/p/d812ce349265
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服