首页 后端开发 php教程 关于thinkPHP3.2实现分页自定义样式的方法

关于thinkPHP3.2实现分页自定义样式的方法

Jun 08, 2018 pm 02:39 PM
thinkphp3.2 分页 分页样式 自定义样式

这篇文章主要介绍了thinkPHP3.2实现分页自定义样式的方法,结合实例形式分析了thinkPHP3.2针对底层框架代码的修改与使用相关操作技巧,需要的朋友可以参考下

本文实例讲述了thinkPHP3.2实现分页自定义样式的方法。分享给大家供大家参考,具体如下:

下面是一个Tp3.2的自定义分页,这个方法也是在看过一个网友的博客之后受到启发这么写的。经过了一些修改,大家在看到代码之后也可以进行修改自定义样式;

主要的样式控制文件就是page.css,框架底层的分页类可以直接进行粘贴复制使用;

1. 框架底层的page.class.php 路径( EngineLibraryThink)

其实这个文件不需要过多修改,也可以直接使用官方的就行;下面是我现在用的,稍作了修改;

<?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>";
  }
}
登录后复制

2. 控制器,随便写个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();
}
登录后复制

3. 接下来是View层,样式控制。page.css文件

.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;
}
登录后复制

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

相关推荐:

关于thinkPHP框架添加js事件分页类customPage.class.php的分析

thinkPHP3.2.3结合Laypage实现分页功能

thinkPHP中统计排行与分页显示的功能

以上是关于thinkPHP3.2实现分页自定义样式的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PHP开发:如何实现表格数据排序和分页功能 PHP开发:如何实现表格数据排序和分页功能 Sep 20, 2023 am 11:28 AM

PHP开发:如何实现表格数据排序和分页功能在进行Web开发中,处理大量数据是一项常见的任务。对于需要展示大量数据的表格,通常需要实现数据排序和分页功能,以提供良好的用户体验和优化系统性能。本文将介绍如何使用PHP实现表格数据的排序和分页功能,并给出具体的代码示例。排序功能实现在表格中实现排序功能,可以让用户根据不同的字段进行升序或降序排序。以下是一个实现表格

如何在CakePHP中创建自定义分页? 如何在CakePHP中创建自定义分页? Jun 04, 2023 am 08:32 AM

CakePHP是一个强大的PHP框架,为开发人员提供了很多有用的工具和功能。其中之一是分页,它可以帮助我们将大量数据分成几页,从而简化浏览和操作。默认情况下,CakePHP提供了一些基本的分页方法,但有时你可能需要创建一些自定义的分页方法。这篇文章将向您展示如何在CakePHP中创建自定义分页。步骤1:创建自定义分页类首先,我们需要创建一个自定义分页类。这个

使用JavaScript实现表格数据的分页显示 使用JavaScript实现表格数据的分页显示 Jun 16, 2023 am 10:00 AM

随着数据的不断增长,表格显示变得更加困难。大多数情况下,表格中的数据量过大,导致表格在加载时变得缓慢,而且用户需要不断地浏览页面才能找到自己想要的数据。本文将介绍如何使用JavaScript实现表格数据的分页显示,让用户更容易找到自己想要的数据。一、动态创建表格为了使分页功能更加可控,需要动态创建表格。在HTML页面中,添加一个类似于下面的table元素。

如何使用 JavaScript 实现表格分页功能? 如何使用 JavaScript 实现表格分页功能? Oct 20, 2023 pm 06:19 PM

如何使用JavaScript实现表格分页功能?随着互联网的发展,越来越多的网站都会使用表格来展示数据。在一些数据量较大的情况下,需要将数据进行分页展示,以提升用户体验。本文将介绍如何使用JavaScript实现表格分页功能,并提供具体的代码示例。一、HTML结构首先,我们需要准备一个HTML结构来承载表格和分页按钮。我们可以使用&lt;tab

Vue组件实战:分页组件开发 Vue组件实战:分页组件开发 Nov 24, 2023 am 08:56 AM

Vue组件实战:分页组件开发介绍在Web应用程序中,分页功能是必不可少的一个组件。一个好的分页组件应该展示简洁明了,功能丰富,而且易于集成和使用。在本文中,我们将介绍如何使用Vue.js框架来开发一个高度可定制化的分页组件。我们将通过代码示例来详细说明如何使用Vue组件开发。技术栈Vue.js2.xJavaScript(ES6)HTML5和CSS3开发环

MyBatis分页插件原理详解 MyBatis分页插件原理详解 Feb 22, 2024 pm 03:42 PM

MyBatis是一个优秀的持久层框架,它支持基于XML和注解的方式操作数据库,简单易用,同时也提供了丰富的插件机制。其中,分页插件是使用频率较高的插件之一。本文将深入探讨MyBatis分页插件的原理,并结合具体的代码示例进行说明。一、分页插件原理MyBatis本身并不提供原生的分页功能,但可以借助插件来实现分页查询。分页插件的原理主要是通过拦截MyBatis

如何利用Layui开发一个具有分页功能的数据展示页面 如何利用Layui开发一个具有分页功能的数据展示页面 Oct 24, 2023 pm 01:10 PM

如何利用Layui开发一个具有分页功能的数据展示页面Layui是一个轻量级的前端UI框架,提供了简洁美观的界面组件和丰富的交互体验。在开发中,我们经常会遇到需要展示大量数据并进行分页的情况。以下是一个利用Layui开发的具有分页功能的数据展示页面的示例。首先,我们需要引入Layui的相关文件和依赖。在html页面的&lt;head&gt;标签中加入以下代

Vue技术开发中如何实现分页功能 Vue技术开发中如何实现分页功能 Oct 09, 2023 am 09:06 AM

Vue是一种流行的JavaScript框架,用于构建用户界面。在Vue技术开发中,实现分页功能是常见的需求。本文将介绍如何使用Vue来实现分页功能,并提供具体代码示例。在开始之前,我们需要提前准备一些基本知识。首先,我们需要了解Vue的基本概念和语法。其次,我们需要知道如何使用Vue组件来构建我们的应用程序。开始之前,我们需要在Vue项目中安装一个分页插件,

See all articles