小程序点击更多怎么进行数据拼接

业务场景：

      点击查看更多进行数据拼接显示 

 

 

实现思路：

     咱们先在公共方法里边声明俩个属性，一个是页数page,一个是每次查询条数。

     页数默认的是第一页，咱们在小程序的data里边设置一个page变量，默认也是1

     当发起请求的时候获取page，进行减1就能够获取到上一次查询最后的条数network_num就是这个值

 

    点击更多的时候将page+1，查询使用limit，第一个参数是从多少条开始，第二个参数是查询多少条

    最后一步就是点击更多进行数据的拼接，当咱们初始化进入页面时，是从0开始的，会从数据库拿取第一批数据，当点击更多的时候，使用concat这个方法，将点击更多数据和原始数据进行拼接便可

 

注意：这里设置的network这个值必须跟你查询时的数量同样

 

 

PHP代码

class Common extends Controller {
    protected $page = 1; //默认第一页
    protected $network_num = 10;
    protected $network_bg = 0;
    protected function _initialize() {      
        $this->network_num = empty($network_num) ? 10 : $network_num;
        $this->network_bg = ($this->page - 1) * $this->network_num;
    }
}

 

使用你要查询的类继承common

class  Allinfo extends  Common{
    public function getInfo(){        
        $where['examine'] = 2;
        // $where['vip_time'] = ['>',time()];
        $product = Db::table('wxb_move_user')->where($where)->order('is_vip desc,creat_time desc')->limit($this->network_bg,10)->select();
        if(!$product){
            $send = ['code'=>400,'msg'=>'暂无数据'];
            return json($send);
        }
        $this->result($product, 200, '获取信息成功', 'json');
    }
}

小程序代码：

/*
author:咔咔
address:陕西西安
wechat:fangkangfk
*/

Page({

  /**
   * 页面的初始数据
   */
  data: {
    companyList:[],
    page:1,
    length:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCompanyInfo();
  },

  // 获取公司信息
  getCompanyInfo:function(){
    wx.showLoading({
      title: '加载中',
    })
    var that = this;
    var page = this.data.page;
    wxb.Post('/api/automatic.Allinfo/getInfo',{
      page: page
    },function(data){
      wx.hideLoading();
      console.log(data.length)
      that.setData({
        companyList: data,
        length:data.length
      })
    });
  },

  more:function(){
    var that = this;
    var companyList = this.data.companyList;
    var page = this.data.page;
    wxb.Post('/api/automatic.Allinfo/getInfo', {
      page: page+1
    }, function (data) {
      wx.hideLoading();
      console.log(data.length)
      that.setData({
        companyList: companyList.concat(data),
        length: data.length,
        page: page + 1
      })
    });
  },  
})