小程序中使用mockjs生成随机数据。

2020-06-25 1,646 阅读1分钟

mockjs

mockjs是在后端还没有给出数据接口时候，前端使用mockjs生成随机数据，来模拟后端的响应，无需等到后端接口开发完毕，前端就可以先进行开发、测试，实现前后端分离，当后端接口开发完毕后，只需要换一下数据接口，不需要大量的修改业务逻辑，提高了开发效率。

1、首先下载mock.js和WxMock.js，放到utils目录下

2、在App.js中引入WxMock.js文件

var Mock =require('./utils/WxMock.js')

3、写出相应的规则

var dataObj = {
  status:200,
  err_msg: 'OK',
  'result|10': [
    {
      if:function(){
        return Mock.Random.id()
      },
      title: function(){
        return Mock.Random.ctitle()
      },
      cid: function(){
        return Mock.Random.increment()
      },
      "price|1000-2000": 1,
      "pic": function () {
        return Mock.Random.image('200x100', '#0000FF', 'image');
      },
    }
  ]
}
Mock.mock('https://www.wzl080879.com/pages/home',dataObj)

4、页面中请求

wx.require({
    url:'https://www.wzl080879.com/pages/home',
    success:((res)=>{
        // res 成功返回
    })
})