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
excellent!――ASCII Art(由目标图象生成ascii)
Feb 20 PHP
一个PHP分页类的代码
May 18 PHP
PHP动态分页函数,PHP开发分页必备啦
Nov 07 PHP
CodeIgniter图像处理类的深入解析
Jun 17 PHP
php cURL和Rolling cURL并发方式比较
Oct 30 PHP
PHP实现对文本数据库的常用操作方法实例演示
Jul 04 PHP
php防止sql注入简单分析
Mar 18 PHP
win平台安装配置Nginx+php+mysql 环境
Jan 12 PHP
php递归函数怎么用才有效
Feb 24 PHP
Laravel推荐使用的十个辅助函数
May 10 PHP
php-7.3.6 编译安装过程
Feb 11 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获取服务器时间的实现代码
2013/06/07 PHP
Yii2增加验证码步骤详解
2016/04/25 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
jquery插件制作 表单验证实现代码
2012/08/17 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
jquery form 加载数据示例
2014/04/21 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
Python实现向QQ群成员自动发邮件的方法
2014/11/19 Python
python检测远程端口是否打开的方法
2015/03/14 Python
Python设计模式编程中解释器模式的简单程序示例分享
2016/03/02 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
Python循环实现n的全排列功能
2019/09/16 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
Python如何合并多个字典或映射
2020/07/24 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
网络教育毕业生自我鉴定
2013/10/10 职场文书
给女儿的表扬信
2014/01/18 职场文书
采购主管岗位职责
2014/02/01 职场文书
八年级语文教学反思
2014/02/11 职场文书
高考励志标语
2014/06/05 职场文书
领导干部“四风”查摆问题个人整改措施
2014/10/28 职场文书
2015年行政人事部工作总结
2015/05/13 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
浅谈TypeScript 索引签名的理解
2021/10/16 Javascript