search

博客列表 >PHP - 实现分页以及数据删改 实例升级版

PHP - 实现分页以及数据删改 实例升级版

晴天
晴天原创
2020年05月14日 15:17:45605浏览

演示代码

演示地址 http://php.rc238.cn/0513/

index.php

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8"/>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6.     <title>员工管理系统</title>
  7.     <link rel="stylesheet" href="style.css"/>
  8. </head>
  9. <body>
  10. <table>
  11.     <caption>
  12.         员工管理系统
  13.     </caption>
  14.     <thead>
  15.     <tr>
  16.         <th>ID</th>
  17.         <th>姓名</th>
  18.         <th>年龄</th>
  19.         <th>性别</th>
  20.         <th>职位</th>
  21.         <th>手机</th>
  22.         <th>入职时间</th>
  23.         <th>操作</th>
  24.     </tr>
  25.     </thead>
  26.     <tbody>
  27.     <?php
  28.     require 'parameter.php';
  29.     foreach ($staffs as $staff) {
  30. //    数组转名值对
  31.         extract($staff);
  32.         /* @var string $id ;
  33.          * @var string $name ;
  34.          * @var string $age ;
  35.          * @var string $sex ;
  36.          * @var string $position ;
  37.          * @var string $mobile ;
  38.          * @var string $hiredate ;
  39.          * */
  40.         $sex = $sex ? '男' : '女';
  41.         $hiredate = date('Y / m / d', $hiredate);
  42.         echo <<<AAA
  43.         <tr>
  44.           <td>{$id}</td>
  45.           <td>{$name}</td>
  46.           <td>{$age}</td>
  47.           <td>{$sex}</td>
  48.           <td>{$position}</td>
  49.           <td>{$mobile}</td>
  50.           <td>{$hiredate}</td>
  51.           <td><button onclick="location.href='handle.php?action=edit&p={$page}&id={$id}'" >编辑</button><button onclick="del('{$id}','{$name}','{$page}')">删除</button></td>
  52.         </tr>
  53. AAA;
  54.     }
  55.     //删除数据
  56.     ?>
  57.     </tbody>
  58. </table>
  59. <div>
  60.     <?php
  61.     //        分页条数
  62.     $showpage = 5;
  63.     //起始页码 永远显示前两页
  64.     $startpage = 3;
  65.     //结束页 永远显示后两页
  66.     $endpage = $pages - 2;
  67.     //页码偏移量
  68.     $offsetpage = ($showpage - 1) / 2;
  70.     //开始判断是否有必要显示...
  71.     if ($showpage < $pages) {
  72. //        大于6显示前面的省略号
  73.         if ($page >= 6){
  74.             $startOmit = '...';
  75.         }
  76. //        小于总页数-分页条数显示后面省略号
  77.         if ($page <= ($pages-$showpage)) {
  78.             $endOmit = '...';
  79.         }
  80. //        修改起始页码
  81.         if ($page >= 6){
  82.             $startpage = $page-$offsetpage;
  83.             if ($startpage >= $pages-$showpage ){
  84.                 $startpage = $pages-$showpage;
  85.             }
  86.         }
  87. //        修改结束页码
  88.         if ($page <= $pages-$showpage){
  89.             $endpage = $page+$offsetpage;
  90.             if ($endpage <= 6){
  91.                 $endpage = 6;
  92.             }
  93.         }
  94.     }
  96.     //    显示首页 和 上一页
  97.     if ($page > 1) {
  98.         echo "<a href='?p=1' class='headtail'>首页</a>";
  99.         $start = $page - 1;
  100.         echo "<a href='?p={$start}' class='around'>上一页</a>";
  101.     }
  102.     //        输出方法
  103.     function Output($i)
  104.     {
  105.         global $page;
  106.         $jump = sprintf('?p=%s', $i);
  107.         $active = ($i == $page) ? 'active' : null;
  108.         echo "<a href='{$jump}' class='{$active}'>{$i}</a>";
  109.     }
  111.     //        永远显示前两页
  112.     for ($i = 1; $i <= 2; $i++) {
  113.         Output($i);
  114.     }
  115.     //         判断显示前面...
  116.     if (isset($startOmit)) {
  117.         echo '<span>'.$startOmit.'</span>';
  118.     }
  119.     //       显示中间页码
  120.     for ($i = $startpage; $i <= $endpage; $i++) {
  121.         Output($i);
  122.     }
  123.     //         判断显示后面...
  124.     if (isset($endOmit)) {
  125.         echo '<span>'.$endOmit.'</span>';
  126.     }
  127.     //        永远显示后两页/
  128.     for ($i = $pages - 1; $i <= $pages; $i++) {
  129.         Output($i);
  130.     }
  131.     //      判断显示下一页和尾页
  132.     if ($page < $pages) {
  133.         $end = $page + 1;
  134.         echo "<a href='?p={$end}' class='around'>下一页</a>";
  135.         echo "<a href='?p={$pages}' class='headtail'>尾页</a>";
  136.     }
  137.     //       如果总页数大于10 显示跳转
  138.     if ($pages > 10) {
  139.         echo <<<bbb
  140.     <form class="form1" action="" method="get">
  141.         <input type="number" name="p"min="1" max=" {$pages}" required />
  142.         <button>跳转</button>
  143.     </form>
  144. bbb;
  145.     }
  146.     ?></div>
  147. <script>
  148.     function del(id,name,page) {
  149.             return confirm('确认删除姓名为"'+name+'"的员工吗？') ? location.href="handle.php?action=del&p="+page+"&id="+id : false;
  150.     }
  151. </script>
  152. </body>
  153. </html>

