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 相关文章推荐
搜索和替换文件或目录的一个好类--很实用
Oct 09 PHP
PHP实现用户认证及管理完全源码
Mar 11 PHP
php expects parameter 1 to be resource, array given 错误
Mar 23 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
Sep 23 PHP
php 字符串压缩方法比较示例
Jan 23 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
Feb 24 PHP
php发送与接收流文件的方法
Feb 11 PHP
php检查是否是ajax请求的方法
Apr 16 PHP
php编写的抽奖程序中奖概率算法
May 14 PHP
Zend Studio使用技巧两则
Apr 01 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
Dec 18 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
Mar 24 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
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
不用MOUSEMOVE也能滑动啊
2007/05/23 Javascript
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
json简单介绍
2008/06/10 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
javascript页面动态显示时间变化示例代码
2013/12/18 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
2015/05/28 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
JavaScript实现抖音罗盘时钟
2019/10/11 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
python实现剪切功能
2019/01/23 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
Python字符串查找基本操作代码案例
2020/10/27 Python
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
经典婚礼主持词
2014/03/13 职场文书
园林系毕业生求职信
2014/06/23 职场文书
购房协议书范本
2014/10/02 职场文书
买房协议书范本
2014/10/23 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
Python WSGI 规范简介
2021/04/11 Python