小程序数据访问
(此图片来源于网络,如有侵权,请联系删除! )
如图所示 1、每个视图(.wxml)只需要添加对应名字的脚本(.js)和样式(.wxss)就可以了,不需要引用,page下面的脚本以及样式都是继承至最外面的app.js , app.wxcss 2、脚本也就是.js文件,他有固定格式:page,是用于获取数据的 3、utils是用来放置数据接口的
数据访问,如果懂点ajax,都不是问题,没啥好讲的 微信
小程序,因为IDE太烂了,如果代码再写得难以阅读,整个项目就很难维护了。 因为没有写过app,不知道在app中数据访问是怎么封装的 作为一个有3天工作经验的小程序码农,觉得如果每个页面的数据都是自己去访问数据接口,那就太不OOP了 然后想到了linq to sql,只取了其中的两个方法,原本打算用singelordefault,firstordefault的,想想也麻烦,就用了getbyparams,getbyid,根据条件查找出所有数据,或者根据id获取一条数据 直接看方法吧,有点啰嗦了
- const API_URL = ‘http://localhost:4424/api/’
- function getApi(url,params){
- return new Promise((res,rej)=>{
- wx.request({
- url:API_URL+’/’+url,
- data:Object.assign({},params),
- header:{‘Content-Type’: ‘application/json’},
- success:res,
- fail:rej
- })
- })
- }
- module.exports = {
- GetByParams(url,page=1,pageSize=20,search = ”){
- const params = { start: (page – 1) * pageSize, pageSize: pageSize }
- return getApi(url, search ? Object.assign(params, { q: search }) : params)
- .then(res => res.data)
- },
- GetById(url,id){
- return getApi(url, id)
- .then(res => res.data)
- }
- }
module.exports = {}是固定写法,里面写一个一个的方法,每个方法用,隔开。 我设置了一个url参数,因为不可能把所有的接口都放在一个conntroller里面,所以url的格式是“conntroller/action”
看一个调用的栗子吧,就明白怎么用了
- const req = require(‘../../utils/util.js’)
- Page({
- data: {
- imgUrls: [],
- indicatorDots: true,
- autoplay: true,
- interval: 2000,
- duration: 2000
- },
- onLoad(){
- req.GetByParams(‘home/homebanner’)//看这里 看这里 看这里
- .then(d=>this.setData({imgUrls:d,loading:false}))
- .catch(e=>{
- this.setData({imgUrls:[],loading:false})
- })
- }
- })
这是index的获取banner图的方法,req.GetByParams(‘home/homebanner’),这里也可以带参数,也可以空着 最终的页面是这样的
在右边的红色框里面,我们可以看到请求返回的数据,也可以在右边修改数据,界面会跟随着变化,这是关于调试的事情了,容后再议
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
本站为避免不必要的纷争,分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台,站长只为大家提供相关资源的介绍和跳转引导。 因可能有疏忽大意,所以如有遗漏资源侵犯了您的合法权利,请联系站长删除。
【小程序源码网资源下载使用说明】:
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网毫无人看的介绍】:
本站又称Z站,原名贼娘网,开站于2018年,换过三任站长,目前站长是第四任站长,本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站,主要小程序资源有用于学习的小程序源码,也有正版原创可商用的小程序源码,是一个公益博客型网站。
【小程序源码网原创源码版权申明】:
未经小程序源码网许可,任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内,版权无使用限制),否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】:
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网站长最后的屁话】:
如有您认为本站有任何侵犯您合法权益的文章,或者您有什么疑问需求,欢迎联系站长QQ,站长24小时在线,备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理,如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论,就不用加站长啦,对于白嫖党,QQ群才是处理问题的天堂,当然站长也欢迎大家骚扰~
小程序源码网 » 小程序数据访问