![【移动应用开发技术】微信小程序中数据访问的示例分析_第1页](http://file4.renrendoc.com/view/8484b28b4206f743aad6d22fd68b6a93/8484b28b4206f743aad6d22fd68b6a931.gif)
![【移动应用开发技术】微信小程序中数据访问的示例分析_第2页](http://file4.renrendoc.com/view/8484b28b4206f743aad6d22fd68b6a93/8484b28b4206f743aad6d22fd68b6a932.gif)
![【移动应用开发技术】微信小程序中数据访问的示例分析_第3页](http://file4.renrendoc.com/view/8484b28b4206f743aad6d22fd68b6a93/8484b28b4206f743aad6d22fd68b6a933.gif)
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
【移动应用开发技术】微信小程序中数据访问的示例分析
在下给大家分享一下微信小程序中数据访问的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!先简单说一下,小程序的结构如图所示1、每个视图(.wxml)只需要添加对应名字的脚本(.js)和样式(.wxss)就可以了,不需要引用,page下面的脚本以及样式都是继承至最外面的app.js,app.wxcss2、脚本也就是.js文件,他有固定格式:page,是用于获取数据的3、utils是用来放置数据接口的数据访问,如果懂点ajax,都不是问题,没啥好讲的微信小程序,因为IDE太烂了,如果代码再写得难以阅读,整个项目就很难维护了。因为没有写过app,不知道在app中数据访问是怎么封装的作为一个有3天工作经验的小程序码农,觉得如果每个页面的数据都是自己去访问数据接口,那就太不OOP了然后想到了linqtosql,只取了其中的两个方法,原本打算用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}
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2023年整体厨柜项目风险分析及评价报告
- 2023年乙型脑炎活疫苗项目风险评价报告
- 工程车辆租赁合同
- 2023年医用电子仪器设备项目安全风险评价报告
- 2025届高考历史一轮总复习能力探究专题二三国至隋唐时期第8课从隋唐盛世到五代十国主题一以史为鉴-隋唐的盛世与衰亡
- 宝丰县2024年一级造价工程师《造价管理》巅峰冲刺试卷含解析
- 10套10以内练习题
- 天津市北辰区2023年九年级上学期《物理》期中试题和参考答案
- 初中物理教育教学反思(3篇模板)
- 初中数学教育教学理论与实践(3篇模板)
- 智慧食堂维护服务方案
- 路灯管护安全生产知识讲座
- 技术部门发展规划
- 商场消防安全管理培训课件
- 中药硬膏热贴敷治疗
- 日语人事岗位职责任职要求
- 【新能源汽车发展研究国内外文献综述2800字】
- 2024年云南黄金集团招聘笔试参考题库含答案解析
- 隐形圆问题公开课
- 普通动物学(1)智慧树知到课后章节答案2023年下山东师范大学
- 国开电大土木工程本科《工程地质》在线形考形考(作业1至4)试题及答案
评论
0/150
提交评论