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 相关文章推荐
第十三节--对象串行化
Nov 16 PHP
在PHP中检查PHP文件是否有语法错误的方法
Dec 23 PHP
php数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
Oct 29 PHP
有关PHP中MVC的开发经验分享
May 17 PHP
php shell超强免杀、减少体积工具实现代码
Oct 16 PHP
使用PHP遍历文件目录与清除目录中文件的实现详解
Jun 24 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
Feb 15 PHP
完美解决在ThinkPHP控制器中命名空间的问题
May 05 PHP
利用PHP实现开心消消乐的算法示例
Oct 12 PHP
php数组遍历类与用法示例
May 24 PHP
在 Laravel 项目中使用 webpack-encore的方法
Jul 21 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
Dec 13 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
php网站来路获取代码(针对搜索引擎)
2010/06/08 PHP
Yii2中关联查询简单用法示例
2016/08/10 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
js导出txt示例代码
2014/01/14 Javascript
Express作者TJ告别Node.js奔向Go
2014/07/14 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
AngularJS实现表单验证
2015/01/28 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
JS根据生日算年龄的方法
2015/05/05 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
python超简单解决约瑟夫环问题
2015/05/12 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
python装饰器相当于函数的调用方式
2019/12/27 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
python使用for...else跳出双层嵌套循环的方法实例
2020/05/17 Python
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
大学生如何写自荐信
2014/01/08 职场文书
2014年创卫实施方案
2014/02/18 职场文书
大学生会计职业生涯规划范文
2014/02/28 职场文书
武夷山导游词
2015/02/03 职场文书
实习指导老师意见
2015/06/04 职场文书