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 相关文章推荐
PHP设计聊天室步步通
Oct 09 PHP
在php中取得image按钮传递的name值
Oct 09 PHP
PHP通用检测函数集合
Feb 08 PHP
apache mysql php 源码编译使用方法
May 03 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
Apr 24 PHP
PHP文件上传判断file是否己选择上传文件的方法
Nov 10 PHP
Zend Framework分页类用法详解
Mar 22 PHP
WordPress中的shortcode短代码功能使用详解
May 17 PHP
PHP实现根据数组的值进行分组的方法
Apr 20 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
Sep 29 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
Feb 28 PHP
php中的钩子理解及应用实例分析
Aug 30 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
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
PHP生成唯一订单号
2015/07/05 PHP
php新建文件的方法实例
2019/09/26 PHP
js Html结构转字符串形式显示代码
2011/11/15 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
2013/09/29 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
jQuery实现网页顶部固定导航效果代码
2015/12/24 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
three.js快速入门【推荐】
2017/01/21 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
vue全局使用axios的方法实例详解
2018/11/22 Javascript
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
Python中的zip函数使用示例
2015/01/29 Python
Python实现的计数排序算法示例
2017/11/29 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
利用python进行文件操作
2020/12/04 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
亚洲最大旅游体验平台:KKday
2017/10/21 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
顶岗实习计划书
2014/01/10 职场文书
宿舍卫生检讨书
2014/01/16 职场文书
教师党员先进性教育自我剖析材料思想汇报
2014/09/24 职场文书
教师节横幅标语
2014/10/08 职场文书
茶楼服务员岗位职责
2015/02/09 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
孝女彩金观后感
2015/06/10 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
Go语言实现Base64、Base58编码与解码
2021/07/26 Golang
golang实现浏览器导出excel文件功能
2022/03/25 Golang