这篇文章给大家分享的是有关小程序中如何封装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”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。