這個導航條原本是作為插件來用的,這里把他簡化了,分為2個PHP文件,做前后端分離的話也可改改,將之分成2個PHP文件、1個html文件和1個css文件,這里還是按不分離的做法來,以下是這兩個文件的代碼:
page.class.php (分頁插件)
<?php //為了避免重復包含文件而造成錯誤,加了判斷函數是否存在的條件: $page =(@$_GET['page']); if(!function_exists('pageft')){ //定義函數pageft(),三個參數的含義為: //$totle:信息總數; //$displaypg:每頁顯示信息數,這里設置為默認是20; //$url:分頁導航中的鏈接,除了加入不同的查詢信息“page”外的部分都與這個URL相同。 // 默認值本該設為本頁URL(即$_SERVER["REQUEST_URI"]),但設置默認值的右邊只能為常量,所以該默認值設為空字符串,在函數內部再設置為本頁URL。 function pageft($totle,$displaypg=20,$shownum=0,$showtext=0,$showselect=0,$showlvtao=7,$url=''){ //定義幾個全局變量: //$page:當前頁碼; //$firstcount:(數據庫)查詢的起始項; //$pagenav:頁面導航條代碼,函數內部並沒有將它輸出; //$_SERVER:讀取本頁URL“$_SERVER["REQUEST_URI"]”所必須。 global $page,$firstcount,$pagenav,$_SERVER; //為使函數外部可以訪問這里的“$displaypg”,將它也設為全局變量。注意一個變量重新定義為全局變量后,原值被覆蓋,所以這里給它重新賦值。 $GLOBALS["displaypg"]=$displaypg; if(!$page) $page=1; //如果$url使用默認,即空值,則賦值為本頁URL: if(!$url){ $url=$_SERVER["REQUEST_URI"];} //URL分析: $parse_url=parse_url($url); // print_r($parse_url); //單獨取出URL的查詢字串 if(array_key_exists('query',$parse_url)){ $url_query=$parse_url["query"]; //因為URL中可能包含了頁碼信息,我們要把它去掉,以便加入新的頁碼信息。 //這里用到了正則表達式,請參考“PHP中的正規表達式” $url_query=preg_replace("/(^|&)page=$page/","",$url_query); // print_r($url_query); //將處理后的URL的查詢字串替換原來的URL的查詢字串: $url=str_replace($parse_url["query"],$url_query,$url); //在URL后加page查詢信息,但待賦值: if($url_query) $url.="&page"; else $url.="page"; }else { $url.="?page"; } //頁碼計算: $lastpg=ceil($totle/$displaypg); //最后頁,也是總頁數 $page=min($lastpg,$page); $prepg=$page-1; //上一頁 $nextpg=($page==$lastpg ? 0 : $page+1); //下一頁 if(empty($page)){ $firstcount=0; } else{ $firstcount=($page-1)*$displaypg; } //開始分頁導航條代碼: //if ($showtext==1){ //$pagenav="<span class='disabled'>".($totle?($firstcount+1):0)."-".min($firstcount+$displaypg,$totle)."/$totle 記錄</span><span class='disabled'>$page/$lastpg 頁</span>"; //}else{ //$pagenav=""; //} //如果只有一頁則跳出函數: if($lastpg<=1) return false; if($prepg) $pagenav.="<a href='$url=1'>首頁</a>"; else $pagenav.='<span class="disabled">首頁</span>'; if($prepg) $pagenav.="<a href='$url=$prepg'>上一頁</a>"; else $pagenav.='<span class="disabled">上一頁</span>'; if ($shownum==1){ $o=$showlvtao;//中間頁碼表總長度,為奇數 $u=ceil($o/2);//根據$o計算單側頁碼寬度$u $f=$page-$u;//根據當前頁$currentPage和單側寬度$u計算出第一頁的起始數字 //str_replace('{p}',,$fn)//替換格式 if($f<0){$f=0;}//當第一頁小於0時,賦值為0 $n=$lastpg;//總頁數,20頁 if($n<1){$n=1;}//當總數小於1時,賦值為1 if($page==1){ $pagenav.='<span class="current">1</span>'; }else{ $pagenav.="<a href='$url=1'>1</a>"; } /////////////////////////////////////// for($i=1;$i<=$o;$i++){ if($n<=1){break;}//當總頁數為1時 $c=$f+$i;//從第$c開始累加計算 if($i==1 && $c>2){ $pagenav.='...'; } if($c==1){continue;} if($c==$n){break;} if($c==$page){ $pagenav.='<span class="current">'.$page.'</span>'; }else{ $pagenav.="<a href='$url=$c'>$c</a>"; } if($i==$o && $c<$n-1){ $pagenav.='...'; } if($i>$n){break;}//當總頁數小於頁碼表長度時 } if($page==$n && $n!=1){ $pagenav.='<span class="current">'.$n.'</span>'; }else{ $pagenav.="<a href='$url=$n'>$n</a>"; } } if($nextpg) $pagenav.="<a href='$url=$nextpg'>下一頁</a>"; else $pagenav.='<span class="disabled">下一頁</span>'; if($nextpg) $pagenav.="<a href='$url=$lastpg'>尾頁</a>"; else $pagenav.='<span class="disabled">尾頁</span>'; //if ($showselect==1){ ////下拉跳轉列表,循環列出所有頁碼: //$pagenav.="跳至<select name='topage' size='1' onchange='window.location=\"$url=\"+this.value'>\n"; //for($i=1;$i<=$lastpg;$i++){ //if($i==$page) $pagenav.="<option value='$i' selected>$i</option>\n"; //else $pagenav.="<option value='$i'>$i</option>\n"; //} //$pagenav.="</select>頁"; //} } } ?>
use.php(需要引用的頁面,以下分成幾段)
PHP
<?php require("../../includes/page.class.php"); //引入分頁文件,這里填入改文件的路徑 ?>
//配置分頁
$pageSize = 10;//每頁最多顯示條數 $total = $dbh->query("SELECT * FROM about WHERE types= ".$class)->rowCount();//查詢當前總記錄,query內的內容為自己需要查詢的數據的sql語句,最好寫在內容查詢語句之前 pageft($total, $pageSize, 1, 1, 1, 5);
//內容查詢語句
$sql_n="SELECT * FROM about where types= ".$class." order by arr desc , id desc limit $firstcount,$pageSize"; //用此插件的最后都必須加上 limit $firstcount,$pageSize
html
<div class="quotes"><?php echo $pagenav;?></div>
css
/*分頁*/ DIV.quotes { PADDING: 60px 0 ; TEXT-ALIGN: center; width:100%;color: #333; } DIV.quotes A { color: #333; BORDER: #ddd 1px solid; PADDING:8px 16px; MARGIN-RIGHT: 4px; TEXT-DECORATION: none;border-radius: 5px; } DIV.quotes A:hover { color: #333; BORDER: #a0a0a0 1px solid; PADDING:8px 16px; MARGIN-RIGHT: 4px;border-radius: 5px; } DIV.quotes A:active { color: #333; BORDER: #a0a0a0 1px solid; PADDING:8px 16px; MARGIN-RIGHT: 4px;border-radius: 5px; } DIV.quotes SPAN.current { color: #fff; BORDER: rgba(255, 255, 255, 0.76) 1px solid; PADDING:8px 16px; FONT-WEIGHT: bold; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: rgba(0, 52, 102, 0.76);border-radius: 5px; } DIV.quotes SPAN.disabled { color: #333; BORDER: #f3f3f3 1px solid; PADDING:8px 16px; MARGIN-RIGHT: 4px;border-radius: 5px; }