微信小程序学习第6周————模块化

以模块化网络请求为例，记录学习过程。

第一步、编写net.js文件

代码如下:

var netWork = {
  request_work(obj) {
    // 开启加载响应
    if(obj.isLoading)
    {
      wx.showLoading({
        title: 'loging'
      })
    }
    wx.request({
      url: obj.url,//传入地址
      data: obj.data,//传入亲求参数 
      method: obj.type,//传入请求方法
      success: (res) => {
        if (res.data.code == 200) {
          // 数据请求成功，将实参返回页面
          obj.success(res.data.data)
          // 关闭加载函数及下拉刷新
          wx.hideLoading()
          wx.stopPullDownRefresh()
        } else {
          // 请求失败传入失败提示
          wx.showModal({
            title: '提示',
            content: obj.message,
          })
        }

      }
    })
  }
}
export { netWork }

以上我们通过封装一个netWork对象下的request_work方法，用来整合网络请求的代码，届时通过调用函数，传入对应的参数来使用我们的模块化方法。

第二步、在页面js文件中引入接口

这里引入的接口名一定要与export 暴露的接口名一致。

第三步、调用接口中的方法，并传入对应参数

	var that = this
    current = 1
    // 调用net.js中请求方法
    netWork.request_work({
      // 传入对应参数
      isLoading: true,
      url: getApp().globalData.host + 'goods/getGoodsByPage',
      data: {
        page: 1,
        pageSize: 8 * current
      },
      type: 'POST',
      success(res) {
        that.setData({
          isDelete: false,
          data: res
        })
      }
    })

注意：参数类型一定要与设置好的参数匹配。

总结：

模块化的方法可以带给开发者简洁、高效的开发方式，一处定义多处引用，且当项目复杂时，模块化会给团队开发带来便利，在整个web开发中，模块化也是必修课，必须要学懂，学会。