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 相关文章推荐
从网上搜到的phpwind 0day的代码
Dec 07 PHP
PHP 反射机制实现动态代理的代码
Oct 22 PHP
php 接口类与抽象类的实际作用
Nov 26 PHP
PHP面向对象学习笔记之一 基础概念
Oct 06 PHP
Laravel 5 框架入门(三)
Apr 09 PHP
php链表用法实例分析
Jul 09 PHP
php表单文件iframe异步上传实例讲解
Jul 26 PHP
PHP7扩展开发教程之Hello World实现方法示例
Aug 03 PHP
thinkPHP框架RBAC实现原理分析
Feb 01 PHP
php中的buffer缓冲区用法分析
May 31 PHP
laravel5 Eloquent 实现事务方式
Oct 21 PHP
利用ajax+php实现商品价格计算
Mar 31 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实现Javascript中的escape及unescape函数代码分享
2015/02/10 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
PHP时间处理类操作示例
2018/09/05 PHP
小试JQuery的AutoComplete插件
2011/05/04 Javascript
javascript 3d 逐侦产品展示(核心精简)
2014/03/26 Javascript
jQuery插件开发详细教程
2014/06/06 Javascript
JavaScript中获取鼠标位置相关属性总结
2014/10/11 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
基于vuejs实现一个todolist项目
2017/04/11 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
详解自定义ajax支持跨域组件封装
2018/02/08 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
2020/02/03 Javascript
js数组的基本使用总结
2021/01/18 Javascript
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
centos 安装python3.6环境并配置虚拟环境的详细教程
2018/02/22 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
python制作抽奖程序代码详解
2021/01/15 Python
中学家长会邀请函
2014/01/17 职场文书
医科大学毕业生自荐信
2014/02/03 职场文书
公司节能减排倡议书
2014/05/14 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
实习工作表现评语
2014/12/31 职场文书
观看禁毒宣传片后的感想
2015/08/11 职场文书
2016先进工作者事迹材料
2016/02/25 职场文书
导游词之峨眉山
2019/12/16 职场文书