zoukankan      html  css  js  c++  java
  • 使ThinkPHP(3.2.3)的分页类支持Bootstrap风格

    ThinkPHP 3.2.3自带的分页类位于:/ThinkPHP/Library/Think/Pages.class.php ,官方文档在这里:ThinkPHP3.2.3数据分页
    Pages.class.php源码:

    <?php
    // +----------------------------------------------------------------------
    // | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
    // +----------------------------------------------------------------------
    // | Copyright (c) 2006-2014 http://thinkphp.cn All rights reserved.
    // +----------------------------------------------------------------------
    // | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
    // +----------------------------------------------------------------------
    // | Author: 麦当苗儿 <zuojiazi@vip.qq.com> <http://www.zjzit.cn>
    // +----------------------------------------------------------------------
    namespace Think;
    
    class Page{
        public $firstRow; // 起始行数
        public $listRows; // 列表每页显示行数
        public $parameter; // 分页跳转时要带的参数
        public $totalRows; // 总行数
        public $totalPages; // 分页总页面数
        public $rollPage   = 11;// 分页栏每页显示的页数
    	public $lastSuffix = true; // 最后一页是否显示总页数
    
        private $p       = 'p'; //分页参数名
        private $url     = ''; //当前链接URL
        private $nowPage = 1;
    
    	// 分页显示定制
        private $config  = array(
            'header' => '<span class="rows">共 %TOTAL_ROW% 条记录</span>',
            'prev'   => '<<',
            'next'   => '>>',
            'first'  => '1...',
            'last'   => '...%TOTAL_PAGE%',
            'theme'  => '%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%',
        );
    
        /**
         * 架构函数
         * @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(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['last'] = $this->totalPages;
    
            //上一页
            $up_row  = $this->nowPage - 1;
            $up_page = $up_row > 0 ? '<a class="prev" href="' . $this->url($up_row) . '">' . $this->config['prev'] . '</a>' : '';
    
            //下一页
            $down_row  = $this->nowPage + 1;
            $down_page = ($down_row <= $this->totalPages) ? '<a class="next" href="' . $this->url($down_row) . '">' . $this->config['next'] . '</a>' : '';
    
            //第一页
            $the_first = '';
            if($this->totalPages > $this->rollPage && ($this->nowPage - $now_cool_page) >= 1){
                $the_first = '<a class="first" href="' . $this->url(1) . '">' . $this->config['first'] . '</a>';
            }
    
            //最后一页
            $the_end = '';
            if($this->totalPages > $this->rollPage && ($this->nowPage + $now_cool_page) < $this->totalPages){
                $the_end = '<a class="end" href="' . $this->url($this->totalPages) . '">' . $this->config['last'] . '</a>';
            }
    
            //数字连接
            $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 .= '<a class="num" href="' . $this->url($page) . '">' . $page . '</a>';
                    }else{
                        break;
                    }
                }else{
                    if($page > 0 && $this->totalPages != 1){
                        $link_page .= '<span class="current">' . $page . '</span>';
                    }
                }
            }
    
            //替换分页内容
            $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 "<div>{$page_str}</div>";
        }
    }
    
    
    

    调用Page类的show()方法后,返回的是拼接好的分页HTML信息。注意到这里提供了theme可供配置,利用theme可以改变返回的HTML信息样式。
    以theme为"%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%"为例,返回的是(格式化显示):

    <div>
        <a class="first" href="xxx">xxx</a>
        <a class="prev" href="xxx">xxx</a>
        <a class="num" href="xxx">xxx</a>
        <span class="current" href="xxx">xxx</span>
        <a class="next" href="xxx">xxx</a>
        <a class="end" href="xxx">xxx</a>
    </div>
    
    

    在看Bootstrap的分页组件:

      <ul class="pagination">
        <li>
          <a href="#" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
          <a href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
      </ul>
    

    可以看出,对于默认分页组件,只要在外层套上ul.pagination,并将每一项套上li就行。
    那么设置theme为:

    "<ul class="pagination"><li>%FIRST%</li><li>%UP_PAGE%</li><li>%LINK_PAGE%</li><li>%DOWN_PAGE%</li><li>%END%</li></ul>"
    

    就可以得到返回值(格式化显示):

    <div>
        <ul class="pagination">
            <li><a class="first" href="xxx">xxx</a></li>
            <li><a class="prev" href="xxx">xxx</a></li>
            <li>
                <a class="num" href="xxx">xxx</a>
                <span class="current" href="xxx">xxx</span>
            </li>
            <li><a class="next" href="xxx">xxx</a></li>
            <li><a class="end" href="xxx">xxx</a></li>
        </ul>
    </div>
    

    最终效果如图:

    采用配置theme可以不改变源码的情况下做到bootstrap默认分页风格。其他风格的需要对源码进行修改或自定义css风格。

  • 相关阅读:
    深入探讨this指针
    杂谈:你选择coco 还是unity3d?
    一分钟制作U盘版BT3
    【转载】ShowWindow函数
    hadoop备记
    OA系统权限管理设计(转载)
    二叉树的存储与遍历
    这难道是CSDN的BUG? 大家帮忙看看哪里有问题
    Cookie 操作工具类
    Java实现 蓝桥杯VIP 算法训练 数的统计
  • 原文地址:https://www.cnblogs.com/clannadxr/p/7277165.html
Copyright © 2011-2022 走看看