Home > Backend Development > PHP Tutorial > An explanation of how to implement paging custom styles in thinkPHP3.2

An explanation of how to implement paging custom styles in thinkPHP3.2

jacklove
Release: 2023-04-02 08:30:02
Original
1674 people have browsed it

This article mainly introduces the method of realizing paging custom styles in thinkPHP3.2, and analyzes the modification and use of thinkPHP3.2 for the underlying framework code in the form of examples. Friends in need can refer to the following

The example in this article describes how thinkPHP3.2 implements paging custom styles. Share it with everyone for your reference, the details are as follows:

The following is a custom paging for Tp3.2. This method was inspired to write this after reading a netizen's blog. After some modifications, you can also modify the custom style after seeing the code;

The main style control file is page.css, and the paging class at the bottom of the framework can be directly pasted and copied;

1. The page.class.php path at the bottom of the framework (Engine\Library\Think)

In fact, this file does not need to be modified too much, you can also use the official one directly; The following is what I use now, with slight modifications;

<?php
namespace Think;
class Page{
  public $firstRow; // 起始行数
  public $listRows; // 列表每页显示行数
  public $parameter; // 分页跳转时要带的参数
  public $totalRows; // 总行数
  public $totalPages; // 分页总页面数
  public $rollPage  = 11;// 分页栏每页显示的页数
  public $lastSuffix = true; // 最后一页是否显示总页数
  private $p    = &#39;p&#39;; //分页参数名
  private $url   = &#39;&#39;; //当前链接URL
  private $nowPage = 1;
  // 分页显示定制
  private $config = array(
    &#39;header&#39; => &#39;<span class="rows">共 %TOTAL_ROW% 条记录</span>&#39;,
    &#39;prev&#39;  => &#39;<<&#39;,
    &#39;next&#39;  => &#39;>>&#39;,
    &#39;first&#39; => &#39;1...&#39;,
    &#39;last&#39;  => &#39;...%TOTAL_PAGE%&#39;,
    &#39;theme&#39; => &#39;%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%&#39;,
  );
  /**
   * 架构函数
   * @param array $totalRows 总的记录数
   * @param array $listRows 每页显示记录数
   * @param array $parameter 分页跳转的参数
   */
  public function __construct($totalRows, $listRows=20, $parameter = array()) {
    C(&#39;VAR_PAGE&#39;) && $this->p = C(&#39;VAR_PAGE&#39;); //设置分页参数名称
    /* 基础设置 */
    $this->totalRows = $totalRows; //设置总记录数
    $this->listRows  = $listRows; //设置每页显示行数
    $this->parameter = empty($parameter) ? $_GET : $parameter;
    $this->nowPage  = empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]);
    $this->firstRow  = $this->listRows * ($this->nowPage - 1);
  }
  /**
   * 定制分页链接设置
   * @param string $name 设置名称
   * @param string $value 设置值
   */
  public function setConfig($name,$value) {
    if(isset($this->config[$name])) {
      $this->config[$name] = $value;
    }
  }
  /**
   * 生成链接URL
   * @param integer $page 页码
   * @return string
   */
  private function url($page){
    return str_replace(urlencode(&#39;[PAGE]&#39;), $page, $this->url);
  }
  /**
   * 组装分页链接
   * @return string
   */
  public function show() {
    if(0 == $this->totalRows) return &#39;&#39;;
    /* 生成URL */
    $this->parameter[$this->p] = &#39;[PAGE]&#39;;
    $this->url = U(ACTION_NAME, $this->parameter);
    /* 计算分页信息 */
    $this->totalPages = ceil($this->totalRows / $this->listRows); //总页数
    if(!empty($this->totalPages) && $this->nowPage > $this->totalPages) {
      $this->nowPage = $this->totalPages;
    }
    /* 计算分页零时变量 */
    $now_cool_page   = $this->rollPage/2;
    $now_cool_page_ceil = ceil($now_cool_page);
    $this->lastSuffix && $this->config[&#39;last&#39;] = $this->totalPages;
    //上一页
    $up_row = $this->nowPage - 1;
    $up_page = $up_row > 0 ? &#39;<a class="prev" href="&#39; . $this->url($up_row) . &#39;" rel="external nofollow" >&#39; . $this->config[&#39;prev&#39;] . &#39;</a>&#39; : &#39;&#39;;
    //下一页
    $down_row = $this->nowPage + 1;
    $down_page = ($down_row <= $this->totalPages) ? &#39;<a class="next" href="&#39; . $this->url($down_row) . &#39;" rel="external nofollow" >&#39; . $this->config[&#39;next&#39;] . &#39;</a>&#39; : &#39;&#39;;
    //第一页
    $the_first = &#39;&#39;;
    if($this->totalPages > $this->rollPage && ($this->nowPage - $now_cool_page) >= 1){
      $the_first = &#39;<a class="first" href="&#39; . $this->url(1) . &#39;" rel="external nofollow" >&#39; . $this->config[&#39;first&#39;] . &#39;</a>&#39;;
    }
    //最后一页
    $the_end = &#39;&#39;;
    if($this->totalPages > $this->rollPage && ($this->nowPage + $now_cool_page) < $this->totalPages){
      $the_end = &#39;<a class="end" href="&#39; . $this->url($this->totalPages) . &#39;" rel="external nofollow" >&#39; . $this->config[&#39;last&#39;] . &#39;</a>&#39;;
    }
    //数字连接
    $link_page = "";
    for($i = 1; $i <= $this->rollPage; $i++){
      if(($this->nowPage - $now_cool_page) <= 0 ){
        $page = $i;
      }elseif(($this->nowPage + $now_cool_page - 1) >= $this->totalPages){
        $page = $this->totalPages - $this->rollPage + $i;
      }else{
        $page = $this->nowPage - $now_cool_page_ceil + $i;
      }
      if($page > 0 && $page != $this->nowPage){
        if($page <= $this->totalPages){
          $link_page .= &#39;<a class="num" href="&#39; . $this->url($page) . &#39;" rel="external nofollow" >&#39; . $page . &#39;</a>&#39;;
        }else{
          break;
        }
      }else{
        if($page > 0 && $this->totalPages != 1){
          $link_page .= &#39;<span class="current">&#39; . $page . &#39;</span>&#39;;
        }
      }
    }
    //替换分页内容
    $page_str = str_replace(
      array(&#39;%HEADER%&#39;, &#39;%NOW_PAGE%&#39;, &#39;%UP_PAGE%&#39;, &#39;%DOWN_PAGE%&#39;, &#39;%FIRST%&#39;, &#39;%LINK_PAGE%&#39;, &#39;%END%&#39;, &#39;%TOTAL_ROW%&#39;, &#39;%TOTAL_PAGE%&#39;),
      array($this->config[&#39;header&#39;], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages),
      $this->config[&#39;theme&#39;]);
    return "<p>{$page_str}</p>";
  }
}
Copy after login

2. Controller, just write a demo.

public function index(){
    $obj=M("news");
    $count = $obj->where(&#39;status=1 and classID=74 &#39;)->count();// 查询满足要求的总记录数
    $limit = 10;
    $Page = new \Think\Page($count,$limit);// 实例化分页类 传入总记录数和每页显示的记录数(25)
    $show    = $Page->show();// 分页显示输出
    $list = $obj->where(&#39;status=1 and classID=74 &#39;)->order(&#39;writetime desc&#39;)->limit($Page->firstRow.&#39;,&#39;.$Page->listRows)->select();
    $firstlist = $obj->where(&#39;status=1 and classID=74 and Indexfirst=1&#39;)->order(&#39;writetime desc&#39;)->limit(4)->select();
    $this->assign(&#39;firstlist&#39;,$firstlist);
    $this->assign(&#39;page&#39;,$show);// 赋值分页输出
    $this->assign(&#39;list&#39;,$list);
    $this->display();
}
Copy after login

3. Next is the View layer, style control. page.css file

.b-page {
 background: #fff;
 box-shadow: 0px 1px 2px 0px #E2E2E2;
}
.page {
 width: 100%;
 background: #FFF;
 text-align: center;
 overflow: hidden;
 font-size:14px;
 margin-top:50px;
}
.page .first,
.page .prev,
.page .current,
.page .num,
.page .current,
.page .next,
.page .end {
 padding: 8px 16px;
 margin: 0px 5px;
 display: inline-block;
 color: #144970;
 border: 1px solid #F2F2F2;
 border-radius: 5px;
}
.page .first:hover,
.page .prev:hover,
.page .current:hover,
.page .num:hover,
.page .current:hover,
.page .next:hover,
.page .end:hover {
 text-decoration: none;
 background: #F8F5F5;
}
.page .current {
 background-color: #144970;
 color: #FFF;
 border-radius: 5px;
}
.page .current:hover {
 text-decoration: none;
 background: #144970;
}
.page .not-allowed {
 cursor: not-allowed;
}
Copy after login

Articles you may be interested in:

Laravel Framework Example analysis of multi-image upload function implemented by Blob

##Swoole 1.10.0 new version is released, adding many new features analysis

Example explanation of the method of printing clockwise matrix (spiral matrix) in PHP

The above is the detailed content of An explanation of how to implement paging custom styles in thinkPHP3.2. For more information, please follow other related articles on the PHP Chinese 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