search

博客列表 >php分页实现原理演示（省略、跳转、修改、删除）

php分页实现原理演示（省略、跳转、修改、删除）

赵大叔
赵大叔原创
2020年05月14日 17:10:04961浏览

代码展示分页

1、php代码

  1. <?php
  3. // 连接数据库
  4. require 'connect.php';
  6. // 1. 当前的页数/页码
  7. $page = $_GET['p'] ?? 1;
  9. // 2. 每页显示的记录数量
  10. $num = 8;
  12. // 3. 总页数
  13. $sql = "SELECT CEIL(COUNT(`id`)/{$num}) AS `total`  FROM `salary`";
  14. $pages = $pdo->query($sql)->fetch()['total'];
  16. // 4. 偏移量
  17. $offset = $num * ($page - 1);
  19. // 5. 分页数据
  20. $sql = "SELECT * FROM `salary` LIMIT {$num} OFFSET {$offset}";
  21. $salarys = $pdo->query($sql)->fetchAll();
  22. // print_r($salarys);
  24. ?>
  26. <!doctype html>
  27. <html lang="en">
  28. <head>
  29.     <meta charset="UTF-8">
  30.     <title>分页显示员工工资</title>
  31.     <style>
  32.         * {
  33.             margin: 0;
  34.             padding: 0;
  35.             box-sizing: border-box;
  36.             color: #555;
  37.         }
  39.         body {
  40.             display: flex;
  41.             flex-direction: column;
  42.             align-items: center;
  43.         }
  45.         /*表格样式*/
  46.         table {
  47.             width: 80%;
  48.             border: 1px solid;
  49.             border-collapse: collapse;
  50.             text-align: center;
  51.         }
  53.         table caption {
  54.             font-size: 1.2rem;
  55.             margin: 10px;
  56.         }
  57.         table td,
  58.         table th {
  59.             border: 1px solid;
  60.             padding: 5px;
  61.         }
  63.         table tr:hover {
  64.             background-color: #eee;
  65.         }
  67.         table thead tr:only-of-type {
  68.             background-color: lightblue;
  69.         }
  71.         table button {
  72.             width: 56px;
  73.             height: 26px;
  74.         }
  75.         table button:last-of-type {
  76.             color: red;
  77.         }
  78.         table button {
  79.             /* 光标呈现为指示链接的指针（一只手） */
  80.             cursor: pointer;
  81.             margin: 0 3px;
  82.         }
  83.         table button:first-of-type:hover {
  84.             background-color: red;
  85.         }
  86.         table button:last-of-type:hover {
  87.             background-color: yellow;
  88.         }
  89.         /*分页条样式*/
  90.         body > p {
  91.             display: flex;
  92.         }
  94.         p > a {
  95.             text-decoration: none;
  96.             color: #555;
  97.             border: 1px solid;
  98.             padding: 5px 10px;
  99.             margin: 10px 2px;
  100.         }
  102.         .active {
  103.             background-color: red;
  104.             color: white;
  105.             border: 1px solid red;
  106.         }
  108.         .show1, .show2 {
  109.             display: none;
  110.         }
  112.     </style>
  113. </head>
  114. <body>
  115. <table>
  116.     <caption>员工工资明细表</caption>
  117.     <thead>
  118.         <tr>
  119.             <th>ID</th>
  120.             <th>工号</th>
  121.             <th>姓名</th>
  122.             <th>入职日期</th>
  123.             <th>部门</th>
  124.             <th>岗位</th>
  125.             <th>工作天</th>
  126.             <th>工资</th>
  127.             <th>操作</th>
  128.         </tr>
  129.     </thead>
  131.     <tbody>
  132.     <?php foreach ($salarys as $salary) : ?>
  133.         <tr>
  134.             <td><?php echo $salary[id];?></td>
  135.             <td><?php echo $salary[msnv];?></td>
  136.             <td><?php echo $salary[name];?></td>
  137.             <td><?php echo date('Y-m-d', $salary['hiredate']) ?></td>
  138.             <td><?php echo $salary[donvi];?></td>
  139.             <td><?php echo $salary[congviec];?></td>
  140.             <td><?php echo $salary[ngaycong];?></td>
  141.             <td><?php echo $salary[salary];?></td>\
  142.             <td>
  143.                 <button onclick="location.href='handle.php?action=edit&id=<?php echo $salary['id'] ?>'">修改</button>
  144.                 <button onclick="location.href='handle.php?action=delet&id=<?php echo $salary['id'] ?>'">删除</button>
  146.             </td>
  147.         </tr>
  148.     <?php endforeach; ?>
  149.     </tbody>
  150. </table>
  152. <!--分页-->
  153. <p>
  154.     <!--设置省略-->
  155.     <?php
  157.     // 1. 分页条显示7个页码
  158.     $showPages = 7;
  159.     // 2. 分页条的起始页码
  160.     $startPage = 1;
  161.     // 3. 分页条的终止页码
  162.     $endPage = $pages;  // 当前总页数:
  163.     // 4. 分页条的偏移量: (当前分页条显示的页码数 - 1) / 2
  164.     $offsetPage = ($showPages -1) / 2; // 3
  166.     // 只有当前分页条数量 < 总页数, 才有必要显示出省略标记
  167.     if ($showPages < $pages) {
  168.         // 如果当前页 > 偏移量 + 1 , 应该显示...
  169.         if ($page > $offsetPage + 1) {
  170.             $startOmit = '...';
  171.         }
  173.         // 将当前分页条页码重置
  174.         if ($page > $offsetPage) {
  175.             $startPage = $page - $offsetPage;
  177.             $endPage = $page + $offsetPage;
  178.             if ($endPage > $pages)  {$endPage = $pages;}
  179.         } else {
  180.             $startPage = 1;
  181.             $endPage = $showPages;
  182.         }
  184.         // 如果当前页 + 偏移量 > 总页数
  185.         if ($page + $offsetPage > $pages) {
  186.             // 原理, 就是向当前页前面进行借位
  187.             // 此时, 新的起点 = 当前位置 - (当前页 + 偏移量 - 原始位置)
  188.             $startPage = $startPage - ($page + $offsetPage - $endPage);
  189.         }
  191.         if ($showPages < $pages && $page + $offsetPage < $pages) $endOmit = '...';
  192.     }
  195.     ?>
  197.     <?php
  198.     // 设置当在第一页和最后一页时不显示首页、上一页 或 尾页 下一页
  199.     $show1 = ($page == 1) ? 'show1' :null;
  200.     $show2 = ($page == $pages) ? 'show2' :null;
  201.     ?>
  202.     <!--首页-->
  203.     <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=1' ?>" class="<?php echo $show1; ?>">首页</a>
  205.     <!--上一页-->
  206.     <?php
  207.     $prev = $page - 1;
  208.     // 如果已经第1页，则定在第1页
  209.     if ($page == 1) $prev = 1;
  210.     ?>
  211.     <a href="<?php echo $_SERVER['PHP_SELF'] . '?p =' .$prev ?>" class="<?php echo $show1; ?>">上一页</a>
  213.     <!--省略-->
  214.     <?php if (isset($startOmit)) : ?> <a href="#"><?php echo $startOmit ?></a> <?php endif ?>
  216.     <?php for ($i = $startPage; $i <= $endPage; $i++) : ?>
  217.         <?php
  218.         $jump = sprintf('%s?p=%s', $_SERVER['PHP_SELF'], $i);
  219.         $active = ($i == $page) ? 'active' :null;
  220.         ?>
  221.         <a href="<?php echo $jump ?>" class="<?php echo $active ?>"><?php echo $i ?></a>
  222.     <?php endfor; ?>
  224.     <!--省略-->
  225.     <?php if (isset($endOmit)) : ?> <a href="#"><?php echo $endOmit ?></a> <?php endif ?>
  227.     <!--下一页-->
  228.     <?php
  229.     $next = $page + 1;
  230.     // 如果已经最后一页，则定在最后一页
  231.     if ($page == $pages) $next = $pages;
  232.     ?>
  234.     <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' .$next ?>" class="<?php echo $show2; ?>">下一页</a>
  236.     <!--尾页-->
  237.     <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' .$pages ?>" class="<?php echo $show2; ?>">尾页</a>
  238. </p>
  239. <!--跳转指定页-->
  240. <form name="form" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
  241.     <input name="p" type="number" size="3" min="1" max="<?php  echo $pages; ?>">
  242.     <input type="submit" value="跳转">
  243.     <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' .$_GET['p'] ?>"></a>
  244. </form>
  246. <script>
  247.     function delet(id){
  248.         if(confirm("是否删除?")){
  249.             return "location.href='handle.php?action=delet&id=<?php echo $salary['id'] ?>";
  250.         }
  251.         return false;
  252.     }
  253. </script>
  255. </body>
  256. </html>

