Home > Backend Development > PHP Tutorial > Thinkphp and Bootstrap combine to create a personalized paging style (recommended)_php example

Thinkphp and Bootstrap combine to create a personalized paging style (recommended)_php example

WBOY
Release: 2016-08-17 13:02:36
Original
919 people have browsed it

First let me complain about the paging style of ThinkPHP version 3.1. Although it looks very simple and elegant, all the page numbers use simple numbers. The gaps between them are relatively small, which is not easy. There is also the "first 5 pages" " and "next 5 pages" seem a bit redundant, because clicking the "previous page" button that currently displays the first page will automatically bring up the first 5 pages.

3.1’s paging effect looks like this:

In view of the above unsatisfactory situations, and the recent learning of ThinkPHP5, ThinkPHP5 provides perfect support for BootStrap paging style. In thinkphp5, as long as the BootStrap.css file is introduced, after using the paging function in the Controller , the front desk will naturally be displayed according to the BootStrap style, and the effect is like this:

When I developed Dingqiu.com, ThinkPHP5 had not yet come out and I was using version 3.1. So how can I use BootStrap’s paging component in version 3.1? The following is the solution:

1. Derive thinkphp’s native page.class.php class

In order not to affect the core files (violating the principle of closing modifications in the design pattern), I derived a subclass ListPage. The code of the subclass is as follows:

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%');
  ……
Copy after login

As you can see, first import the file where the core class is located, and then you can boldly derive it, and only the core code is listed here. We only need to modify the Config variable in the page class, rewrite the variable in the subclass to the above form, and then use this subclass in all Actions (Controller) to create paging objects:

$Page=new ListPage($count,5);
Copy after login

In this way, you can use our settings above. Okay, done. The new pagination display effect is as follows:

The above is the combination of Thinkphp and Bootstrap that the editor introduces to you to create a personalized paging style (recommended). I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank you all for your support of the Script House website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template