怎么在thinkPHP中利用LayUI实现一个流加载功能-创新互联
本篇文章给大家分享的是有关怎么在thinkPHP中利用LayUI实现一个流加载功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
成都创新互联是专业的常山网站建设公司,常山接单;提供成都网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行常山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!html
js,要引入layui.js
layui.use('flow', function() { var $ = layui.jquery; var flow = layui.flow; flow.load({ elem: '#container' //流加载容器 //滚动条所在元素,一般不用填,此处只是演示需要。 ,done: function(page, next){ //执行下一页的回调 console.log(page) //模拟数据插入 setTimeout(function(){ var lis = []; var url = "/index/index/ajaxNews/?page="+page $.get(url,function (res) { layui.each(res.msg.data, function(index, item) { lis.push('\
'); });//组装html //pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多 next(lis.join(''), page <= res.msg.pages); }) }, 300); } }); });
php Controller控制器
public function ajaxNews() { $page = input('page'); //页码 $pagesize = 6; $list['data'] = model('Index')->getNewsList($page,$pagesize); $count= model('Index')->getNewsCount(); $list['pages'] = ceil($count/$pagesize); if ($list) { return return_succ($list); }else{ return return_error('暂无数据'); } }
php model模型
// 获取动态列表 public function getNewsList($page,$pagesize) { $list = Db::name('news') ->field('id,title,intro,cover_img') ->order('create_time desc') ->where(['status'=>0]) ->page($page,$pagesize) ->select(); return $list; } //获取动态总条数 public function getNewsCount() { $count = Db::name('news')->where(['status'=>0])->count(); return $count; }
以上就是怎么在thinkPHP中利用LayUI实现一个流加载功能,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
标题名称:怎么在thinkPHP中利用LayUI实现一个流加载功能-创新互联
网页链接:http://cdiso.cn/article/cdhish.html