小程序资讯站一一为您提供当下热门前沿的小程序动态

查看更多
首页 > 小程序资讯 > 微信小程序自己卖东西的小程序无刷新加载产品列表的内容

微信小程序自己卖东西的小程序无刷新加载产品列表的内容

小程序加载列表

我们都晓得,微信小程序运用的是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({
      t小程序制作的视频怎么转发到朋友圈itle: 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) {
    &nbs微信附近的小程序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
        微信小程序怎么发给QQ})
      }
    )
  },
&nb小程序的开发sp;//页面相关事情处置函数--监听用户下拉动作
  4.onPullDownRefresh: function () {
    this.getProlist('正在刷新数据')
  },
   //页面上拉触底事情的处置函数
 
  5.onReachBottom: function () {
    var that = this
    var p = that.data.p
    if (that.data.hasMoreData) { //判别hasMoreData是不是等1,假如不等于1,则不再运转调用getProlist函数,也就是说加载到些完毕了。
      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;//要加载从第几个开端的产品
        $li一家好店小程序制作st=$ModelGo微信小程序找答案ods->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的思想,经过后台加载过来的数据,将数据一次次并接,构成更多的数据,让阅读者可以比拟温馨的查看内容变化,构成好的阅读体验。

【温馨提示】极乐小程序倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至jason@dreawer.com,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于极乐小程序观点。用户与作者的任何交易与本站无关,请知悉。

热门标签

小程序    微信小程序    微信    小程序运营    百度小程序    运营    智能小程序    入口    电商    用户    好物圈    支付宝小程序    公众号    APPx    注销    头条小程序    小程序开发    实体店小程序    流量    功能    微信公众号    运营复盘    38妇女节    注册    小程序登录    小程序推广    微信小程序开发多少钱    外卖小程序    微信好物圈    腾讯    公测    抖音    房地产    小程序注册    找客户    微信店铺    微信开店    乡镇小生意    农村小生意    赚钱    做生意    小程序开店    开店卖货赚钱    店卖货赚钱    程序    方式    答案    浅析    变现    分析    选择    原因    定制    程序开发    卖货    微信卖货    外卖    小程序拼团    小程序开发成本    裂变营销    小程序裂变    微信小程序SEO    小程序SEO    电商小程序开发    QQ小程序    家政    客服    获客    医疗小程序    侵权    百度搜索    b站    智慧零售    工具小程序    推广    物流助手    小程序电商    小程序物流助手    区块链小程序    区块链    小程序测评    管理    ios桌面    小程序主体    聊天    删除小程序    商业价值    营销获客    生鲜水果    企业    商家    发布    审核    桌面    今日头条小程序    今日头条    小程序客服    互联网金融    小程序玩法    搜索流量