小程序中如何封裝model.js

這篇文章給大家分享的是有關(guān)小程序中如何封裝model.js的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

眾所周知，小程序代碼是由限制的，不能超過2M，解決冗余代碼，重中之重。這里就是對model文件的封裝，相當(dāng)于php中操作數(shù)據(jù)庫的model類，其功能也是相同的。

//這里是繼承Base封裝好的model類，其中是對get和post傳輸方式的封裝
import { Base } from '../../utils/base.js';
class Index extends Base {
constructor() {
super();
}
/**儲存用戶信息 */
//在下面的方法當(dāng)中，get或者post傳輸?shù)姆绞剑屯ㄟ^transfertype條件添加，例如：transfertype：‘post’
//而role：“域名下的類名后綴”，由于我是用了兩個(gè)數(shù)據(jù)庫，所以加了判斷，如果不需要可以到base.js文件中修改
setUserInfo(sid, openid, callback) {
var that = this;
var param = {
url: 'setUserInfo',//這里寫自定義的接口方法名
data:{
sid: sid,
openid: openid
},
transfertype: 'post',
sCallback: function (data) {
callback && callback(data);
}
};
this.request(param);
}
};
//這里是暴露封裝的文件名，相當(dāng)于php中的model類
export { Index };
 
//這里是周期函數(shù)所在文件js，接收上面model類的方式
import { Index } from 'index-model.js';
var index = new Index(); //實(shí)例化 首頁 對象
//在使用index里面的方法時(shí)，用法
index.setUserInfo(sid, openid,res=>{
    //這里查看操作結(jié)果
     console.log(res)
})

感謝各位的閱讀！關(guān)于“小程序中如何封裝model.js”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！