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 图像函数大举例(非原创)
Jun 20 PHP
比file_get_contents稳定的curl_get_contents分享
Jan 11 PHP
PHP 自定义错误处理函数的使用详解
May 10 PHP
php找出指定范围内回文数且平方根也是回文数的方法
Mar 23 PHP
PHP图像处理类库及演示分享
May 17 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
Mar 10 PHP
thinkphp 验证码 的使用小结
May 07 PHP
Laravel 实现密码重置功能
Feb 23 PHP
thinkphp5.1 文件引入路径问题及注意事项
Jun 13 PHP
解决在laravel中auth建立时候遇到的问题
Oct 15 PHP
PHP实现简单注册登录系统
Dec 28 PHP
tp5使用layui实现多个图片上传(带附件选择)的方法实例
Nov 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中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
2012/09/02 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
JS实现十字坐标跟随鼠标效果
2017/12/25 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
2018/10/10 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
vue实现购物车案例
2020/05/30 Javascript
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
Python中的asyncio代码详解
2019/06/10 Python
django自带serializers序列化返回指定字段的方法
2019/08/21 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
python cv2.resize函数high和width注意事项说明
2020/07/05 Python
CSS3实现跳动的动画效果
2016/09/12 HTML / CSS
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
防邪知识进家庭活动方案
2014/08/26 职场文书
代理人委托书
2014/09/16 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
新员工考核评语
2014/12/31 职场文书
2016大学生社会实践心得体会范文
2016/01/14 职场文书
2016年感恩母亲节活动总结
2016/04/01 职场文书
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python
python游戏开发Pygame框架
2022/04/22 Python