首頁(yè)技術(shù)文章正文

全棧開(kāi)發(fā)培訓(xùn)之分頁(yè)原理+分頁(yè)代碼+分頁(yè)類制作

更新時(shí)間:2017-04-14 來(lái)源:黑馬程序員全棧開(kāi)發(fā)學(xué)院 瀏覽量:

分頁(yè)顯示是一種非常常見(jiàn)的瀏覽和顯示大量數(shù)據(jù)的方法，屬于web編程中最常處理的事件之一。對(duì)于web編程的老手來(lái)說(shuō)，編寫(xiě)這種代碼實(shí)在是和呼吸一樣自然，但是對(duì)于初學(xué)者來(lái)說(shuō)，常常對(duì)這個(gè)問(wèn)題摸不著頭緒，因此特地撰寫(xiě)此文對(duì)這個(gè)問(wèn)題進(jìn)行詳細(xì)的講解。


一、分頁(yè)原理：

       所謂分頁(yè)顯示，也就是將數(shù)據(jù)庫(kù)中的結(jié)果集人為的分成一段一段的來(lái)顯示，這里需要兩個(gè)初始的參數(shù)：

       每頁(yè)多少條記錄（$PageSize）？
       當(dāng)前是第幾頁(yè)（$CurrentPageID）？

       現(xiàn)在只要再給我一個(gè)結(jié)果集，我就可以顯示某段特定的結(jié)果出來(lái)。

       至于其他的參數(shù)，比如：上一頁(yè)（$PReviousPageID）、下一頁(yè)（$NextPageID）、總頁(yè)數(shù)（$numPages）等等，都可以根據(jù)前邊這幾個(gè)東西得到。

       以MySQL數(shù)據(jù)庫(kù)為例，如果要從表內(nèi)截取某段內(nèi)容，sql語(yǔ)句可以用：select * from table limit offset, rows?？纯聪旅嬉唤Msql語(yǔ)句，嘗試一下發(fā)現(xiàn)其中的規(guī)率。

       前10條記錄：select * from table limit 0,10
       第11至20條記錄：select * from table limit 10,10
       第21至30條記錄：select * from table limit 20,10
……
        這一組sql語(yǔ)句其實(shí)就是當(dāng)$PageSize=10的時(shí)候取表內(nèi)每一頁(yè)數(shù)據(jù)的sql語(yǔ)句，我們可以總結(jié)出這樣一個(gè)模板：
        select * from table limit ($CurrentPageID - 1) * $PageSize, $PageSize
        拿這個(gè)模板代入對(duì)應(yīng)的值和上邊那一組sql語(yǔ)句對(duì)照一下看看是不是那么回事。搞定了最重要的如何獲取數(shù)據(jù)的問(wèn)題以后，剩下的就僅僅是傳遞參數(shù)，構(gòu)造合適的sql語(yǔ)句然后使用php從數(shù)據(jù)庫(kù)內(nèi)獲取數(shù)據(jù)并顯示了。


