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

前端之家收集整理的这篇文章主要介绍了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,该子类代码如下:

'条记录','prev'=>'<','next'=>'>','first'=>'<<','last'=>'>>','theme'=>'%first% %upPage% %linkPage% %downPage% %end%'); ……

可以看到,首先导入核心类所处的文件,然后就可以大胆的派生了,而这里只列出了核心代码。我们只需要修改page类中的Config变量就可以了,在子类中重写该变量为上面的形式,然后再所有Action(Controller)中使用该子类来建立分页对象即:

PHP;"> $Page=new ListPage($count,5);

这样就可以使用我们上面的设置了,好了,搞定,新的分页显示效果如下:

以上所述是小编给大家介绍的ThinkPHP和Bootstrap结合打造个性的分页样式(推荐)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/thinkphp/19218.html

猜你在找的ThinkPHP相关文章