模块封装==》 分属性和功能==》 主要是功能==》 分全局和局部两块
config中配置静态依赖属性 util 工具模块封装公共功能模块 models封装局部功能模块==》组件调用。
util 文件定义 http 请求模块
1.导入依赖模块 2.定义模块 3.导出模块 重要点是定义模块 1 ,2,3,
2.1.模块的功能封装目的 2. 2. 注意事项和细节 2.3 注释 思路和总结
// 封装 请求的参数和 功能 固定参数和灵活参数 对外功能和内部功能
import {config} from "../config.js";// 导入模块
//定义模块
const tips={
1:"抱歉出先错误",
1005:"无效的appkey",
3000:"期刊不存在"
}
class HTTP{
request(params){
wx.request({
//固定参数和动态参数
url:config.api_base_url+params.url,
method:params.method,
data:params.data,
header:{
"content-type":"application/json",
"appkey":config.appkey
},
success:(res)=>{
let code=res.statusCode.toString();
if(code.startsWith("2")){
params.success(res.data)
}else{
let error_code=res.data.error_code
this._show_error(error_code);
}
},
fail:(err)=>{
this._show_error(1);
}
})
}
_show_error(error_code){
if(!error_code){
error_conde=1;
}
wx.showToast({
title:tips[error_code],
icon:"none",
duration:2000
})
}
}
export {HTTP} //导出模块
网友评论