search

博客列表 >PHP大牛成长之路：PHP分页实战

PHP大牛成长之路：PHP分页实战

周Sir-BLOG
周Sir-BLOG原创
2020年08月04日 23:36:31753浏览

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
上一条：简单PDO和cookie实战演示和自动登录（0717）下一条：盒模型的大小与计算，三种定位的区别，实现定位布局，浮动布局，圣杯布局
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多