欢迎光临
我们一直在努力

小程序滑动到底部加载更多数据

“中国ETC服务”微信小程序自助解除车牌占用功能上线了

为及时解决客户车牌占用问题 保障用户合法权益 按照交通运输部统一部署 “中国ETC服务”微信小程序 正式上线自助解除车牌占用功能 用户登录“中国ETC服务”微信小程序 进入“我的ETC” 点击“解除车牌占用” 根据提示完成操作 即可立即解除车牌占用 具体流程

“中国ETC服务”微信小程序自助解除车牌占用功能上线了

根据官方文档的介绍,小程序开发,从默认环境的数据库里面取数据,使用小程序端,默认最多取20条数据,云函数端最多取100条数据,那么我们在浏览数据的时候,就需要分页加载数据。

滑动底部加载数据

分页取数据的方式有很多种,这里就介绍滑动加载这种比较常用的方式,使用的组件scroll-viewskip实现。

谈谈小程序的特点及优势

你们心心念念的S君回来啦(大脸模式中)! 这段时间S君奉命深入了不同行业,和甲方爸爸们深入沟通了很多。S君一直在想,为什么有些合作方一有资源,二有人脉,三有名声,但是线上东西总是搞不起来,现在不提名字啦,这里不要脸的看了下他后台小小点评下:有人

谈谈小程序的特点及优势,百度小程序,

scroll-view 的使用

//页面<scroll-view scroll-y="true" style="height: 1100rpx;" bindscrolltolower="getSitesData">//数据内容</scroll-view>

skip 的使用

//分页获取数据data: {    sites:{},    selflabel:"",    pages:1,//页数    limit:20 //每次取条目数},getSitesData:function(){    var pages=this.data.pages    var limit=this.data.limit    var loadeddata=this.data.sites //保存之前的数据    var sitearr = new Array()    //获取数据库引用    const db = wx.cloud.database({      env: "数据库"    })    db.collection('表').where({      isshow: "Y"    }).skip(pages*limit).orderBy("sitedate", "desc").get().then(res => {      // res.data 包含该记录的数据      for (var i = 0; i < res.data.length; i++) {        sitearr[i] = (res.data[i])        sitearr[i].sitedate = (res.data[i].sitedate.getFullYear()) + "-" + (res.data[i].sitedate.getMonth() + 1) + "-" + (res.data[i].sitedate.getDate())      }      this.setData({        sites: loadeddata.concat(sitearr),//合并数据        pages:pages+1//页数加1      })    })  }

参考文档

组件scroll-view
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

分页取数据
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/database/collection/Collection.get.html

三分钟创建一个小程序-每天三分钟玩转小程序 1

点击上方“编程三分钟”,马上关注,每周1、3、5定时更新。 好险,还有几分钟,差点没有赶上周五的尾巴。这次带来的是1. 小程序开发前的准备,非常的简单,让我们花三分钟创建一个小程序! 1. 注册账号 访问微信公众平台网站:https://mp.weixin.qq.com 鼠标

三分钟创建一个小程序-每天三分钟玩转小程序 1

赞(0) 打赏
未经允许不得转载:小程序营销网 » 小程序滑动到底部加载更多数据
分享到: 更多 (0)

小程序营销网

联系我们立即定制