Thinkphp和Bootstrap结合打造个性的分页样式(推荐)


Posted in PHP onAugust 01, 2016

先吐槽一下ThinkPHP3.1版的分页样式,虽然看起来也很简单大方,但是所有的页码全是使用简单的数字,之间的空隙比较小,不大容易点,还有那个“前5页”和“后5页”显得有点多余,因为点击当前显示第一页的“上一页”按钮会自然出来前5页。

3.1的分页效果是这个样子滴:

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)

针对以上种种不太理想的情况,又加上最近学习了ThinkPHP5,在ThinkPHP5中提供了对BootStrap分页样式的完美支持,在thinkphp5中只要引入了BootStrap.css文件,在使用Controller中使用分页函数后,前台自然就会按照BootStrap的样式来显示,效果是这个样子滴:

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)

而我开发顶求网的时候ThinkPHP5还没出来,使用的是3.1版本,那么在3.1版中如何才能使用BootStrap的分页组件呢?以下是解决办法:

1.派生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);

这样就可以使用我们上面的设置了,好了,搞定,新的分页显示效果如下:

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)

以上所述是小编给大家介绍的Thinkphp和Bootstrap结合打造个性的分页样式(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
phpMyAdmin 安装教程全攻略
Mar 19 PHP
PHP 5.0对象模型深度探索之类的静态成员
Mar 27 PHP
php各种编码集详解和以及在什么情况下进行使用
Sep 11 PHP
PHP高级对象构建 多个构造函数的使用
Feb 05 PHP
php在程序中将网页生成word文档并提供下载的代码
Oct 09 PHP
php截取字符串并保留完整xml标签的函数代码
Feb 06 PHP
php不使用插件导出excel的简单方法
Mar 04 PHP
Yii Framework框架获取分类下面的所有子类方法
Jun 20 PHP
thinkphp模板继承实例简述
Nov 26 PHP
你应该知道PHP浮点数知识
May 13 PHP
Yii2 RESTful中api的使用及开发实例详解
Jul 06 PHP
php实现QQ小程序发送模板消息功能
Sep 18 PHP
PHP实现将MySQL重复ID二维数组重组为三维数组的方法
Aug 01 #PHP
利用PHP自动生成印有用户信息的名片
Aug 01 #PHP
php+ajax登录跳转登录实现思路
Jul 31 #PHP
nginx下安装php7+php5
Jul 31 #PHP
header与缓冲区之间的深层次分析
Jul 30 #PHP
laravel学习教程之关联模型
Jul 30 #PHP
laravel学习教程之存取器
Jul 30 #PHP
You might like
WordPress中登陆后关闭登陆页面及设置用户不可见栏目
2015/12/31 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
2014/04/18 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
2014/05/14 Javascript
angular.js分页代码的实例
2016/07/27 Javascript
基于canvas的二维码邀请函生成插件
2017/02/14 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
2019/09/09 Javascript
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
python绘制热力图heatmap
2020/03/23 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
Python目录和文件处理总结详解
2019/09/02 Python
如何基于python操作json文件获取内容
2019/12/24 Python
如何在django中实现分页功能
2020/04/22 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
Python3.9新特性详解
2020/10/10 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
澳大利亚和新西兰最大的在线旅行社之一:Aunt Betty
2019/08/07 全球购物
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
通往英国高街的商店橱窗:Down Your High Street
2020/07/19 全球购物
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
中软国际Java程序员笔试题
2014/07/19 面试题
中专生自我鉴定书范文
2013/12/28 职场文书
四风问题对照检查材料
2014/09/22 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
党员个人整改措施
2014/10/24 职场文书
学校财务管理制度
2015/08/04 职场文书
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang
Spring实现内置监听器
2021/07/09 Java/Android