微信小程序开发——使用mock数据模拟api请求

前言:

微信小程序开发中,后端提供了接口设计文档,前端可以先mock数据模拟api请求进行开发调试,而且可以根据需要设计mock文件的格式和内容,这样在后端接口开发完成之前,前端可以最大限度的完成前端的开发。

编写mock数据文件:

mocklist.js

var mocklist = {
  //创建订单
  createOrder: {
    order_id: "201904011503001",
    use_voucher: "1",
    timeStamp: "1554102168",
    nonceStr: "v21ebt7mty52r2",
    package: "",
    signType: "",
    paySign: "",
  },
  //订单列表
  orderList: {
    order_list: [{
      order_id: "201904011503001",
      goods_name: "商品a",
      is_receive: "0",
      goods_small_img_url: "xxxx.jpg",
      expire_time: "有效期至2019年07月01日"
    }, {
      order_id: "201904011503002",
        goods_name: "商品b",
      is_receive: "0",
        goods_small_img_url: "xxxx.jpg",
        expire_time: "有效期至2019年07月01日"
    }, {
      order_id: "201904011503003",
        goods_name: "商品c",
      is_receive: "1",
        goods_small_img_url: "xxxx.jpg",
        expire_time: "有效期至2019年07月01日"
      }]
  }
}
module.exports.mocklist = mocklist;

封装网络请求文件:

猜你喜欢

转载自www.cnblogs.com/xyyt/p/10643169.html
今日推荐