二、分頁(yè)代碼說(shuō)明：五個(gè)步驟

       代碼中有充分解釋，可復(fù)制到自己記事本中直接使用
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  4. <title>雇員信息列表</title>
  5. </head>
  6. <?php
  7.         //顯示所有emp表的信息
  8.         //1.連接數(shù)據(jù)庫(kù)
  9.         $conn=mysql_connect('localhost','root','1234abcd') or die('連接數(shù)據(jù)庫(kù)錯(cuò)誤'.mysql_error());
  10.         //2.選擇數(shù)據(jù)庫(kù)
  11.         mysql_select_db('empManage');
  12.         //3.選擇字符集
  13.         mysql_query('set names utf8');
  14.         //4.發(fā)送sql語(yǔ)句并得到結(jié)果進(jìn)行處理
  15.         //4.1分頁(yè)[分頁(yè)要發(fā)出兩個(gè)sql語(yǔ)句，一個(gè)是獲得$rowCount,一個(gè)是通過(guò)sql的limit獲得分頁(yè)結(jié)果。所以我們會(huì)獲得兩個(gè)結(jié)果集，在命名的時(shí)候要記得區(qū)分。
  16. 分頁(yè)  （四個(gè)值 兩個(gè)sql語(yǔ)句）。]
  17.         $pageSize=3;//每頁(yè)顯示多少條記錄
  18.         $rowCount=0;//共有多少條記錄
  19.         $pageNow=1;//希望顯示第幾頁(yè)
  20.         $pageCount=0;//一共有多少頁(yè)  [分頁(yè)共有這個(gè)四個(gè)指標(biāo)，缺一不可。由于$rowCount可以從服務(wù)器獲得的，所以可以給予初始值為0；
  21. $pageNow希望顯示第幾頁(yè)，這里最好是設(shè)置為0；$pageSize是每頁(yè)顯示多少條記錄，這里根據(jù)網(wǎng)站需求提前制定。
  22. $pageCount=ceil($rowCount/$pageSize）,既然$rowCount可以初始值為0，那么$pageCount當(dāng)然也就可以設(shè)置為0.四個(gè)指標(biāo)，兩個(gè)0 ，一個(gè)1，另一個(gè)為網(wǎng)站需求。]
  23.                 //4.15根據(jù)分頁(yè)鏈接來(lái)修改$pageNow的值
  24.                 if(!empty($_GET['pageNow'])){
  25.                         $pageNow=$_GET['pageNow'];
  26.                 }[根據(jù)分頁(yè)鏈接來(lái)修改$pageNow的值。]
  27.         $sql='select count(id) from emp';
  28.         $res1=mysql_query($sql);
  29.         //4.11取出行數(shù)
  30.         if($row=mysql_fetch_row($res1)){
  31.                 $rowCount=$row[0];               
  32.         }//[取得$rowCount,，進(jìn)了我們就知道了$pageCount這兩個(gè)指標(biāo)了。]
  33.         //4.12計(jì)算共有多少頁(yè)
  34.         $pageCount=ceil($rowCount/$pageSize);
  35.         $pageStart=($pageNow-1)*$pageSize;
  36.         
  37.         //4.13發(fā)送帶有分頁(yè)的sql結(jié)果
  38.         $sql="select * from emp limit $pageStart,$pageSize";//[根據(jù)$sql語(yǔ)句的limit 后面的兩個(gè)值（起始值，每頁(yè)條數(shù)），來(lái)實(shí)現(xiàn)分頁(yè)。以及求得這兩個(gè)值。]
  39.         $res2=mysql_query($sql,$conn) or die('無(wú)法獲取結(jié)果集'.mysql_error());
  40.         echo '<table border=1>';[        echo "<table border='1px' cellspacing='0px' bordercolor='red' width='600px'>";]
  41. "<tr><th>id</th><th>name</th><th>grade</th><th>email</th><th>salary</th><th><a href='#'>刪除用戶</a></th><th><a href='#'>修改用戶</a></th></tr>";        while($row=mysql_fetch_assoc($res2)){
  42.                 echo "<tr><td>{$row['id']}</td><td>{$row['name']}</td><td>{$row['grade']}</td><td>{$row['email']}</td><td>{$row['salary']}</td><td><a href='#'>刪除用戶</a></td><td><a href='#'>修改用戶</a></td></tr>";        }
  43.         echo '</table>';
  44.         //4.14打印出頁(yè)碼的超鏈接
  45.         for($i=1;$i<=$pageCount;$i++){
  46.                 echo "<a href='?pageNow=$i'>$i</a> ";//[打印出頁(yè)碼的超鏈接]
  47.         
  48.         }
  49.         //5.釋放資源，關(guān)閉連接
  50.         mysql_free_result($res2);
  51.         mysql_close($conn);
  52. ?>
  53. </html>

