thinkphp前后端配合(thinkPHP+LayUI 流加载实现功能)
类别:编程学习 浏览量:858
时间:2021-10-21 07:22:51 thinkphp前后端配合
thinkPHP+LayUI 流加载实现功能html
|
< li class = "layui-container" id = "container" > </ li > |
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('<li class = "layui-row list" >\ <a href= "newsDesc/id/'+item.id+'" rel= "external nofollow" >\ <li class = "layui-col-xs4 layui-col-sm4 " >\ <img src= "'+item.cover_img+'" >\ </li>\ <li class = "layui-col-xs7 layui-col-sm7 right" >\ <li class = "title" > '+item.title+' </li>\ <li class = "intro" > '+item.intro+' </li>\ </li>\ </a>\ </li>\ <hr/> '); }); //组装html //pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多 next(lis.join( '' ), page <= res.msg.pages); }) }, 300); } }); }); </script> |
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 流加载实现功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
原文链接:https://www.cnblogs.com/zxf100/archive/2019/09/27/11596813.html
您可能感兴趣
- thinkphp5访问路径(thinkphp5修改view到根目录实例方法)
- thinkphp中view视图的作用(Thinkphp5.0框架视图view的模板布局用法分析)
- thinkphp5 api开发(thinkphp5框架前后端分离项目实现分页功能的方法分析)
- thinkphp5数据库配置(Thinkphp5框架实现获取数据库数据到视图的方法)
- thinkphp前后端配合(thinkPHP+LayUI 流加载实现功能)
- thinkphp控制器怎么设置自定义(Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例)
- thinkphp5框架怎么打开(thinkphp5.1框架模板布局与模板继承用法分析)
- thinkphp5.1请求流程(ThinkPHP5.0框架使用build 自动生成模块操作示例)
- thinkphp5对接支付宝扫码支付(ThinkPHP框架下整合支付宝支付功能图文教程)
- thinkphp6.0安装(使用composer安装使用thinkphp6.0框架问题视频教程)
- thinkphp微信开发教程(微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解)
- thinkphp5.1手动连接mysql数据库(thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例)
- thinkphp5设计权限(Thinkphp5.0 框架视图view的比较标签用法分析)
- thinkphp从模板自定义标签(Thinkphp5.0框架视图view的循环标签用法示例)
- thinkphp5框架怎么打开(thinkphp5.1框架中容器Container和门面Facade的实现方法分析)
- thinkphp分页效果怎样(thinkphp5+layui实现的分页样式示例)
- 华为 联想等46家公司笔试面试题,涉及各行各业,建议收藏(联想等46家公司笔试面试题)
- ()
- ()
- 800壮士拼死拖住30万日军 八佰 的真实历史,誓与阵地共存亡(800壮士拼死拖住30万日军)
- 演员陈创,火于 哮天犬 ,颠峰于 福贵 ,现状却令人唏嘘(演员陈创火于哮天犬)
- 幼小衔接-20以内看图读数 写数 数的组成练习题(幼小衔接-20以内看图读数)
热门推荐
- html5video怎么优化(html5 移动端视频video的android兼容去除播放控件、全屏)
- php怎么引用文件(php引用和拷贝的区别知识点总结)
- Asp.net操作Word文档
- mysql多行数据之和(详解MySQL的数据行和行溢出机制)
- mysql数据表实例教程(mysql数据库入门第一步之创建表)
- vue实现聊天(Vue+ssh框架实现在线聊天)
- dedecms 图片不显示(解析织梦DedeCMS图片按月存放的实现方法)
- css3粒子特效(利用CSS3实现毛玻璃效果示例源码)
- mysql支持存储表情(MySQL如何插入Emoji表情)
- nginx怎么配置静态文件(Nginx 过滤静态资源文件的访问日志的实现)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9