thinkphp分頁格式的徹底自定義，直接輸入數字go到輸入數字頁

實現分頁效果以下：

如下標註紅色字體的爲重點

 

找到文件page.class.php在ThinkPHP/Library/Thinkpage.class.php並打開文件，複製函數show，在本文件中黏貼並改爲你自定義的函數名，在此我更改成show1,更改上一頁，下一頁，第一頁和最後一頁的邏輯輸出，將數字連接for循環刪除，其餘不變，更改以下：

 public function show1() {
        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) . '">' . 上一頁 . '</a>' : '<a class="prev" href="javascript:(0);">' . 上一頁 . '</a>';

        //下一頁
        $down_row  = $this->nowPage + 1;
        $down_page = ($down_row <= $this->totalPages) ? '<a class="next" href="' . $this->url($down_row) . '">' .下一頁 . '</a>' : '<a class="next" href="javascript:(0);">' .下一頁 . '</a>';

        //第一頁
        $the_first=$this->nowPage > 1 ? '<a class="first" href="' . $this->url(1) . '">' . 首頁 . '</a>' : '<a class="first" href="javascript:(0);">' . 首頁 . '</a>';

        //最後一頁
        $the_end = $this->nowPage < $this->totalPages ? '<a class="end" href="' . $this->url($this->totalPages) . '">' .末頁. '</a>' : '<a class="end" href="javascript:(0);">' .末頁. '</a>';

        //數字鏈接
        $link_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}";
    }

在定義的model中定義查詢數據庫中數據並分頁

public function getDocPageList($table,$where,$p, $pageSize,$order='docid desc'){
        $list= M($table)->where($where)->order($order)
                            ->page($p.','.$pageSize)
                            ->select();
        $count = M($table)->field('*')
                        ->where($where)
                        ->order($order)
                        ->count();

   
        $Page = new \Think\Page($count, $pageSize);
        $module_name = '/' . MODULE_NAME . '/' . CONTROLLER_NAME . '/' . ACTION_NAME;//此處爲獲取路徑，模塊名/控制器名/方法名
       //$page即是上面效果的靜態代碼顯示
　　　　 $Page->setConfig('header','<p><span>%NOW_PAGE%</span>/<span title="%TOTAL_PAGE%" class="all">%TOTAL_PAGE%</span></p>
            <p>轉到<input type="text" id="page_num" class="txt_page"  />頁</p>
            <a class="gopage" href="'.$module_name.'/p/">GO</a>');
        $Page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%');
        $show = $Page->show1();
        $result['pages'] = $show;
        $result['list'] = $list;
        $result['count'] = $count;
        return $result;
    }

以上分頁的css樣式以下

/*分頁*/
.d_page{width: 700px;clear: both;margin:0px auto;padding-top:20px;}
.d_page a,.d_page p{display:inline-block;margin:0px 8px;}
.d_page a,.d_page input{border:1px solid #e6e6e6;padding:5px 10px;}
.d_page input{width:40px}
.d_page a:hover{background:#d57a22;border:1px solid #d57a22;color:#fff;}

 

在控制器中調用上面model下的函數，此處我以查詢user數據表爲例：

//定義對象，引用控制器
public function __construct() {
        parent::__construct();
        $this->docinfo_model = new \Common\Model\DocinfoModel();
    }


$result = $this->docinfo_model->getDocPageList('user',$where,$p, $pageSize,$order);

$this->assign("doclist", $result['list']);
$this->assign("count", $result['count']);
$this->assign("pages", $result['pages']);

$this->display();

在模板中輸出的時候直接輸出pages

<div>{$pages}</div>

使用jquery實現分頁的跳轉

 <script src='__PUBLIC__/js/jquery-1.8.3.min.js'></script>
<script>
       $(function(){
           //分頁跳轉
           $('#page_num').blur(function(){
               var url=$('.gopage').attr('href');
               var strs=url.substr(0);
               
               var value=this.value;
               var all=$('.all').attr("title");
               var i=parseFloat(all);//將字符轉化爲數字
               
             if(value<=i && !isNaN(value) && value>0){
                value=Math.ceil(value);
             }else{
                value='';
             }
             var nuwurl=strs+value;
             $(".gopage").attr("href",nuwurl);
           })
           
       });
   </script>