pwindy  
在完成任务的同时,还需要不断“复盘”,不论你多么的忙,都需要留下时间思考,可以思考哪些地方做的好,哪些地方我们可以改进,应该如何改进,注重总结才是王道

1.建立一个公共的http.js文件

这个http.js文件,通过全局变量来建立通用模板

  commondata:请求链接的公共部分,在app.js中定义。
  params:是一个对象,包含url属性,data属性,method属性,success属性(属性值为回调函数)。
  HTTP类里面的request函数:是一个异步函数。
const commondata = getApp()
const statusCode = {
    '1': "网络出错",
    "301": "永久重定向",
    "401": "登录出错",
    "403": "被禁止访问",
    "404": "找不到",
    "405": "错误请求方法",
    "409": "冲突",
    "413": "上传文件太大",
    "500": "服务器错误"
}
// HTTP类    request函数:HTTP类的方法(类下面的函数称为方法)
class HTTP{
    request(params){
        if(!params.method){
            params.method = "GET"
        }
        wx.request({
            method: params.method,
            url: commondata.commonurl + params.url,
            data: params.data,
            header: {
                "content-type": "application/json",
                "appkey": commondata.appkey
            },
            success: (res) => {
                let code = res.statusCode.toString()
                if( code.startsWith("2") ){
                    // 当状态码是2开头的情况
                    if(params.success){
                        params.success(res)
                    }
                }else{
                    // 当状态码不是2开头的情况
                    this._showError(code)
                }
            },
            fail: (err) => {
                // 当断网的情况下,走fail函数
                this._showError("1")
            }
        })
    }
    // 封装错误弹框类型
    _showError(code){
        wx.showToast({
            "title": statusCode[code],
            "icon": "error",
            "duration": 1500
        })
    }
}

export { HTTP }

2.建立models模块

2.1.在models模块中建立js文件,分别对应page页面的请求

2.2.classic页面对应的js文件,命名为classic.js

3.在classic页面中引用models模块中的方法

3.1.在classic页面的js文件中把classModel引入

 3.2.在classic页面的js文件中,调用getLatest方法

  3.3.在classic页面的js文件中,调用gettheOthers方法

posted on 2022-04-19 11:35  pwindy  阅读(193)  评论(0)    收藏  举报