• thinkphp简洁、美观、靠谱的分页类


    我们要实现如下图分页效果

    这个分页类是在thinkphp框架内置的分页类的基础上修改而来;
    原分页类的一些设计,在实际运用中感觉不是很方便;

    1、只有一页内容时不显示分页;

    2、原分页类在当前页是第一页和最后一页的时候,不显示第一页和最后一页的按钮;

    3、分页数比较少时不显示首页和末页按钮;

    4、包裹分页内容的父级div没有class;

    5、针对以上问题逐一进行了修改成如下;

    6、如果没有数据不显示分页,如果有一页及以上内容即显示分页;

    7、默认就显示第一页和最后一页按钮,但是在当前页是第一页和最后一页的时候按钮点击无效果;

    8、默认就显示首页和末页按钮;

    9、为包裹分页内容的父级div添加名为page的class;

      显示总共查出的内容条数;

           示例环境:thinkphp3.2.3;

    分页类目录:/Thinkphp/Library/Org/Bjy/Page.class.php
    分页类代码如下:

      1 <?php
      2 // +----------------------------------------------------------------------
      3 // | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
      4 // +----------------------------------------------------------------------
      5 // | Copyright (c) 2006-2014 http://thinkphp.cn All rights reserved.
      6 // +----------------------------------------------------------------------
      7 // | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
      8 // +----------------------------------------------------------------------
      9 // | Author: 麦当苗儿 <zuojiazi@vip.qq.com> <http://www.zjzit.cn>
     10 // +----------------------------------------------------------------------
     11 /*
     12  * PHP分页类
     13  * 修改者:白俊遥
     14  * 日  期:2015.5.10
     15  * 邮  箱:baijunyao@baijunyao.com
     16  * 博  客:http://baijunyao.com
     17  */
     18 namespace OrgBjy;
     19 class Page{
     20     public $firstRow; // 起始行数
     21     public $listRows; // 列表每页显示行数
     22     public $parameter; // 分页跳转时要带的参数
     23     public $totalRows; // 总行数
     24     public $totalPages; // 分页总页面数
     25     public $rollPage   = 5;// 分页栏每页显示的页数
     26     public $lastSuffix = true; // 最后一页是否显示总页数
     27     private $p       = 'p'; //分页参数名
     28     private $url     = ''; //当前链接URL
     29     private $nowPage = 1;
     30     // 分页显示定制
     31     private $config  = array(
     32         'header' => '<span class="rows">共 %TOTAL_ROW% 条记录</span>',
     33         'first'   => '首页',
     34         'prev'   => '上一页',
     35         'next'   => '下一页',
     36         'last'   => '末页',
     37         'theme'  => '%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%',
     38     );
     39     /**
     40      * 架构函数
     41      * @param array $totalRows  总的记录数
     42      * @param array $listRows  每页显示记录数
     43      * @param array $parameter  分页跳转的参数
     44      */
     45     public function __construct($totalRows, $listRows=20, $parameter = array()) {
     46         C('VAR_PAGE') && $this->p = C('VAR_PAGE'); //设置分页参数名称
     47         /* 基础设置 */
     48         $this->totalRows  = $totalRows; //设置总记录数
     49         $this->listRows   = $listRows;  //设置每页显示行数
     50         $this->parameter  = empty($parameter) ? $_GET : $parameter;
     51         $this->nowPage    = empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]);
     52         $this->nowPage    = $this->nowPage>0 ? $this->nowPage : 1;
     53         $this->firstRow   = $this->listRows * ($this->nowPage - 1);
     54     }
     55     /**
     56      * 定制分页链接设置
     57      * @param string $name  设置名称
     58      * @param string $value 设置值
     59      */
     60     public function setConfig($name,$value) {
     61         if(isset($this->config[$name])) {
     62             $this->config[$name] = $value;
     63         }
     64     }
     65     /**
     66      * 生成链接URL
     67      * @param  integer $page 页码
     68      * @return string
     69      */
     70     private function url($page){
     71         return str_replace(urlencode('[PAGE]'), $page, $this->url);
     72     }
     73     /**
     74      * 组装分页链接
     75      * @return string
     76      */
     77     public function show() {
     78         if(0 == $this->totalRows) return '';
     79         /* 生成URL */
     80         $this->parameter[$this->p] = '[PAGE]';
     81         $this->url = U(MODULE_NAME.'/'.CONTROLLER_NAME.'/'.ACTION_NAME, $this->parameter);
     82         /* 计算分页信息 */
     83         $this->totalPages = ceil($this->totalRows / $this->listRows); //总页数
     84         if(!empty($this->totalPages) && $this->nowPage > $this->totalPages) {
     85             $this->nowPage = $this->totalPages;
     86         }
     87         /* 计算分页零时变量 */
     88         $now_cool_page      = $this->rollPage/2;
     89         $now_cool_page_ceil = ceil($now_cool_page);
     90         //上一页
     91         $up_row  = $this->nowPage - 1;
     92         $up_page = $up_row > 0 ? '<a class="prev" href="' . $this->url($up_row) . '">' . $this->config['prev'] . '</a>' : '<a class="prev not-allowed" href="javascript:;">' . $this->config['prev'] . '</a>';
     93         //下一页
     94         $down_row  = $this->nowPage + 1;
     95         $down_page = ($down_row <= $this->totalPages) ? '<a class="next" href="' . $this->url($down_row) . '">' . $this->config['next'] . '</a>' : '<a class="next not-allowed" href="javascript:;">' . $this->config['next'] . '</a>';
     96         //第一页
     97         $the_first = '<a class="first" href="' . $this->url(1) . '">' . $this->config['first'] . '</a>';
     98         //最后一页
     99         $the_end = '<a class="end" href="' . $this->url($this->totalPages) . '">' . $this->config['last'] . '</a>';
    100         //数字连接
    101         $link_page = "";
    102         for($i = 1; $i <= $this->rollPage; $i++){
    103             if(($this->nowPage - $now_cool_page) <= 0 ){
    104                 $page = $i;
    105             }elseif(($this->nowPage + $now_cool_page - 1) >= $this->totalPages){
    106                 $page = $this->totalPages - $this->rollPage + $i;
    107             }else{
    108                 $page = $this->nowPage - $now_cool_page_ceil + $i;
    109             }
    110             if ($page>0) {
    111                 if($page != $this->nowPage){
    112                     if($page <= $this->totalPages){
    113                         $link_page .= '<a class="num" href="' . $this->url($page) . '">' . $page . '</a>';
    114                     }else{
    115                         break;
    116                     }
    117                 }else{
    118                     $link_page .= '<span class="current">' . $page . '</span>';
    119                 }
    120             }
    121         }
    122         //替换分页内容
    123         $page_str = str_replace(
    124             array('%HEADER%', '%NOW_PAGE%', '%UP_PAGE%', '%DOWN_PAGE%', '%FIRST%', '%LINK_PAGE%', '%END%', '%TOTAL_ROW%', '%TOTAL_PAGE%'),
    125             array($this->config['header'], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages),
    126             $this->config['theme']);
    127         return '<div class="page">'.$page_str.'</div>';
    128     }
    129 }

    分页类调用:

    1 $count=$this->where($where)->count();
    2 $page=new OrgBjyPage($count,$limit);
    3 $list=$this->where($where)->order('addtime desc')->limit($page->firstRow.','.$page->listRows)->select();
    4 $show=$page->show();

    分页类css

     1 .b-page {
     2   background: #fff;
     3   box-shadow: 0px 1px 2px 0px #E2E2E2;
     4 }
     5 .page {
     6   width: 100%;
     7   padding: 30px 15px;
     8   background: #FFF;
     9   text-align: center;
    10   overflow: hidden;
    11 }
    12 .page .first,
    13 .page .prev,
    14 .page .current,
    15 .page .num,
    16 .page .current,
    17 .page .next,
    18 .page .end {
    19   padding: 8px 16px;
    20   margin: 0px 5px;
    21   display: inline-block;
    22   color: #008CBA;
    23   border: 1px solid #F2F2F2;
    24   border-radius: 5px;
    25 }
    26 .page .first:hover,
    27 .page .prev:hover,
    28 .page .current:hover,
    29 .page .num:hover,
    30 .page .current:hover,
    31 .page .next:hover,
    32 .page .end:hover {
    33   text-decoration: none;
    34   background: #F8F5F5;
    35 }
    36 .page .current {
    37   background-color: #008CBA;
    38   color: #FFF;
    39   border-radius: 5px;
    40   border: 1px solid #008CBA;
    41 }
    42 .page .current:hover {
    43   text-decoration: none;
    44   background: #008CBA;
    45 }
    46 .page .not-allowed {
    47   cursor: not-allowed;
    48 }

    分页类的使用方法和原thinkphp相同;具体参考:thinkphp手册-数据分页

     
  • 相关阅读:
    前端常见跨域解决方案(全)
    小程序动画wx.createAnimation
    判断对象是否有某个属性
    占位符
    vue起航——搭建脚手架
    微信小程序-携带参数转发分享页面
    JS获取地址栏参数
    微信小程序wx:if vs hidden
    小程序websocket(心跳连接)
    初识websocket
  • 原文地址:https://www.cnblogs.com/zmdComeOn/p/9617667.html
Copyright © 2020-2023  润新知