<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=utf-8">
</head>
<style type="text/css">
body{
font-size: 12px;font-family: verdana;width: 100%;
}
div.page{
text-align: center;
}
div.content{
height: 300px;
}
div.page a{
border:#aaaadd 1px solid;text-decoration: none;padding: 2px 5px 2px 5px;margin: 2px;
}
div.page span.current{
border:#000099 1px solid;background-color: #000099;padding: 2px 5px 2px 5px;margin: 2px;color: #fff;font-weight: bold;
}
div.page span.disable{
border:#eee 1px solid;padding:2px 5px 2px 5px; margin: 2px;color:#ddd;
}
div.page form{
display: inline;
}
</style>
<body>
<?php
//设置级别错误,通知类除外
error_reporting('E_ALL&~E_NOTICE');
/**1---传入页码,使用GET获取**/
$page=$_GET['p'];
/**2---根据页码取出数据:php->mysql处理**/
$host="localhost";
$username="root";
$password="";
$db="test2";
$pageSize=10;
$showPage=5;
//连接数据库,面向过程
$conn=mysqli_connect($host,$username,$password);
if(!$conn){
echo "数据库连接失败";
exit;
}
//选择所要操作的数据库
mysqli_select_db($conn,$db);
//设置数据库编码格式
mysqli_query($conn,"SET NAMES UTF8");
//编写sql获取分页数据 SELECT * FROM 表名 LIMIT 起始位置,显示条数
$sql="SELECT * FROM page order by id ASC LIMIT ".($page-1)*$pageSize .",{$pageSize}";
//把sql语句传送到数据库
$result=mysqli_query($conn,$sql);
//将数据显示到table中,并未table设置格式
echo "<div class='content'>";
echo "<table border=1 cellspacing=0 width=30% align=center>";
echo "<tr><td>ID</td><td>NAME</td></tr>";
while ($row = mysqli_fetch_assoc($result)) {
echo "<tr>";
echo "<td>{$row['ID']}</td>";
echo "<td>{$row['NAME']}</td>";
echo "<tr>";
}
echo "</table>";
echo "</div>";
//释放结果
mysqli_free_result($result);
//获取数据总条数
$total_sql="SELECT COUNT(*)FROM page";
$total_result=mysqli_fetch_array(mysqli_query($conn,$total_sql));
$total=$total_result[0];
echo $total;//一共是124
$total_pages=ceil($total/$pageSize);
//关闭数据库
mysqli_close($conn);
/**3---显示数据 显示分页条**/
$page_banner="<div class='page'>";
//计算偏移量
$pageoffset=($showPage-1)/2;
//两种情况下 首页、上一页 的显示效果
if($page>1){
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=1'>首页</a>";
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .($page-1) . "'><上一页</a>";
}else{
$page_banner .="<span class='disable'>首页</span>";
$page_banner .="<span class='disable'>上一页</span>";
}
//显示
$start=1;
$end=$total_pages;
//当总条数大于分页数时
if($total_pages>$showPage){
if($page>$pageoffset 1){
$page_banner .="...";
}
if($page>$pageoffset){
$start=$page-$pageoffset;
$end=$total_pages>$page $pageoffset?$page $pageoffset:$total_pages;//三段式
}
//最前面几个特殊页号的显示。当前指的是页号1或者2时
else{
$start=1;
$end=$showPage;
}
//最后面几个特殊页号的显示,当前显示的是页号7和8
if($page $pageoffset>$total_pages){
$start=$start-($page $pageoffset-$end);//注意理解这一句
}
}
//显示页码
for($i=$start;$i<=$end;$i ){
//当前页页码上显示背景色
if($page==$i){
$page_banner .="<span class='current'>{$i}</span>";
}
//非当前页码显示
else{
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .$i . "'>{$i}</a>";
}
}
if($total_pages>$showPage&&$total_pages>$page $pageoffset){
$page_banner .="...";
}
//两种情况下的尾页、下一页 的显示效果
if($page<$total_pages){
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .($page 1) . "'>下一页></a>";
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=$total_pages'>尾页</a>";
}else{
$page_banner .="<span class='disable'>尾页</span>";
$page_banner .="<span class='disable'>下一页></span>";
}
$page_banner .= "共{$total_pages}页,";
$page_banner .= "<form action='a.php' method='get'>";
$page_banner .= " 到第<input type='text' size=2 value='1' name='p'>页";
$page_banner .= "<input type='submit' value='确定'>";
$page_banner .= "</form>";
$page_banner .= "</div>";
echo $page_banner;
?>
</body>
</html>
//计算偏移量
代码语言:javascript复制```php
```php
pageoffset=(pageoffset=(showPage-1)/2;
代码语言:javascript复制
意思是只显示5个页码,这段的意思是从4开始,左右的页码都为2,逻辑
代码语言:javascript复制 if($page>1){
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=1'>首页</a>";
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .($page-1) . "'><上一页</a>";
}else{
$page_banner .="<span class='disable'>首页</span>";
$page_banner .="<span class='disable'>上一页</span>";
}
//两种情况下 首页、上一页 的显示效果 这段的意思是页码大于1就暗下来首页和上一页,如果小于1就上一页和首页亮起就这样逻辑
代码语言:javascript复制 $start=1;
$end=$total_pages;
//当总条数大于分页数时
if($total_pages>$showPage){
if($page>$pageoffset 1){
$page_banner .="...";
}
if($page>$pageoffset){
$start=$page-$pageoffset;
$end=$total_pages>$page $pageoffset?$page $pageoffset:$total_pages;//三段式
}
//最前面几个特殊页号的显示。当前指的是页号1或者2时
else{
$start=1;
$end=$showPage;
}
//最后面几个特殊页号的显示,当前显示的是页号7和8
if($page $pageoffset>$total_pages){
$start=$start-($page $pageoffset-$end);//注意理解这一句
}
}
核心是:$start=1; e n d = end= end=total_pages; 第一个是页码开始为1,结束为 t o t a l p a g e s = c e i l ( total_pages=ceil( totalpages=ceil(total/ p a g e S i z e ) ; 也 就 是 说 最 后 剩 余 的 一 点 形 成 一 页 也 包 括 进 去 , 就 送 最 后 一 页 啦 如 果 满 足 一 个 条 件 就 可 以 进 去 i f 里 面 i f ( pageSize);也就是说最后剩余的一点形成一页也包括进去,就送最后一页啦 如果满足一个条件就可以进去if里面 if( pageSize);也就是说最后剩余的一点形成一页也包括进去,就送最后一页啦如果满足一个条件就可以进去if里面if(total_pages>$showPage){,意思是比如124条是13页是吧,13>5,5是显示的页码,思维是什么呢,是如果总页数大于要显示的页码5的话,就里面的核心是隐藏哈,隐藏的方式是…
代码语言:javascript复制if($page>$pageoffset 1){
$page_banner .="...";
}
意思是如果点击的页码大于思维是大于3也就是四的话,就左边为…,这里要注意一下最核心的地方,就送原先我时候右边是…的哦,为什么,因为1,只显示5个,你说后面的不…
代码语言:javascript复制 if($page>$pageoffset){
$start=$page-$pageoffset;
$end=$total_pages>$page $pageoffset?$page $pageoffset:$total_pages;//三段式
}
代码语言:javascript复制 意思是如果点击的大于2,就是是大于2,的时候,就开头是$start=$page-$pageoffset;就是说是比如我按下的是3,start就送1,如果是按下的是4,开头就送2,结尾呢,哈哈哈最核心的注意点来了,就是 $end=$total_pages>$page $pageoffset?$page $pageoffset:$total_pages;//三段式
意思是如果13大于点击的比如点击的是3把是吧,3 2就是13>5的话,就是5了,就是说我按下3,结尾就是5,如果按下4,结尾就是6,完美啊,你试试就知道了,核心是不管怎么做,第一,都要保持5个,大于3也就是4的时候就要1那里就要。。。,为什么,因为要保持左右2个啊,3那里不是左右两个吗是吧如果按下的是2就不要管,为什么,因为如果前后如果某一个超过两个就不要管,符合条件,为什么,因为大于2啊。
代码语言:javascript复制else{
$start=1;
$end=$showPage;
}
代码语言:javascript复制 //最后面几个特殊页号的显示,当前显示的是页号7和8
代码语言:javascript复制if($page $pageoffset>$total_pages){
$start=$start-($page $pageoffset-$end);//注意理解这一句
}
代码语言:javascript复制 核心是什么,核心是else跟离他最近的上一个if相匹配哈。if上面是点击的大于2,else就是点击的小于等于2哈,就开头就送1结尾为5,问题,为什么不到3,因为要用到偏移量,所以只到2啊
所有的核心我有一句口诀,就是总数大于5就功能...
如果等于大于4就前面...
后面的不要急,后面有啊
如果点击的等于大于3的话,就是开头就是1,3开始为1,...4为开头为2
如果点击的大于小于等于2的话,就开头为1结尾为5,为什么不是3,因为之前已经算3等同大于之后的开头与结尾数了,所以else就是12的了
最后的就是如果大于13,就是点击的是12 偏移量2为14大于13的话就是开头为
为什么只算开头,因为结尾就是13了啊,就是看开头啊
这里就是14 15了, $start=$start-($page $pageoffset-$end);
这一句的话,你看if($page>$pageoffset){
代码语言:javascript复制 $start=$page-$pageoffset;
$end=$total_pages>$page $pageoffset?$page $pageoffset:$total_pages;//三段式
代码语言:javascript复制 }就知道了结果都为9啊
代码语言:javascript复制for($i=$start;$i<=$end;$i ){
//当前页页码上显示背景色
if($page==$i){
$page_banner .="<span class='current'>{$i}</span>";
}
//非当前页码显示
else{
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .$i . "'>{$i}</a>";
}
}
if($total_pages>$showPage&&$total_pages>$page $pageoffset){
$page_banner .="...";
}
代码语言:javascript复制意思是显示页码的颜色,比如显示就蓝色,否则就灰色
代码语言:javascript复制 if($page==$i){
$page_banner .="<span class='current'>{$i}</span>";
}
代码语言:javascript复制如果点击的等于开始和结束之间的话,就
否则
代码语言:javascript复制else{
$page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .$i . "'>{$i}</a>";
}
这是如果13大于5并且13大于点击的加上偏移量2的话就…
代码语言:javascript复制 if($total_pages>$showPage&&$total_pages>$page $pageoffset){
$page_banner .="...";
}//
代码语言:javascript复制意思是total_pages>$page $pageoffset总页数13大于点击的加上偏移量的,代表点击的最大只能10,并且
$total_pages>$showPage意思是总页数13大于5这代码是核心哈,意思是显示的必须小于总页数,并且总页数必须大于点击的加上偏移量就...,为什么,因为total_pages>$page $pageoffset这里最大是12,为什么呢,因为点击是小于等于10了就会出现...,否则不会出现.,为什么呢,因为11包括,只有两个了刚好够把