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自动更新新闻DIY
Oct 09 PHP
亲密接触PHP之PHP语法学习笔记1
Dec 17 PHP
PHP最常用的ini函数分析 针对PHP.ini配置文件
Apr 22 PHP
解析php 版获取重定向后的地址(代码)
Jun 26 PHP
php中利用str_pad函数生成数字递增形式的产品编号
Sep 30 PHP
php5.2以下版本无json_decode函数的解决方法
May 25 PHP
php编写的抽奖程序中奖概率算法
May 14 PHP
在Windows系统下使用PHP生成Word文档的教程
Jul 03 PHP
PHP编写daemon process详解及实例代码
Sep 30 PHP
php封装的表单验证类完整实例
Oct 19 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
Jun 07 PHP
PHP实现的堆排序算法详解
Aug 17 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 图像函数大举例(非原创)
2009/06/20 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
PHP字符串与数组处理函数用法小结
2020/01/07 PHP
js表数据排序 sort table data
2009/02/18 Javascript
Js 本页面传值实现代码
2009/05/17 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
ECMAScript5(ES5)中bind方法使用小结
2015/05/07 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
JavaScript 实现 Tab 点击切换实例代码
2017/03/25 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
详解使用vuex进行菜单管理
2017/12/21 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
vue项目中使用tinymce编辑器的步骤详解
2018/09/11 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
Python格式化压缩后的JS文件的方法
2015/03/05 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
python opencv之SURF算法示例
2018/02/24 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
python django生成迁移文件的实例
2019/08/31 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
python 经典数字滤波实例
2019/12/16 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
领导干部考察材料
2014/02/08 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
消防宣传语大全
2015/07/13 职场文书
2016先进工作者事迹材料
2016/02/25 职场文书