Thinkphp和Bootstrap结合打造个性的分页样式(推荐)

先吐槽一下ThinkPHP3.1版的分页样式,虽然看起来也很简单大方,但是所有的页码全是使用简单的数字,之间的空隙比较小,不大容易点,还有那个“前5页”和“后5页”显得有点多余,因为点击当前显示第一页的“上一页”按钮会自然出来前5页。

3.1的分页效果是这个样子滴:

针对以上种种不太理想的情况,又加上最近学习了ThinkPHP5,在ThinkPHP5中提供了对BootStrap分页样式的完美支持,在thinkphp5中只要引入了BootStrap.css文件,在使用Controller中使用分页函数后,前台自然就会按照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结合打造个性的分页样式(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2024-10-25 15:49:16

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)的相关文章

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)_php实例

先吐槽一下ThinkPHP3.1版的分页样式,虽然看起来也很简单大方,但是所有的页码全是使用简单的数字,之间的空隙比较小,不大容易点,还有那个"前5页"和"后5页"显得有点多余,因为点击当前显示第一页的"上一页"按钮会自然出来前5页. 3.1的分页效果是这个样子滴: 针对以上种种不太理想的情况,又加上最近学习了ThinkPHP5,在ThinkPHP5中提供了对BootStrap分页样式的完美支持,在thinkphp5中只要引入了BootStrap

ThinkPHP 整合Bootstrap Ajax分页样式

ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $where['name']= array('like','%'.(string)$name.'%'); } $Role=M('Role'); $count= $Role->where($where)->count();// 查询满足要求的总记录数 $Page =new \Think\AjaxPage(

Photoshop快速打造个性文字人像效果

打造个性文字人像效果 制作文字人像关键是把人物的中间调及暗调选区制作出来,有了选区后再把文字等应用到选区里面,适当调节好密度和颜色即可. 原图 最终效果  1.打开原图素材,调整亮度对比度(图像 > 调整 > 亮度/对比度). 2.设置色彩范围(选择 > 色彩范围),选择中间调,如下图,确定后新建一个图层填充50%灰色.  3.设置色彩范围(选择 > 色彩范围),选择暗调,确定后新建一个图层填充黑色.分类: PS图片处理

PS打造个性水晶钮扣按钮与徽章制作教程

介绍用PS设计打造个性水晶钮扣按钮或徽章效果,不会很复杂,主要用到图层样式,喜欢的同学可以跟着练习一下! photoshop教程效果图: 第一步 新建一个文件,填充黑色的背景,再画一个圆,我用绿色填充. 第2步: 下一步,我们要应用一些图层样式.我们分别使用投影,内阴影,和内发光.此外还一个微妙的渐变叠加,这样使它看起来 更有立体感和光感,虽然网上有很多类似的素材,但是能自己动手做事最好的了. 第三步 内阴影参数 内发光参数 光泽参数 分类: PS鼠绘教程

仿dedecms下拉分页样式修改的thinkphp分页类实例_php实例

本文实例讲述了仿dede下拉分页样式修改的thinkphp分页类.分享给大家供大家参考.具体实现方法如下: 修改thinkphp分页类:如下拉列表式分页(类似dedecms分页): 纯html代码: 复制代码 代码如下: <select name="sldd" style="width:36px" onchange="location.href=this.options[this.selectedIndex].value;"> <

在Thinkphp中使用ajax实现无刷新分页的方法_php实例

在Thinkphp目录的Lib\ORG\Util\目录里新建AjaxPage.class.php,写入一下内容: <?php // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO IT JUST THINK IT ] // +---------------------------------------------------------------

基于Bootstrap和jQuery构建前端分页工具实例代码_jquery

前言 为啥名字叫[前端分页工具]?因为我实在想不到什么好名字,如果想要更加贴切的理解这个工具,应该从业务来看 业务是这样的,有一个数据从后台传到前台,因为数据量不大,因此传过来之后直接显示即可,但是=.=所谓的数据量不大,最多也达到成百上千条,不可能全部显示出来,那么就需要分页 常规的分页是利用Ajax,通过传页偏移量到后台,后台查询数据库再返回数据,可以实现无刷新分页,拿到的数据也是最新的 前端分页 优点:一次传输数据,避免用户反复请求服务器,减少网络带宽.服务器调度压力.数据库查询.缓存查询

BootStrap实现邮件列表的分页和模态框添加邮件的功能_javascript技巧

废话不多说具体代码如下所示: package com.rc.controller; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.ht

ASP.NET GridView的Bootstrap分页样式_实用技巧

本文实例为大家分享了GridView的Bootstrap分页样式,供大家参考,具体内容如下 Revenue.cs收入类,包括实体模型和业务逻辑 public class Revenue { public Revenue(string country, string revenue, string salesmanager, string year) { this.country = country; this.revenue = revenue; this.salesmanager = sale