dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10543|回复: 230

[功能实现] thinkphp简洁、美观、靠谱的分页类

  [复制链接]
  • TA的每日心情

    2024-11-19 20:46
  • 签到天数: 244 天

    [LV.8]以坛为家I

    4434

    主题

    1459

    帖子

    1万

    积分

    会|员

    Rank: 9Rank: 9Rank: 9

    积分
    10734
    发表于 2018-11-13 23:47:11 | 显示全部楼层 |阅读模式

    本站资源全部免费,回复即可查看下载地址!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    我们要实现如下图分页效果
    1482937-20180910101956793-1561308635.png

    这个分页类是在thinkphp框架内置的分页类的基础上修改而来;
    原分页类的一些设计,在实际运用中感觉不是很方便;
    1、只有一页内容时不显示分页;
    2、原分页类在当前页是第一页和最后一页的时候,不显示第一页和最后一页的按钮;
    1482937-20180910102054398-326512739.png

    3、分页数比较少时不显示首页和末页按钮;
    4、包裹分页内容的父级div没有class;
    5、针对以上问题逐一进行了修改成如下;
    6、如果没有数据不显示分页,如果有一页及以上内容即显示分页;
    7、默认就显示第一页和最后一页按钮,但是在当前页是第一页和最后一页的时候按钮点击无效果;
    8、默认就显示首页和末页按钮;
    9、为包裹分页内容的父级div添加名为page的class;
      显示总共查出的内容条数;
           示例环境:thinkphp3.2.3;
    分页类目录:/Thinkphp/Library/Org/Bjy/Page.class.php
    分页类代码如下:
    [PHP] 纯文本查看 复制代码
    // +----------------------------------------------------------------------
    // | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
    // +----------------------------------------------------------------------
    // | Copyright (c) 2006-2014 [url=http://thinkphp.cn]http://thinkphp.cn[/url] All rights reserved.
    // +----------------------------------------------------------------------
    // | Licensed ( [url=http://www.apache.org/licenses/LICENSE-2.0]http://www.apache.org/licenses/LICENSE-2.0[/url] )
    // +----------------------------------------------------------------------
    // | Author: 麦当苗儿 <[url=mailto:zuojiazi@vip.qq.com]zuojiazi@vip.qq.com[/url]> <[url=http://www.zjzit.cn]http://www.zjzit.cn[/url]>
    // +----------------------------------------------------------------------
    /*
     * PHP分页类
     * 修改者:白俊遥
     * 日  期:2015.5.10
     * 邮  箱:[url=mailto:baijunyao@baijunyao.com]baijunyao@baijunyao.com[/url]
     * 博  客:[url=http://baijunyao.com]http://baijunyao.com[/url]
     */
    namespace OrgBjy;
    class Page{
        public $firstRow; // 起始行数
        public $listRows; // 列表每页显示行数
        public $parameter; // 分页跳转时要带的参数
        public $totalRows; // 总行数
        public $totalPages; // 分页总页面数
        public $rollPage   = 5;// 分页栏每页显示的页数
        public $lastSuffix = true; // 最后一页是否显示总页数
        private $p       = 'p'; //分页参数名
        private $url     = ''; //当前链接URL
        private $nowPage = 1;
        // 分页显示定制
        private $config  = array(
            'header' => '共 %TOTAL_ROW% 条记录',
            'first'   => '首页',
            'prev'   => '上一页',
            'next'   => '下一页',
            'last'   => '末页',
            'theme'  => '%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%',
        );
        /**
         * 架构函数
         * @param array $totalRows  总的记录数
         * @param array $listRows  每页显示记录数
         * @param array $parameter  分页跳转的参数
         */
        public function __construct($totalRows, $listRows=20, $parameter = array()) {
            C('VAR_PAGE') && $this->p = C('VAR_PAGE'); //设置分页参数名称
            /* 基础设置 */
            $this->totalRows  = $totalRows; //设置总记录数
            $this->listRows   = $listRows;  //设置每页显示行数
            $this->parameter  = empty($parameter) ? $_GET : $parameter;
            $this->nowPage    = empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]);
            $this->nowPage    = $this->nowPage>0 ? $this->nowPage : 1;
            $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('[PAGE]'), $page, $this->url);
        }
        /**
         * 组装分页链接
         * @return string
         */
        public function show() {
            if(0 == $this->totalRows) return '';
            /* 生成URL */
            $this->parameter[$this->p] = '[PAGE]';
            $this->url = U(MODULE_NAME.'/'.CONTROLLER_NAME.'/'.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);
            //上一页
            $up_row  = $this->nowPage - 1;
            $up_page = $up_row > 0 ? '[url=' . $this->url($up_row) .]' . $this->config['prev'] . '[/url]' : '' . $this->config['prev'] . '';
            //下一页
            $down_row  = $this->nowPage + 1;
            $down_page = ($down_row <= $this->totalPages) ? '[url=' . $this->url($down_row) .]' . $this->config['next'] . '[/url]' : '' . $this->config['next'] . '';
            //第一页
            $the_first = '[url=' . $this->url(1) .]' . $this->config['first'] . '[/url]';
            //最后一页
            $the_end = '[url=' . $this->url($this->totalPages) .]' . $this->config['last'] . '[/url]';
            //数字连接
            $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) {
                    if($page != $this->nowPage){
                        if($page <= $this->totalPages){
                            $link_page .= '[url=' . $this->url($page) .]' . $page . '[/url]';
                        }else{
                            break;
                        }
                    }else{
                        $link_page .= '' . $page . '';
                    }
                }
            }
            //替换分页内容
            $page_str = str_replace(
                array('%HEADER%', '%NOW_PAGE%', '%UP_PAGE%', '%DOWN_PAGE%', '%FIRST%', '%LINK_PAGE%', '%END%', '%TOTAL_ROW%', '%TOTAL_PAGE%'),
                array($this->config['header'], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages),
                $this->config['theme']);
            return ''.$page_str.'
    ';
        }
    }

    分页类调用:
    [PHP] 纯文本查看 复制代码
    $count=$this->where($where)->count();
    $page=new OrgBjyPage($count,$limit);
    $list=$this->where($where)->order('addtime desc')->limit($page->firstRow.','.$page->listRows)->select();
    $show=$page->show();

    分页类css
    [CSS] 纯文本查看 复制代码
    .b-page {
      background: #fff;
      box-shadow: 0px 1px 2px 0px #E2E2E2;
    }
    .page {
      width: 100%;
      padding: 30px 15px;
      background: #FFF;
      text-align: center;
      overflow: hidden;
    }
    .page .first,
    .page .prev,
    .page .current,
    .page .num,
    .page .current,
    .page .next,
    .page .end {
      padding: 8px 16px;
      margin: 0px 5px;
      display: inline-block;
      color: #008CBA;
      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: #008CBA;
      color: #FFF;
      border-radius: 5px;
      border: 1px solid #008CBA;
    }
    .page .current:hover {
      text-decoration: none;
      background: #008CBA;
    }
    .page .not-allowed {
      cursor: not-allowed;
    }

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

    回复

    使用道具 举报

    该用户从未签到

    24

    主题

    7927

    帖子

    1155

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1155

    发表于 2018-11-14 09:49:55 | 显示全部楼层
    学习了,不错,讲的太有道理了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    28

    主题

    7886

    帖子

    1054

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1054

    发表于 2018-11-14 10:11:29 | 显示全部楼层
    珍惜生命,果断回帖。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2024-7-21 16:49
  • 签到天数: 29 天

    [LV.4]偶尔看看III

    174

    主题

    8025

    帖子

    2046

    积分

    荣誉会员

    积分
    2046

    发表于 2018-11-14 10:47:28 | 显示全部楼层
    支持一下:lol
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    4

    主题

    7588

    帖子

    1153

    积分

    技冠群雄

    Rank: 6Rank: 6

    积分
    1153

    发表于 2018-11-14 11:18:16 | 显示全部楼层
    珍惜生命,果断回帖。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    26

    主题

    7721

    帖子

    1171

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1171

    发表于 2018-11-14 11:28:55 | 显示全部楼层
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    26

    主题

    7721

    帖子

    1171

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1171

    发表于 2018-11-14 15:46:49 | 显示全部楼层
    路过,学习下
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    51

    主题

    7829

    帖子

    989

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    989

    发表于 2018-11-14 15:54:58 | 显示全部楼层
    好好 学习了 确实不错
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2023-10-6 13:54
  • 签到天数: 8 天

    [LV.3]偶尔看看II

    32

    主题

    7792

    帖子

    1135

    积分

    荣誉会员

    积分
    1135

    发表于 2018-11-14 22:19:35 | 显示全部楼层
    学习了,不错,讲的太有道理了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    29

    主题

    8020

    帖子

    1015

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1015

    发表于 2018-11-14 22:33:29 | 显示全部楼层
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-12-23 23:47 , Processed in 0.112992 second(s), 43 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表