PHP+mysql分页原理实现

功能简介:包含上一页、下一页、首页、尾页、跳转页面等功能。

  编码寄语:化繁为简,则豁然开朗。

  运行截图:

  

  关键步骤:

  1. 创建数据库
    复制代码
    CREATE TABLE `page` (
      `ID` int(10) NOT NULL AUTO_INCREMENT,
      `NAME` varchar(10) DEFAULT NULL,
       PRIMARY KEY (`ID`) 
    ) 
    复制代码
  2. 传入页码:使用get方法
    $page=$_GET['p'];
  3. 根据页码显示数据:设置每页显示数量为pageSize,页码为page,则第page页显示的第一条数据ID为:(page-1)* pagesize 。SQL语句如下
    $sql="SELECT * FROM page order by id ASC LIMIT ".($page-1)*$pageSize .",{$pageSize}";
  4. 显示数据
    复制代码
    $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);
    复制代码
  5. 实现上一页、下一页功能
    $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']表示当前正在执行的脚本的文件名。

  6. 以上四个步骤可以实现简单的分页效果。但page的值只能在地址栏手动输入更改,才能达到分页的效果。如地址栏输入:http://localhost/mypage.php?p=5  表示当前显示的是第五页。
  7. 完善阶段:page值通过页码栏获取;首页、尾页、跳转功能的实现;界面美化。
  8. 完整代码如下:mypage.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>   
    复制代码
posted @ 2019-05-05 11:09  浅墨若寒  阅读(650)  评论(1编辑  收藏  举报