PHP实现分页导航条
这个导航条原本是作为插件来用的,这里把他简化了,分为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; }