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显示MySQL数据的三种方法
Jun 05 PHP
php获得用户ip地址的比较不错的方法
Feb 08 PHP
微信支付开发教程(一)微信支付URL配置
May 28 PHP
跟我学Laravel之快速入门
Oct 15 PHP
PHP中让curl支持sock5的代码实例
Jan 21 PHP
php实现汉字验证码和算式验证码的方法
Mar 07 PHP
php post大量数据时发现数据丢失问题解决方法
Jun 20 PHP
php类的定义与继承用法实例
Jul 07 PHP
PHP实现加强版加密解密类实例
Jul 29 PHP
PHP使用file_get_content设置头信息的方法
Feb 14 PHP
在laravel中实现事务回滚的方法
Oct 10 PHP
禁止直接访问php文件代码分享
May 05 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执行速度全攻略(上)
2006/10/09 PHP
linux iconv方法的使用
2011/10/01 PHP
学习php设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
php实现JWT验证的实例教程
2020/11/26 PHP
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
详解JavaScript基于面向对象之继承
2015/12/13 Javascript
微信小程序 条件渲染详解
2016/10/09 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
详解Python中的正则表达式的用法
2015/04/09 Python
python每天定时运行某程序代码
2019/08/16 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
Python基于pip实现离线打包过程详解
2020/05/15 Python
python中PyQuery库用法分享
2021/01/15 Python
Charlotte Tilbury美国官网:英国美妆品牌
2017/10/13 全球购物
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
考试没考好检讨书
2014/01/31 职场文书
勤奋学习演讲稿
2014/05/10 职场文书
学校门卫岗位职责范本
2014/06/30 职场文书
大学课外活动总结
2014/07/09 职场文书