介绍
小编给大家分享一下微信小程序中数据访问的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
先简单说一下,小程序的结构
如图所示
1,每个视图(.wxml)只需要添加对应名字的脚本(js)和样式(.wxss)就可以了,不需要引用,页面下面的脚本以及样式都是继承至最外面的应用。js, app.wxcss
2,脚本也就是。js文件,他有固定格式:页面,是用于获取数据的
3,跑龙套是用来放置数据接口的
数据访问,如果懂点ajax,都不是问题,没啥好讲的
微信小程序,因为IDE太烂了,如果代码再写得难以阅读,整个项目就很难维护了。
因为没有写过程序,不知道在应用中数据访问是怎么封装的
作为一个有3天工作经验的小程序码农,觉得如果每个页面的数据都是自己去访问数据接口,那就太不OOP了
然后想到了linq to sql,只取了其中的两个方法,原本打算用singelordefault, firstordefault的,想想也麻烦,就用了getbyparams, getbyid,根据条件查找出所有数据,或者根据id获取一条数据
直接看方法吧,有点啰嗦了
const API_URL =, & # 39; http://localhost: 4424/api/& # 39;
,
function getApi (url, params) {
,return new 承诺((res,球员)=祝辞{
wx.request({才能
,,url: API_URL + & # 39;/& # 39; +网址,
,,数据:Object.assign ({}, params),
,,头:{& # 39;内容类型# 39;:,& # 39;application/json # 39;},
,才能成功:,
,,失败:球员
})才能
,})
}
,
module.exports =, {
,GetByParams (url=1页,页大?20,search =, & # 39; & # 39;) {
const 才能;params =,{,开始:(page 安康;1),*,页大小,,页大小:,pageSize }
return 才能;getApi (url, search ?, Object.assign (params,,{,问:search }),:, params)
,,不要犹豫(res =祝辞,res.data)
},
,GetById (url, id) {
return 才能getApi (url, id)
,,不要犹豫(res =祝辞,res.data)
,}
} 模块。出口={}是固定写法,里面写一个一个的方法,每个方法用,隔开。
我设置了一个url参数,因为不可能把所有的接口都放在一个conntroller里面,所以url的格式是“conntroller/行动”
看一个调用的栗子吧,就明白怎么用了
const req =,需要(& # 39;. ./. ./跑龙套util.js& # 39;)
,
页面({
,数据:{
,,imgUrls: [],
indicatorDots才能:,真的,
播放:才能,真的,
2000年,间隔:大敌;
,时间:2000年,
},
,onLoad () {
req.GetByParams才能(& # 39;home/homebanner& # 39;)//看这里,,看这里,,看这里
,然后才能(d=祝辞this.setData ({imgUrls: d,加载:假}))
.catch才能(e=祝辞{
,,this.setData ({imgUrls:[],加载:假})
})才能
,}
}) 这是指数的获取横幅图的方法,req.GetByParams (& # 39; home/homebanner& # 39;),这里也可以带参数,也可以空着。
以上是“微信小程序中数据访问的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
