江苏龙网

  1. 主页 > 生活百科 > >

小程序自定义动态Tabbar导航栏( 二 )

小程序

页面js文件// 方法一onLoad:function (e) {fun.post({ url:'...',data:{...} }).then( res => console.log(res) )// 步骤一.then( res => console.log(res) )// 步骤二.then( res => console.log(res) )// 步骤三.catch( res => console.log(res) )// 捕捉异常},这样写起来思路清晰 ， 优雅 ， 感觉棒棒哒！
接口统一管理有了上述的post接口 ， 我们在开发中会有很多的请求接口 ， 如果都写在页面中 ， 难以管理 ， 如有修改 ， 要一个个页面找过去 ， 比较麻烦 ， 我的做法是：
在模块目录下新建一个js ， 用来保存所有接口信息 。为什么在模块下呢？因为考虑到可能有不同的分包、如果都写在一起会太多 ， 分太细又带来管理的不便 ， 具体如何 ， 请根据具体项目来操作 。
api接口统一管理文件/** * 该模块下所有接口 * 接口参数： *url: just url *contentType: default:false( use urlencoded ) or true( use json ) *noOuth: default:false( hase Authorization ) or true( no Authorization ) */const constApi = {// 获取用户信息getUserInfo : {// 定义接口调用的名字url: 'api/v1/userinfo'},// 获取用户设置getUserSetting: {url: 'api/v1/usersetting',outh:true// 需要鉴权}}/** * 对外接口统一调用 * @param {*} name在api文件中的key * @param {*} data要post的数据 */const http = async function(key,data){let api = constApi[key];let response = await fun.post({url:api.url,data:data,contentType:api.contentType,outh:api.noOuth})return response}export default http使用方法// 导入api文件import Api from './api-index.js'onLoad:async function (e) {// 用法一Api('getUserInfo ',{userId:1,userPwd:123456,...}).then( res => console.log(res) )...// 用法二let tmp = await Api('getUserInfo',{...})this.setData({ list: tmp })},到时候如果接口修改了 ， 或者地址更换了 ， 就不用满大街去找那些页面用到了接口 ， 一个个修改 。只需要在api-index.js中 ， 统一修改和管理了 。
 
作者：MilFun
链接：https://juejin.im/post/6865920270218035214
来源：掘金
著作权归作者所有 。商业转载请联系作者获得授权 ， 非商业转载请注明出处 。

【小程序自定义动态Tabbar导航栏】


推荐阅读


上一篇：苏洵名二子 苏洵有几个儿子分别叫什么

下一篇：MySQL复杂where条件分析