打造简单实用的Thinkphp分页样式(Bootstrap版本)
来源:互联网 发布:淘宝搜索你会感谢我的 编辑:程序博客网 时间:2024/05/22 01:58
先吐槽一下ThinkPHP3.1版的分页样式,虽然看起来也很简单大方,但是所有的页码全是使用简单的数字,之间的空隙比较小,不大容易点,还有那个“前5页”和“后5页”显得有点多余,因为点击当前显示第一页的“上一页”按钮会自然出来前5页。3.1的分页效果是这个样子滴:
针对以上种种不太理想的情况,又加上最近学习了ThinkPHP5,在ThinkPHP5中提供了对BootStrap分页样式的完美支持,在thinkphp5中只要引入了BootStrap.css文件,在使用Controller中使用分页函数后,前台自然就会按照BootStrap的样式来显示,效果是这个样子滴:
而我开发顶求网的时候ThinkPHP5还没出来,使用的是3.1版本,那么在3.1版中如何才能使用BootStrap的分页组件呢?以下是解决办法:
派生thinkphp的原生page.class.php类
为了不影响核心文件(违反设计模式种的对修改封闭原则),我派生了一个子类ListPage,该子类代码如下:
import('ORG.Util.Page');// 导入分页类 class ListPage extends Page {//针对本系统User控制器特点重写Page类中相关函数 /** * 分页显示输出 * @access public */ protected $config = array('header'=>'条记录','prev'=>'<','next'=>'>', 'first'=>'<<','last'=>'>>', 'theme'=>'%first% %upPage% %linkPage% %downPage% %end%'); ……
可以看到,首先导入核心类所处的文件,然后就可以大胆的派生了,而这里只列出了核心代码。我们只需要修改page类中的Config变量就可以了,在子类中重写该变量为上面的形式,然后再所有Action(Controller)中使用该子类来建立分页对象即:
$Page=new ListPage($count,5);
这样就可以使用我们上面的设置了,好了,搞定,新的分页显示效果如下:
另外,还需要重写里面的Show函数,将所有的链接前后都加入:<li> </li>本文首发于顶求网,转载请注明来源
1 0
- 打造简单实用的Thinkphp分页样式(Bootstrap版本)
- 学习笔记之bootstrap+thinkphp分页样式
- [thinkphp] page类整合bootstrap分页样式
- thinkphp内置分页样式与Bootstrap分页样式整合
- 简单,快速用bootstarp美化默认thinkphp的分页样式
- bootstrap的简单实用
- ThinkPHP的分页样式修改
- ThinkPHP 整合bootstrap分页
- thinkphp整合bootstrap分页
- thinkphp框架的简单分页
- thinkphp分页样式
- jquery 结合bootstrap样式的前端分页
- ASP.NET GridView的Bootstrap分页样式
- ASP.NET GridView的Bootstrap分页样式
- 基于bootstrap的简单分页
- thinkphp 分页 修改分页样式
- bootstrap分页样式
- CI 分页 bootstrap样式
- 219.leetcode Contains Duplicate II(easy)[数组 滑动窗口]
- aggregate vs treeAggregate
- ASoC驱动开发 之 Codec芯片ALC5677 驱动代码分析
- (三)、ZooKeeper 命令操作
- Android S端双向配置证书
- 打造简单实用的Thinkphp分页样式(Bootstrap版本)
- 使用Damerau-Levenshtein自动机实现字符串模糊查询
- JEECMSv6源码导入eclipse步骤图文详解
- 闲聊javaweb之servlet
- Javacript 对元素赋值的处理
- yii 分页
- 文章标题
- Android阿里云OSS多文件同步上传和删除方案
- python3:(unicode error) 'utf-8' codec can't decode