三、簡(jiǎn)單分頁(yè)類分享

         現(xiàn)在公布一個(gè)簡(jiǎn)單分類制作。只要理解了這個(gè)類的原理和步驟，其他復(fù)雜類也就能夠觸類旁通了。不廢話，直接上源碼，可以直接用在你的項(xiàng)目中。

        數(shù)據(jù)庫(kù)操作類代碼:mysqli.func.php
      
  1. <?php  
  2. // 數(shù)據(jù)庫(kù)連接常量  
  3. define('DB_HOST', 'localhost');  
  4. define('DB_USER', 'root');  
  5. define('DB_PWD', '');  
  6. define('DB_NAME', 'guest');  
  7.   
  8. // 連接數(shù)據(jù)庫(kù)  
  9. function conn()  
  10. {  
  11.     $conn = mysqli_connect(DB_HOST, DB_USER, DB_PWD, DB_NAME);  
  12.     mysqli_query($conn, "set names utf8");  
  13.     return $conn;  
  14. }  
  15.   
  16. //獲得結(jié)果集  
  17. function doresult($sql){  
  18.    $result=mysqli_query(conn(), $sql);  
  19.    return  $result;  
  20. }  
  21.   
  22. //結(jié)果集轉(zhuǎn)為對(duì)象集合  
  23. function dolists($result){  
  24.     return mysqli_fetch_array($result, MYSQL_ASSOC);  
  25. }  
  26.   
  27. function totalnums($sql) {  
  28.     $result=mysqli_query(conn(), $sql);  
  29.     return $result->num_rows;  
  30. }  
  31.   
  32. // 關(guān)閉數(shù)據(jù)庫(kù)  
  33. function closedb()  
  34. {  
  35.     if (! mysqli_close()) {  
  36.         exit('關(guān)閉異常');  
  37.     }  
  38. }  
  39.   
  40. ?>  
分頁(yè)實(shí)現(xiàn)代碼：

  1. <?php  
  2. include 'mysqli.func.php';  
  3.   
  4. // 總記錄數(shù)  
  5. $sql = "SELECT dg_id  FROM  tb_user ";  
  6. $totalnums = totalnums($sql);  
  7.   
  8. // 每頁(yè)顯示條數(shù)  
  9. $fnum = 8;  
  10.   
  11. // 翻頁(yè)數(shù)  
  12. $pagenum = ceil($totalnums / $fnum);  
  13.   
  14. // 頁(yè)數(shù)常量  
  15. @$tmp = $_GET['page'];  
  16.   
  17. //防止惡意翻頁(yè)  
  18. if ($tmp > $pagenum)  
  19.     echo "<script>window.location.href='index.php'</script>";  
  20.   
  21. //計(jì)算分頁(yè)起始值  
  22. if ($tmp == "") {  
  23.     $num = 0;  
  24. } else {  
  25.     $num = ($tmp - 1) * $fnum;  
  26. }  
  27.   
  28. // 查詢語(yǔ)句  
  29. $sql = "SELECT dg_id,dg_username  FROM  tb_user ORDER BY dg_id DESC LIMIT " . $num . ",$fnum";  
  30. $result = doresult($sql);  
  31.   
  32. // 遍歷輸出  
  33. while (! ! $rows = dolists($result)) {  
  34.     echo $rows['dg_id'] . " " . $rows['dg_username'] . "<br>";  
  35. }  
  36.   
  37. // 翻頁(yè)鏈接  
  38. for ($i = 0; $i < $pagenum; $i ++) {  
  39.     echo "<a href=index.php?page=" . ($i + 1) . ">" . ($i + 1) . "</a>";  
  40. }  
  41. ?>  
本文版權(quán)歸黑馬程序員全棧開(kāi)發(fā)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處，謝謝！
作者：黑馬程序員全棧開(kāi)發(fā)學(xué)院
首發(fā)：http://3rdspacecomics.com/news/stack.html
分享到：
在線咨詢 我要報(bào)名
和我們?cè)诰€交談！