說到tp的分頁帶着一些坑點。
也是我自身經驗的問題,在寫查詢的時候各種查詢語句的結構並不是十分統一,這時候用tp的分頁類就會發生一定的問題。
首先我先貢獻一下自己修改的分頁類實在tp3.2的基礎上修改的。
<?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> // +---------------------------------------------------------------------- namespace Think; class Page{ //************************************************ //共有屬性: public $firstRow; // 起始行數 public $listRows; // 列表每頁顯示行數 public $parameter; // 分頁跳轉時要帶的參數 public $totalRows; // 總行數 public $totalPages; // 分頁總頁面數 public $rollPage = 5;// 分頁欄每頁顯示的頁數 public $lastSuffix = false; // 最後一頁是否顯示總頁數 //////////////////////////////////////////////////////////////////////// //私有屬性 private $p = 'p'; //分頁參數名 private $url = ''; //當前鏈接URL private $nowPage = 1; //****************************************************** // 分頁顯示定製;私有的數組(屬性) private $config = array( 'header' => '<span class="rows">共 %TOTAL_ROW% 條記錄</span>', 'prev' => '上一頁', 'next' => '下一頁', 'first' => '首頁', 'last' => '尾頁', 'theme' => '%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %PAGESROW% %ALLPAGES% %ALLROWS%', ); //****************************************************************************** /** * 架構函數 * @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; //設置每頁顯示行數 /* if(empty($parameter)){ $this->parameter = $_GET; }else{ $this->parameter =$parameter; }*/ $this->parameter = empty($parameter) ? $_GET : $parameter;//當參數不存在時將get賦值給$this->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>' : ''; // $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>'; } } } /* $nowpage='<span class="nowpage">當前是第'.$this->nowPage.'頁'.'</span>';*/ if($this->totalPages>5) { $jumppages = '<div class="inputpage"><input type="text" name="pagejump"><a class="go" href="' . $this->url($page) . '">go</a><!--<input type="button" value="go" name="pagego">--></div>' . '<span class="totlepage">共<span name="allpages">' . $this->totalPages . '</span>頁</span>'; }else{ $jumppages ='<span class="totlepage">共 <span name="allpages">' . $this->totalPages . '</span>頁</span>'; } if($this->totalPages>1) { $pagesrow = '<span class="everypage">每頁' . $this->listRows . '條</span></div>'; } //替換分頁內容 $page_str = str_replace( array('%HEADER%', '%NOW_PAGE%', '%UP_PAGE%', '%DOWN_PAGE%', '%FIRST%', '%LINK_PAGE%', '%END%', '%TOTAL_ROW%', '%TOTAL_PAGE%','%PAGESROW%','%ALLPAGES%','%ALLROWS%'), array($this->config['header'], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages,$jumppages,$pagesrow), $this->config['theme']); return "<div>{$page_str}</div>"; } }
大家可以看下這一行:
<a class="go" href="' . $this->url($page) . '">go</a>
這是一個做輸入數字頁面跳轉的鏈接。
至於後端怎麼寫這個看着這個類,或者看文檔就可以知道了這裏就不表了。當然爲了好看一點請在前端頁面加上樣式,class='go'就是爲了方便前端添加樣式的。
我貼一段我前端使用的代碼
$(".go").click(function () { var pagejump=$("input[name='pagejump']").val(); if(pagejump==false||!(/^(\+|-)?\d+$/.test( pagejump ))||pagejump<0||pagejump>parseInt($("span[name='allpages']").text())){ alert('跳轉頁數必須是正整數且不能超過頁數範圍'); return false; }else{ var nowurl=window.location.pathname; if(nowurl=='/crm/Home/Customershow/Customershow'){ var nowirlarr=nowurl.split('/p'); nowurl=nowirlarr[0]+'/p/'+pagejump+'.html' $(".oneform").attr("action", nowurl); $(".oneform").submit(); return false; } if(nowurl=='/crm/Home/Customershow/Search'){ if(window.location.search!=false) { var getcan = window.location.search; var getsuoyou = getcan.split('?') var getlast = getsuoyou[1].split('=') var lasthtml = nowurl + '/time/' + getlast[1] + '/p/' + pagejump + '.html' $(".oneform").attr("action", lasthtml); $(".oneform").submit(); return false; }else { var lasthtml = nowurl + '/p/' + pagejump + '.html' $(".oneform").attr("action", lasthtml); $(".oneform").submit(); return false } } else { if (nowurl == '/crm/index.php/Home/Customershow/Customershow.html') { var nowarr=nowurl.split('.h'); nowurl = nowarr[0] + '/p/' + pagejump + '.html' $(".oneform").attr("action", nowurl); $(".oneform").submit(); return false; } else { // alert(nowurl) var lasthtml = 'Customershow/p/'+pagejump + '.html'; $(".oneform").attr("action", lasthtml); $(".oneform").submit(); return false; } } } })
我這邊使用了jquery,一個go的點擊事件。這一段代碼其實還是有問題的。
來說一說坑吧,因爲涉及複雜查詢要保持查詢條件,並用不了數組傳值的方法,所以自己在頁面寫了一個input,display:none
用了json形式來儲存查詢條件。
$(".oneform").attr("action", nowurl);
這條語句解決了讓a標籤帶post傳值的問題。這樣保存在input中的查詢條件就會用post的方法傳回控制器。
於下來就一點a標籤的路徑,去多使用幾次tp的分頁你會發現路由還是很有規律的,也就是你要把p這個參數用get的方法傳回控制器
坑來了
在沒有設置虛擬地址的時候訪問都是正常的
一旦設置了虛擬地址我麼用go來跳轉指定頁數就出了問題。
當設置虛擬地址如果用某個網址如shark.com指向你的/var/www/項目目錄時你的
if(nowurl=='/crm/Home/Customershow/Customershow'){裏面的條件要換成Home/Customershow/Customershow就可以了。
我對3.2的分頁是滿滿的吐槽啊。寫這個分頁當初可是費了我不少的腦筋和時間。