微信小程序访问数据库可以做到吗?_微微风

微信小程序访问数据库可以做到吗?

2018-02-04 14:18:49 51 0

  微信小程序现在是一个很热门的事情,很多功能都能通过小程序来实现的,特别是小程序的访问数据这个操作,是小程序开发过程当中必不可少的,下面小编就来为大家说说这个问题,看看要如何才能办到这个事情!

  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获取一条数据

  直接看方法吧,有点啰嗦了

  [javascript] view plain copy

  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”

  看一个调用的栗子吧,就明白怎么用了

  [javascript] view plain copy

  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'),这里也可以带参数,也可以空着。

  以上方法就是实现微信小程序访问数据的功能,如果大家觉得小编说的有道理的话,可以照着这个办法去操作一遍,应该可以帮助大家在开发微信小程序中碰到的问题,如何大家觉得这些问题都解决了,不妨给微微风小编一个赞哦!

  相关阅读:

  微信小程序数据库交互如何做到?

  微信小程序数据库访问实例详解

  微信小程序数据库通信如何实现?

微信小程序访问数据库可以做到吗?

发布:2018-02-04 14:18:49来源:Jay阅读:51

  微信小程序现在是一个很热门的事情,很多功能都能通过小程序来实现的,特别是小程序的访问数据这个操作,是小程序开发过程当中必不可少的,下面小编就来为大家说说这个问题,看看要如何才能办到这个事情!

  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获取一条数据

360截图20180204141824195.jpg

  直接看方法吧,有点啰嗦了

  [javascript] view plain copy

  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”

  看一个调用的栗子吧,就明白怎么用了

  [javascript] view plain copy

  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'),这里也可以带参数,也可以空着。

  以上方法就是实现微信小程序访问数据的功能,如果大家觉得小编说的有道理的话,可以照着这个办法去操作一遍,应该可以帮助大家在开发微信小程序中碰到的问题,如何大家觉得这些问题都解决了,不妨给微微风小编一个赞哦!

  相关阅读:

  微信小程序数据库交互如何做到?

  微信小程序数据库访问实例详解

  微信小程序数据库通信如何实现?

发表评论
微微风
昵称

分类导航

公众号小程序微信群微信运动微信红包微信聊天微信好友朋友圈

精选微信公众号素材

更多

最新最全的微信公众号求关注图片(附下载)

1

微信公众号求关注素材哪里找?

2

微信朋友圈视频软件推荐!怎么制作高大上微信朋友圈视频?

3

2017年微信引导分享动态图精选!

4

最新微信引导关注动图大全!

5

最新公众号阅读原文动态图素材

6

最新微信底部扫码关注模板

7

最新微信公众号求关注图标大全

8

最新微信关注我们动态图素材

9

点击按钮关注公众号,点击按钮关注公众号图片素材

10

最近更新

更多
1微信小程序中成语消消看第17关的答案是什么呢?
2小程序介绍到底是什么?什么是小程序?
3微信娱乐小程序是什么?有哪些微信娱乐小程序?
4从哪里可以找到小程序?有什么方法可以找到微信小程序?
5支付宝小程序营运规范是什么?支付宝运营需要注意什么?
6小程序怎样提交代码呢?具体步骤是什么?
7小程序能不能推广?应该怎样推广?
8应该怎么投诉小程序?为什么呢?
9违规的小程序被封停的话该怎么办呢?
10小程序头脑王者因违规暂停服务该如何处理?

猜你喜欢

小程序 | 微信跳一跳怎么得高分?
小程序 | 跳一跳别人跳几千下怎么来的?
小程序 | 跳一跳外挂怎么用?
小程序 | 跳一跳奖励盒子怎么拿分?
小程序 | 微信跳一跳加分奖励是什么?
小程序 | 跳一跳黑科技怎么用?
小程序 | 微信游戏刷分教程
小程序 | 微信为什么打开就跳掉?
小程序 | 超级跳跳跳攻略!超级跳跳跳怎么玩?
小程序 | 跳一跳够得着怎么玩?