成都创新互联网站制作重庆分公司

小程序中如何封装model.js

这篇文章给大家分享的是有关小程序中如何封装model.js的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请网站空间、营销软件、网站建设、临渭区网站维护、网站推广。

众所周知,小程序代码是由限制的,不能超过2M,解决冗余代码,重中之重。这里就是对model文件的封装,相当于php中操作数据库的model类,其功能也是相同的。

//这里是继承Base封装好的model类,其中是对get和post传输方式的封装
import { Base } from '../../utils/base.js';
class Index extends Base {
constructor() {
super();
}
/**储存用户信息 */
//在下面的方法当中,get或者post传输的方式,和通过transfertype条件添加,例如:transfertype:‘post’
//而role:“域名下的类名后缀”,由于我是用了两个数据库,所以加了判断,如果不需要可以到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);
}
};
//这里是暴露封装的文件名,相当于php中的model类
export { Index };
 
//这里是周期函数所在文件js,接收上面model类的方式
import { Index } from 'index-model.js';
var index = new Index(); //实例化 首页 对象
//在使用index里面的方法时,用法
index.setUserInfo(sid, openid,res=>{
    //这里查看操作结果
     console.log(res)
})

感谢各位的阅读!关于“小程序中如何封装model.js”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文名称:小程序中如何封装model.js
分享URL:http://cxhlcq.com/article/gpggij.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部