parameter.php

  1. <?php
  2. //连接数据库
  3. require 'connect.php';
  4. //获取当前页码
  5. $page = $_GET['p'] ?? 1 ;
  6. //每页显示数量
  7. $num = 13;
  8. //总页数
  9. $pages = $pdo->query("SELECT CEIL(COUNT(`id`)/{$num}) AS `tatol` FROM `staffs`")->fetch()['tatol'];
  10. //偏移量
  11. $offset = $num * ($page-1);
  12. //分页数据
  13. $staffs = $pdo->query("SELECT * FROM `staffs` LIMIT {$num} OFFSET {$offset}")->fetchAll();

connect.php

  1. <?php
  2. //创建连接参数
  3. $dsn = 'mysql:host=localhost;dbname=php11.edu';
  4. $username = 'php11.edu';
  5. $password = 'php11.edu';
  6. //创建异常类
  7. try {
  8.     $pdo = new PDO($dsn,$username,$password);
  9.     $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE,PDO::FETCH_ASSOC);
  10. }catch (Exception $e){
  11.     die($e->getMessage());
  12. }

handle.php

  1. <?php
  2. //先判断有没有传值过来
  3. if (!isset($_GET['action']) || !isset($_GET['p']) || !isset($_GET['id'])) {
  4.     die('<script>alert("非法请求");location.href="index.php"</script>');
  5. }
  6. //获取数据
  7. $action = strtolower($_GET['action']);
  8. $p = $_GET['p'];
  9. $id = $_GET['id'];
  10. //连接数据库
  11. require 'connect.php';
  12. //执行
  13. switch ($action) {
  14.     case 'edit':
  15.         require 'edit.php';
  16.         break;
  17.     case 'doedit':
  18. //        print_r($_POST);
  19. //        执行修改
  20.         //执行更新
  21.         $sql = "UPDATE `staffs` SET `name` = :name ,`age` = :age , `position` = :position,`mobile` = :mobile WHERE `id` = :id";
  22.         $stmt = $pdo->prepare($sql);
  23.         $stmt->execute($_POST);
  24. //判断是否执行成功
  25.         if ($stmt->rowCount()===1){
  26.             echo "<script>alert('修改成功');location.href='index.php?p={$p}'</script>";
  27.         }else{
  28.             if ($stmt->errorInfo()[0] == 00000){
  29.                 echo "<script>alert('没有值被修改');location.href='index.php?p={$p}'</script>";
  30.             }else{
  31.                 echo "<script>alert('修改失败');location.href='index.php?p={$p}'</script>";
  32.             }
  33.         }
  34.         break;
  35.     case 'del':
  36.         $stmt = $pdo->prepare("DELETE FROM `staffs` WHERE `id`={$id}");
  37.         $stmt->execute();
  38.         if ($stmt->rowCount() === 1) {
  39.             echo "<script>alert('删除成功');location.href='index.php?p={$p}'</script>";
  40.         } else {
  41.             echo "<script>alert('删除失败');location.href='index.php?p={$p}'</script>";
  42.         }
  43.         break;
  44. }

