Rumah > pembangunan bahagian belakang > tutorial php > Thinkphp和Bootstrap结合打造个性分页的样式

Thinkphp和Bootstrap结合打造个性分页的样式

不言
Lepaskan: 2023-03-31 09:28:02
asal
1660 orang telah melayarinya

这篇文章主要介绍了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(&#39;header&#39;=>&#39;条记录&#39;,&#39;prev&#39;=>&#39;<&#39;,&#39;next&#39;=>&#39;>&#39;,
  &#39;first&#39;=>&#39;<<&#39;,&#39;last&#39;=>&#39;>>&#39;,
  &#39;theme&#39;=>&#39;%first% %upPage% %linkPage% %downPage% %end%&#39;);
  ……
Salin selepas log masuk

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

$Page=new ListPage($count,5);
Salin selepas log masuk

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

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

thinkphp标签实现bootsrtap轮播carousel的代码

Atas ialah kandungan terperinci Thinkphp和Bootstrap结合打造个性分页的样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan