Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > List of blog posts > PHP大牛成长之路：PHP分页实战
Blogger Information
Blog 63
fans 8
comment 8
visits 50343
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
PHP大牛成长之路：PHP分页实战
周Sir-BLOG
Original
759 people have browsed it

1、PHP分页实战

  • 实战分为5个文件演示：
No 文件名称 备注
1 config.php 连接数据+分页变量+分页函数
2 edit.php 更新表单
3 handle.php 控制删除/更新操作
4 list.php 分页列表
5 sytle.css 简单样式表

1.1 config.php

  1. // PDO连接数据库
  2. $pdo = new PDO('mysql:host=localhost;dbname=php_pro', 'root', 'root');
  3. // 设置结果默认获取方式: 关联数组
  4. $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
  6. // 获取分页数据, 一定要知道的二个数据
  7. // 1. 每页显示的数量
  8. $num = 15;
  10. // 2. 当前页码,默认为1
  11. $page = $_GET['p'] ?? 1;
  13. // 3. 计算每一页的第一条记录的显示偏移量
  14. $offset = ($page - 1) * $num;
  16. // 定义查询条件
  17. $where='`id` >= 1';
  19. // 4. 获取分页数据
  20. // SElECT * FROM `table_name `LIMIT n OFFSET m;
  21. $sql = "SELECT * FROM `users` WHERE  $where LIMIT {$num} OFFSET {$offset}";
  22. // 简写
  23. // $sql = "SELECT * FROM `users` LIMIT {$offset}, {$num}";
  24. $users = $pdo->query($sql)->fetchAll();
  26. // print_r($users);
  28. // 计算总页数
  29. // 计算表中共计有多少条记录? 
  30. // 每一页显示几条? 5
  31. // 总页数 =  ceil(记录总数 / 每页的记录数)
  32. $sql = "SELECT CEIL(COUNT(`id`)/{$num})  AS `total` FROM `users` WHERE $where";
  33. // 计算总页数
  34. $pages = $pdo->query($sql)->fetch()['total'];
  38. function showPage($pages,$page){
  40.     $prev = ($page == 1) ? 1 : $page - 1;
  41.     $next = (($page + 1)>= $pages) ? $pages : $page + 1;
  43.    if($pages<10){
  44.        //总页码小于10页(上一页 1 2 3 4 5 6 7 8 9 下一页)
  45.         $show_page = "<a href='?p={$prev}'>上一页</a>";
  47.         for ($i= 1; $i <= $pages; $i++) { 
  48.             $active = ($i == $page) ? 'active' : null;
  49.             if($i<=$pages){
  50.                 $show_page.="<a href='?p=$i' class='$active'>$i</a>";
  51.             }            
  52.         }  
  53.         $show_page.="<a href='?p=$next'>下一页</a>";
  54.         echo $show_page;
  55.    }elseif($page <= 6){
  56.          //当前页码小于等于8页 (上一页 1 2 3 4 5 6 7 8 ... 9 10 下一页)
  57.         $show_page = "<a href='?p={$prev}'>上一页</a>";
  59.         for ($i= 1; $i <= 8; $i++) { 
  60.             $active = ($i == $page) ? 'active' : null;
  61.             if($i<=$pages){
  62.                 $show_page.="<a href='?p=$i' class='$active'>$i</a>";
  63.             }            
  64.         }  
  65.         $show_page.="<a href='javascript:;'>...</a>";
  66.         $a=$pages-1;
  67.         $show_page.="<a href='?p=$a'>$a</a>";
  68.         $show_page.="<a href='?p=$pages'>$pages</a>";
  69.         $show_page.="<a href='?p=$next'>下一页</a>";
  70.         echo $show_page;
  72.     }elseif($page<=$pages-6){
  73.        //当前页码小于等于(总页数-6)(上一页 1 2 ... 7 8 9 10 11 ... 99 100 下一页)
  74.         $show_page = "<a href='?p={$prev}'>上一页</a>";
  75.         $show_page.="<a href='?p=1'>1</a>";
  76.         $show_page.="<a href='?p=2'>2</a>";
  77.         $show_page.="<a href='javascript:;'>...</a>";
  78.         for ($i= $page-2; $i < $page+3; $i++) { 
  79.             $active = ($i == $page) ? 'active' : null;
  80.             if($i<=$pages){
  81.                 $show_page.="<a href='?p=$i' class='$active'>$i</a>";
  82.             }            
  83.         }  
  84.         $show_page.="<a href='javascript:;'>...</a>";
  85.         $a=$pages-1;
  86.         $show_page.="<a href='?p=$a'>$a</a>";
  87.         $show_page.="<a href='?p=$pages'>$pages</a>";
  88.         $show_page.="<a href='?p=$next'>下一页</a>";
  89.         echo $show_page;
  90.     }else{
  91.          //当前页码>$pages-6 (上一页 1 2 ... 94 95 96 97 98 99 100 下一页)
  92.         $show_page = "<a href='?p={$prev}'>上一页</a>";
  93.         $show_page.="<a href='?p=1'>1</a>";
  94.         $show_page.="<a href='?p=2'>2</a>";
  95.         $show_page.="<a href='javascript:;'>...</a>";
  96.         for ($i= $pages-7; $i <= $pages; $i++) { 
  97.             $active = ($i == $page) ? 'active' : null;
  98.             if($i<=$pages){
  99.                 $show_page.="<a href='?p=$i' class='$active'>$i</a>";
  100.             }            
  101.         }  
  102.         $show_page.="<a href='?p=$next'>下一页</a>";
  103.         echo $show_page;
  104.     }   
  105. }

1.2 eidt.php

  1. <?php
  2. // 获取要被编辑的数据
  3. $user = $pdo->query("SELECT * FROM `users` WHERE `id`={$id}")->fetch();
  4. // print_r($user);
  5. ?>
  6. <!DOCTYPE html>
  7. <html lang="en">
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.     <title>用户编辑</title>
  12. </head>
  13. <body>
  14.     <h3>用户编辑</h3>
  15.     <form action="<? echo $_SERVER['PHP_SELF']. '?action=doedit&id='.$id?>" method="POST">
  16.         <p>
  17.             <label for="username">用户名:</label>
  18.             <input type="text" name="username" id="username" value="<?=$user['username']?>">
  19.         </p>
  20.         <p>
  21.             <label for="email">邮箱:</label>
  22.             <input type="email" name="email" id="email" value="<?=$user['email']?>">
  23.         </p>
  25.         <p>
  26.             <button>保存</button>
  27.         </p>
  28.     </form>
  29. </body>
  30. </html>

1.3 handle.php

  1. require 'config.php';
  3. // 获取操作
  4. $action = $_GET['action'];
  5. $page = $_GET['p'] ?? null;
  6. $id = $_GET['id'];
  8. switch ($action) {
  9.     // 编辑操作： 1: 渲染编辑表单; 2. 执行编辑操作
  10.     // 1: 渲染编辑表单
  11.     case 'edit':
  12.         // 加载,渲染数据编辑表单
  13.         include 'edit.php';
  14.     break;
  16.     // 2. 执行编辑操作
  17.     case 'doedit':
  18.         // 更新
  19.         $sql = 'UPDATE `users` SET `username`=?, `email`=? WHERE `id`=?';
  20.         $stmt = $pdo->prepare($sql);
  22.         // 新的数据在$_POST
  23.         if (!empty($_POST)) {
  24.             $stmt->execute([$_POST['username'], $_POST['email'], $id]);
  25.             if ($stmt->rowCount() == 1) echo '<script>alert("更新成功");location.href="list.php"</script>';
  26.         }
  27.     break;
  29.     // 删除
  30.     case 'delete':
  31.         $sql = 'DELETE FROM `users`  WHERE `id`=?';
  32.         $stmt = $pdo->prepare($sql);
  33.         $stmt->execute([$id]);
  34.         if ($stmt->rowCount() == 1) echo '<script>alert("删除成功");location.href="list.php"</script>';
  35. }

1.4 list.php

  1. <?php require 'config.php' ?>
  2. <!DOCTYPE html>
  3. <html lang="zh-cn">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>数据展示</title>
  8.     <link rel="stylesheet" href="style.css">
  10. </head>
  11. <body>
  12.     <table>
  13.         <caption>用户信息表</caption>
  14.         <thead>
  15.             <tr>
  16.                 <td>id</td>
  17.                 <td>name</td>
  18.                 <td>email</td>
  19.                 <td>操作</td>
  20.             </tr>
  21.         </thead>
  22.         <tbody>
  23.             <?php foreach ($users as $user):?>
  24.                 <tr>
  25.                      <!-- 短标签来简化变量的显示 -->
  26.                     <td><?=$user['id']?></td>
  27.                     <td><?php echo $user['username'] ?></td>
  28.                     <td><?=$user['email']?></td>
  29.                     <td>
  30.                         <button onclick="location.href='handle.php?action=edit&id=<?=$user['id']?>'">编辑</button>
  32.                     <button onclick="del(<?=$user['id']?>)">删除</button></td>
  33.                 </tr>
  35.             <?php endforeach ?>
  36.         </tbody>
  37.     </table>
  39.     <!-- 显示分页 -->
  40.     <p><?php showPage($pages,$page)?></p>
  42.     <script>
  43.         // 删除
  44.         function del(id) {
  45.             if(confirm('是否要删除ID为('+ id +')的数据?')){
  46.                 location.href='handle.php?action=delete&id='+id;
  47.             }
  48.         }
  49.     </script>
  51. </body>
  52. </html>

1.5 style.css

  1. * {
  2.   margin: 0;
  3.   padding: 0;
  4.   box-sizing: border-box;
  5.   color: #555;
  6. }
  8. body {
  9.   display: flex;
  10.   flex-direction: column;
  11.   align-items: center;
  12. }
  14. /*表格样式*/
  15. table {
  16.   width: 80%;
  17.   border: 1px solid;
  18.   border-collapse: collapse;
  19.   text-align: center;
  20. }
  22. table caption {
  23.   font-size: 1.2rem;
  24.   margin: 10px;
  25. }
  26. table td,
  27. table th {
  28.   border: 1px solid;
  29.   padding: 5px;
  30. }
  32. table tr:hover {
  33.   background-color: #eee;
  34. }
  36. table thead tr:only-of-type {
  37.   background-color: lightblue;
  38. }
  40. table button {
  41.   width: 56px;
  42.   height: 26px;
  43. }
  44. table button:last-of-type {
  45.   color: red;
  46. }
  47. table button {
  48.   cursor: pointer;
  49.   margin: 0 3px;
  50. }
  51. /*分页条样式*/
  52. body > p {
  53.   display: flex;
  54. }
  56. p > a {
  57.   text-decoration: none;
  58.   color: #555;
  59.   border: 1px solid;
  60.   padding: 5px 10px;
  61.   margin: 10px 2px;
  62. }
  64. .active {
  65.   background-color: red;
  66.   color: white;
  67.   border: 1px solid red;
  68. }

  • 小于10页演示：

  • 大于10页演示：

  • 编辑演示：

  • 编辑演示：

总结

  • 把分页样式封装成分页函数，列表页调用；
  • 也实现了防PHP中文网分页功能，但方法有很多，我的思路不知道有没有BUG；
  • 记录一下朱老师分页讲解原理，感觉讲的特别到位：

分页原理

1. 术语

  1. 记录索引: 记录在表中的位置,从 0 开始编号(与主键的值无关)
  2. 偏移量: 每页显示的索引距离起始索引 0 的相对位置
  3. 显示数量: 每页的显示记录的条数
  1. SELECT * FROM `users` 每页的数量 显示的偏移量
  3. -- 每页的数量: LIMIT n
  4. -- 显示的偏移量: 从哪个索引开始显示  OFFSET m
  6. # 从第1页开始显示5条
  7. SELECT * FROM `users` LIMIT 5 OFFSET 0;
  8. -- (1-1)*5 = 0
  10. # 第二页,从索引5开始显示
  11. SELECT * FROM `users` LIMIT 5 OFFSET 5;
  12. -- (2-1)*5 = 5
  14. # 第3页,从索引10开始,即偏移量为10, 偏移量从第一条记录的索引开始计数
  15. SELECT * FROM `users` LIMIT 5 OFFSET 10;
  16. -- (3-1)*5 = 10
  • 分页的时候,一定会提供当前的页数,还有就是每一页的显示的记录数量
  • 而偏移量是动态变量的变量,随页数不同而发生变化

2. 计算偏移量

  • 偏移量 = (页码 -1) * 每页的显示数量
  • offset = (page - 1) * num
Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：看业是掌握分页了, 其实分页中的所有细节你都掌握了
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post