欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
企业官网建设专家—微信小程序无刷新加载产品
时间: 2021-05-07 18:38 浏览次数:
大家都把握,手机上入门机手机微信手机上手机微信手机微信微信小程序应用的是MVVM架构,根据数据信息信息内容信息内容內容的关联,能够立即分析重视图的內容,进而展现不一样內

大伙儿都掌握,手机上手机微信手机微信微信小程序运用的是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设计方案计划方案分析 下一篇 |



Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园