功能简介:包含上一页、下一页、首页、尾页、跳转页面等功能。
编码寄语:化繁为简,则豁然开朗。
运行截图:
关键步骤:
- 创建数据库后,插入几十条数据,方便测试。
CREATE TABLE `page` ( `ID` int(10) NOT NULL AUTO_INCREMENT, `NAME` varchar(10) DEFAULT NULL, PRIMARY KEY (`ID`) )
- 传入页码:使用get方法
$page=$_GET[‘p‘];
- 根据页码显示数据:设置每页显示数量为pageSize,页码为page,则第page页显示的数据ID为:(page-1)* pagesize 到 pagesize。SQL语句如下
$sql="SELECT * FROM page order by id ASC LIMIT ".($page-1)*$pageSize .",{$pageSize}";
- 显示数据
$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);
- 实现上一页、下一页功能
$page_banner = "<a href=‘".$_SERVER[‘PHP_SELF‘]."?p=" .($page-1) . "‘><上一页</a>"; $page_banner .= "<a href=‘".$_SERVER[‘PHP_SELF‘]."?p=" .($page+1) . "‘><下一页</a>";
知识补充:$page_banner .= 作用是衔接;$_SERVER[‘PHP_SELF‘]表示当前正在执行的脚本的文件名。
- 以上四个步骤可以实现简单的分页效果。但page的值只能在地址栏手动输入更改,才能达到分页的效果。如地址栏输入:http://localhost/beifen/mypage.php?p=5 表示当前显示的是第五页。
- 完善阶段:page值通过页码栏获取;首页、尾页、跳转功能的实现;界面美化。
- 完整代码如下:mapage.php
<!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="test"; $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]; $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=‘mypage.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>