edit.php

  1. <?php
  3. //更新修改数据库
  6. //先查询到信息显示
  7. $sql = "SELECT * FROM `staffs` WHERE `id`={$id}";
  8. $user = $pdo->query($sql)->fetch(PDO::FETCH_ASSOC);
  9. extract($user);
  10. /**
  11.  * @var string $id ;
  12.  * @var string $name ;
  13.  * @var string $age ;
  14.  * @var string $sex ;
  15.  * @var string $position ;
  16.  * @var string $mobile ;
  17.  * @var string $hiredate ;
  18.  **/
  19. $sex = $sex ? '男' : '女';
  20. $date = date('Y / m / d', $hiredate);
  21. echo <<< aa
  22. <style>
  23. @import "style.css";
  24. </style>
  25.     <form class="update" action="?action=doedit&id={$id}&p={$p}" method="post">
  26.       <div>
  27.         <label for="id">ID:</label>
  28.         <input type="text" id="id"  disabled value="{$id}" />
  29.       </div>
  30.       <div>
  31.         <label for="name">姓名:</label>
  32.         <input type="text" id="name" name="name" required value="{$name}" />
  33.       </div>
  34.       <div>
  35.         <label for="age">年龄:</label>
  36.         <input type="number" max="99" min="18" id="age" name="age" required value="{$age}" />
  37.       </div>
  38.       <div>
  39.         <label for="sex">性别:</label>
  40.         <input type="text" id="sex" disabled value="{$sex}" />
  41.       </div>
  42.       <div>
  43.         <label for="position">职位:</label>
  44.         <input type="text" id="position" name="position" required value="{$position}" />
  45.       </div>
  46.       <div>
  47.         <label for="mobile">手机号:</label>
  48.         <input
  49.           type="text"
  50.           id="mobile"
  51.           name="mobile"
  52.           required
  53.           minlength="11"
  54.           maxlength="11"
  55.           value="{$mobile}"
  56.         />
  57.       </div>
  58.       <div>
  59.         <label for="hiredate">入职时间:</label>
  60.         <input type="text" id="hiredate" disabled value="{$date}" />
  61.       </div>
  62.       <button name="id" value="{$id}">提交</button>
  63.     </form>
  64. aa;

style.css

  1. * {
  2.   margin: 0px;
  3.   padding: 0px;
  4.   box-sizing: border-box;
  5.   color: #555;
  6. }
  7. body {
  8.   display: flex;
  9.   flex-direction: column;
  10.   align-items: center;
  11. }
  12. table {
  13.   width: 1000px;
  14.   border: 1px solid;
  15.   text-align: center;
  16.   border-collapse: collapse;
  17. }
  18. table > caption {
  19.   font-size: 1.2rem;
  20.   margin: 10px;
  21. }
  22. table td,
  23. table th {
  24.   border: 1px solid;
  25.   padding: 5px;
  26. }
  27. table tr:hover {
  28.   background-color: #eee;
  29. }
  30. div {
  31.   display: flex;
  32.   flex-flow: row nowrap;
  33.   align-items: center;
  34. }
  35. div > a {
  36.   padding: 5px;
  37.   border: 1px solid;
  38.   margin: 10px;
  39.   width: 30px;
  40.   height: 30px;
  41.   text-decoration: none;
  42.   text-align: center;
  43. }
  44. div > a:hover {
  45.   background-color: violet;
  46.   color: #fff;
  47. }
  48. .headtail {
  49.   width: 50px;
  50. }
  51. .around {
  52.   width: 80px;
  53. }
  54. .active {
  55.   background-color: lightskyblue;
  56.   color: linen;
  57. }
  58. .form1 > input {
  59.   width: 50px;
  60.   height: 30px;
  61. }
  62. .form1 > input:out-of-range,
  63. .form1 > input::-webkit-inner-spin-button {
  64.   appearance: none;
  65. }
  66. .update {
  67.   display: flex;
  68.   flex-flow: column;
  69.   margin: 30px auto;
  70. }
  71. .update > div {
  72.   width: 220px;
  73.   margin-bottom: 10px;
  74.   display: flex;
  75.   justify-content: space-between;
  76. }
  77. tbody button {
  78.   margin: 0px 10px;
  79.   border: none;
  80.   border-radius: 5px;
  81.   padding: 5px 10px;
  82.   background-color: lightskyblue;
  83.   color: #fff;
  84. }
  85. tbody button:hover {
  86.   background-color: lightgreen;
  87. }

总结

比之前的代码流畅多了

上一条：php学习：第20章 分页实战(跳转、省略)与MVC下一条：开启topthink6多应用模式
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多