微信小程序的数据访问

先直观说道一下，小程序的结构

如图所示

1、每个视图(.wxml)只须要嵌入对应名字的脚本（.js）和样式（.wxss）就可以了，不须要提及，page下面的脚本以及样式都就是承继至最为外面的app.js , app.wxcss

2、脚本也就是.js文件，他存有紧固格式：page，就是用作获取数据的

3、utils就是用以置放数据USB的

数据出访，如果懂得点ajax，都不是问题，没啥不好谈的

微信小程序，因为IDE太烂了，如果代码再写得难以写作，整个项目就很难保护了。

因为没写下过app，不晓得在app中数据出访就是怎么PCB的

做为一个存有3天工作经验的小程序码农，真的如果每个页面的数据都就是自己回去出访数据USB，那就太不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参数，因为不可能将把所有的USB都放到一个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')，这里也可以拎参数，也可以空着

最终的页面就是这样的

在右边的红色侧边里面，我们可以看见命令回到的数据，也可以在右边修正数据，界面可以跟随着变化，这就是关于调试的事情了