2、运行效果图



删除、修改：

1、php代码

  1. // 修改表单代码
  2. <?php
  3. // 获取要被编辑的员工信息
  4. $salary = $pdo->query("SELECT * FROM `salary` WHERE `id`={$id}")->fetch();
  5. // print_r($salary);
  6. ?>
  8. <!DOCTYPE html>
  9. <html lang="en">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.     <title>调整员工工资</title>
  14. </head>
  15. <body>
  16. <h3>调整员工信息</h3>
  17. <form action="<?php echo $_SERVER['PHP_SELF'].'?action=doedit&id='. $id ?>" method="post">
  18.     <p>
  19.         <label for="msnv">工号：</label>
  20.         <input type="text" id="msnv" name="msnv" value="<?php echo $salary['msnv'] ?>">
  21.     </p>
  22.     <p>
  23.         <label for="name">姓名：</label>
  24.         <input type="text" id="name" name="name" value="<?php echo $salary['name'] ?>">
  25.     </p>
  26.     <p>
  27.         <label for="hiredate">入职日期:</label>
  28.         <input type="text" id="hiredate" name="hiredate" value="<?php echo date('Y-m-d', $salary['hiredate']) ?>">
  29.     </p>
  30.     <p>
  31.         <label for="donvi">部门：</label>
  32.         <input type="text" id="donvi" name="donvi" value="<?php echo $salary['donvi'] ?>">
  33.     </p>
  34.     <p>
  35.         <label for="congviec">岗位：</label>
  36.         <input type="text" id="congviec" name="congviec" value="<?php echo $salary['congviec'] ?>">
  37.     </p>
  38.     <p>
  39.         <label for="ngaycong">工作天：</label>
  40.         <input type="text" id="ngaycong" name="ngaycong" value="<?php echo $salary['ngaycong'] ?>">
  41.     </p>
  42.     <p>
  43.         <label for="salary">工资：</label>
  44.         <input type="text" id="salary" name="salary" value="<?php echo $salary['salary'] ?>">
  45.     </p>
  46.     <input type="hidden" name="id" value="<?php echo $salary['id'] ?>">
  47.     <p>
  48.         <button>保存</button>
  49.     </p>
  50. </form>
  51. </body>
  52. </html>
  54. // 控制器代码
  55. <?php
  56. require 'connect.php';
  58. $action = $_GET['action'];
  59. $id = $_GET['id'];
  61. switch ($action) {
  62.     // 编辑需要进行二步
  63.     // 1. 渲染编辑表单
  64.     case 'edit':
  65.         include 'edit.php';
  66.         break;
  68.     // 2. 执行修改操作
  69.     case 'doedit':
  70.         $sql = 'UPDATE `salary` SET `msnv`=:msnv, `name`=:name, `hiredate`=:hiredate, `donvi`=:donvi,`congviec`=:congviec,`ngaycong`=:ngaycong ,`salary`=:salary WHERE `id`=:id;';
  71.         // print_r($_POST);
  72.         // $_POST['id'] = $id;
  73.         $_POST['hiredate'] = strtotime($_POST['hiredate']);
  74.         // print_r($_POST);
  75.         $stmt = $pdo->prepare($sql);
  76.         $stmt->execute($_POST);
  77.         // $stmt->debugDumpParams();
  79.         if ($stmt->rowCount() === 1) echo '<script>alert("更新成功");location.href="demo1.php";</script>';
  81.     // 3. 删除
  82.     case 'delet':
  83.         // echo $id;
  84.         $stmt = $pdo->query("DELETE FROM `salary` WHERE `id`=$id");
  85.         if ($stmt->rowCount() === 1) echo '<script>alert("删除成功");location.href="demo1.php";</script>';
  86.         break;
  87. }

2、运行效果图


总结：关于分页，重点难点都主要在：显示起始页、结束页、偏移量，只要完全掌握住这三点，其它问题就不大了。

上一条：COOKIE与SESSION实现用户登录、注册、验证下一条：PHP - MVC
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多