thinkphp簡潔、美觀、靠譜的分頁類

廢話不多說先上圖預覽下;即本博客的分頁;

白俊遙博客

這個分頁類是在thinkphp框架內置的分頁類的基礎上修改而來;

原分頁類的一些設計,在實際運用中感覺不是很方便;

1:只有一頁內容時不顯示分頁;

2:原分頁類在當前頁是第一頁和最後一頁的時候,不顯示第一頁和最後一頁的按鈕;

白俊遙博客

3:分頁數比較少時不顯示首頁和末頁按鈕;

4:包裹分頁內容的父級div沒有class;


針對以上問題逐一進行了修改成如下;

1:如果沒有數據不顯示分頁,如果有一頁及以上內容即顯示分頁;

2:默認就顯示第一頁和最後一頁按鈕,但是在當前頁是第一頁和最後一頁的時候按鈕點擊無效果;

3:默認就顯示首頁和末頁按鈕;

4:爲包裹分頁內容的父級div添加名爲page的class;

5:顯示總共查出的內容條數;


示例環境:thinkphp3.2.3;

分頁類目錄:/Thinkphp/Library/Org/Bjy/Page.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: 麥當苗兒 <[email protected]> <http://www.zjzit.cn>
// +----------------------------------------------------------------------
/*
 * PHP分頁類
 * 修改者:白俊遙
 * 日  期:2015.5.10
 * 郵  箱:[email protected]
 * 博  客:http://baijunyao.com
 */
namespace Org\Bjy;
 
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' => '<span class="rows">共 %TOTAL_ROW% 條記錄</span>',
        '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 ? '<a class="prev" href="' . $this->url($up_row) . '">' . $this->config['prev'] . '</a>' : '<a class="prev not-allowed" href="javascript:;">' . $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>' : '<a class="next not-allowed" href="javascript:;">' . $this->config['next'] . '</a>';
 
        //第一頁
        $the_first = '<a class="first" href="' . $this->url(1) . '">' . $this->config['first'] . '</a>';
 
        //最後一頁
        $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) {
                if($page != $this->nowPage){
                    if($page <= $this->totalPages){
                        $link_page .= '<a class="num" href="' . $this->url($page) . '">' . $page . '</a>';
                    }else{
                        break;
                    }
                }else{
                    $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 class="page">'.$page_str.'</div>';
    }
}

分頁類調用:

    $count=$this->where($where)->count();
    $page=new \Org\Bjy\Page($count,$limit);
    $list=$this->where($where)->order('addtime desc')->limit($page->firstRow.','.$page->listRows)->select();
    $show=$page->show();

分頁類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相同;


本文爲白俊遙原創文章 , 原文來自白俊遙博客http://baijunyao.com

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章