小程序点击更多怎么进行数据拼接
【摘要】
业务场景：
点击查看更多进行数据拼接显示
实现思路：
我们先在公共方法里边声明俩个属性，一个是页数page,一个是每次查询条数。
页数默认的是第一页，我们在小程...
业务场景：
点击查看更多进行数据拼接显示
实现思路：
我们先在公共方法里边声明俩个属性，一个是页数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
-
})
-
});
-
},
-
})
文章来源: blog.csdn.net，作者：咔咔-，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/fangkang7/article/details/82852214
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）