微信游戏小程序开发—小程序无刷新加载产品大_线上会议互动游戏_微信互动小游戏有哪些_微互动_年后微信互动小游戏

大伙儿都掌握，手机上手机微信手机微信微信小程序运用的是MVVM构架，依据数据信息信息内容的关系，可以及时剖析正视图的内容，从而呈现不一样内容，下面要详尽详细介绍的是一种经常运用的功效，就是倘若手机上手机微信手机微信微信小程序中放载产品的文件目录功效，当顾客向下拖拽时，会持续的加载产品。
看来先js文本文档：
1.初始化关键主要参数
data: {
p: 1,//现如今是第两页
list: [],//产品数据信息信息内容的数据动能数字能量数组
hasMoreData: true, //不是是务必加载很多内容
},
再聊看onLoad涵数，就是加载一个getProlist涵数
2.onLoad: function (options) {
var that = this
that.getProlist( 早已加载数据信息信息内容... )
},
3.getProlist: function (message) {
wx.showLoading({
title: message,//提示早已加载中
})
var that = this
var p = that.data.p
//加载新产品
var request_newpro_url = util.getApiUrl(app, /GList/newpro , p= + p)
util._get(request_newpro_url,
function (res) {
wx.hideLoading();//关闭提示
var list = that.data.list;//得到list的值
if (list == false) { //倘若数据信息信息内容为空，则list就非常于加载回家的数据信息信息内容即可以
var data_list = res.data.data
}else{
var list2 = res.data.data
var data_list = list.concat(list2);//因为list不因空，因而务必将list和list2两个数据动能数字能量数组合并起来，再把值授于data_list
}
//倘若网页页面网页页面数非常于现如今页,那麼也不必再加载了
if (res.data.page_count = res.data.p) {
that.setData({
hasMoreData: 0,
})
}
that.setData({
page_count: res.data.page_count,
list: data_list //将data_list关系到list中，那般list用this.data.list得到时，也是一个新的数据动能数字能量数组了
})
},
function (res) {
wx.hideLoading();
wx.showToast({
title: res.errMsg,
duration: 2000
})
}
)
},
//网页页面网页页面相关恶变恶性事件处理涵数--监控顾客向下拉姿态
4.onPullDownRefresh: function () {
this.getProlist( 早已升级数据信息信息内容 )
},
//网页页面网页页面上拽触底恶变恶性事件的处理涵数

5.onReachBottom: function () {
var that = this
var p = that.data.p
if (that.data.hasMoreData) { //辨别hasMoreData并不是是等1，倘若不一于1，则已不运行开启getProlist涵数，也就是说加载到些结束了。
[标识:內容1]

that.setData({
p: Number(p) + 1,
})
this.getProlist( 加载很多数据信息信息内容 )
} else {
wx.showToast({
title: 没有很多数据信息信息内容 ,
})
}
},

再聊看一下后台管理管理方法的程序一一部分，还是比较简单的,运用的是thinkphp构架：
public function newpro(){
$url_arr[ status ] = 1;//查询规范
$page= 6;//每一次加载很多产品
$p = I( request.p ,1);//第两页
$pagesize = ($p-1)*$page;//得载入从第许多个一开始的产品
$list=$ModelGoods- where($url_arr)- order( order_id asc,goods_id desc )- limit($pagesize,$page)- select();//得到查询的数据信息信息内容
$total_count=$ModelGoods- where($url_arr)- order( order_id asc,goods_id desc )- count();//计算所有符合规范的产品总数
$page_count = ceil($total_count/$page);//所有的产品一目前多少钱页，往上取整
$data[ p ] = $p;
$data[ total_count ] = $total_count;
$data[ page_count ] = $page_count;
$data[ data ] = $list;
$this- response($data,C( API_TYPE //将这类关键主要参数传输拿到机手机微信手机微信微信小程序里
}

这一功效也是一样运用了手机微信微信小程序MVVM的意识，依据后台管理管理方法加载回家的数据信息信息内容，将数据信息信息内容一次次并接，造成很多的数据信息信息内容，让浏览者能够比较舒适的查寻内容变化，造成好的浏览体会。上一篇 | 少年儿童类APP产品分类和APP设计方案计划方案分析下一篇 |

(责任编辑：admin)