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>   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM