html
js，要引入layui.js
layui.use('flow',function(){
var$=layui.jquery;
varflow=layui.flow;
flow.load({
elem:'#container'//流加载容器
//滚动条所在元素，一般不用填，此处只是演示需要。
,done:function(page,next){//执行下一页的回调
console.log(page)
//模拟数据插入
setTimeout(function(){
varlis=[];
varurl="/index/index/ajaxNews/?page="+page
$.get(url,function(res){
layui.each(res.msg.data,function(index,item){
lis.push('\
\
\
\
phpController控制器
publicfunctionajaxNews()
{
$page=input('page');//页码
$pagesize=6;
$list['data']=model('Index')->getNewsList($page,$pagesize);
$count=model('Index')->getNewsCount();
$list['pages']=ceil($count/$pagesize);
if($list){
returnreturn_succ($list);
}else{
returnreturn_error('暂无数据');
}
}
phpmodel模型
//获取动态列表
publicfunctiongetNewsList($page,$pagesize)
{
$list=Db::name('news')
->field('id,title,intro,cover_img')
->order('create_timedesc')
->where(['status'=>0])
->page($page,$pagesize)
->select();
return$list;
}
//获取动态总条数
publicfunctiongetNewsCount()
{
$count=Db::name('news')->where(['status'=>0])->count();
return$count;
}
总结
以上所述是小编给大家介绍的thinkPHP+LayUI流加载实现功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！