search

博客列表 >php学习：第20章 分页实战(跳转、省略)与MVC

php学习：第20章 分页实战(跳转、省略)与MVC

王小飞
王小飞原创
2020年05月14日 15:27:41747浏览

MVC

Model.php模型类

  1. <?php 
  2. namespace mvc_demo;
  4. // 模型类: 用于数据库操作
  6. class Model 
  7. {   
  8.     //获取数据库方法
  9.     public function getData()
  10.     {
  11.         return (new \PDO('mysql:host=localhost;dbname=phpedu', 'root','root'))
  12.         ->query('SELECT * FROM `staffs` LIMIT 10')
  13.         ->fetchAll(\PDO::FETCH_ASSOC);
  14.     }
  15. }

View.php 视图

  1. <?php
  2. namespace mvc_demo;
  4. // 视图类
  5. class View
  6. {
  7.     //视图方法 显示用户所需数据
  8.     public function fetch($data)
  9.     {
  10.         $table = '<table>';
  11.         $table .= '<caption>员工信息表</caption>';
  12.         $table .= '<tr><th>ID</th><th>姓名</th><th>性别</th><th>职务</th><th>手机号</th><th>入职时间</th></tr>';
  13.         // 将数据循环遍历出来
  14.         foreach ($data as $staff) {
  15.             $table .= '<tr>';
  16.             $table .= '<td>' . $staff['id'] . '</td>';
  17.             $table .= '<td>' . $staff['name'] . '</td>';
  18.             $table .= '<td>' . ($staff['sex'] ? '男' : '女') . '</td>';
  19.             $table .= '<td>' . $staff['position'] . '</td>';
  20.             $table .= '<td>' . $staff['mobile'] . '</td>';
  21.             $table .= '<td>' . date('Y年m月d日', $staff['hiredate']) . '</td>';
  22.             $table .= '</tr>';
  23.         }
  25.         $table .= '</table>';
  26.         return $table;
  27.     }
  28. }
  30. //样式
  31. echo '<style>
  32. table {border-collapse: collapse; border: 1px solid;text-align: center; width: 500px;height: 150px;width: 600px;}
  33. caption {font-size: 1.2rem; margin-bottom: 10px;}
  34. tr:first-of-type { background-color:wheat;}
  35. td,th {border: 1px solid; padding:5px}
  36. </style>';

控制器 第一种注入

  1. <?php
  2. namespace mvc_demo;
  4. // 控制器1
  6. // 1. 加载模型类
  7. require 'Model.php';
  9. // 2. 加载视图
  10. require 'View.php';
  12. // 3. 创建控制
  13. class Controller2
  14. {
  15.     public function index(Model $model, View $view)
  16.     {
  17.         // 1. 获取数据
  18.        $data = $model->getData();
  20.         // 2. 渲染模板/视图
  21.         return $view->fetch($data);
  22.     }
  24.     public function index2(Model $model, View $view)
  25.     {
  27.     }
  28. }
  30. // 客户端
  31. $model = new Model;
  32. $view = new View;
  33. // 实例化控制器类
  34. $controller = new Controller2;
  35. echo $controller->index($model, $view);

控制器 第二种注入

  1. <?php
  2. namespace mvc_demo;
  4. // 控制器依赖注入点改到构造方法, 实现对外部依赖对象的共享
  6. // 1. 加载模型类
  7. require 'Model.php';
  9. // 2. 加载视图
  10. require 'View.php';
  12. // 3. 创建控制
  13. class Controller3
  14. {
  15.     // 依赖对象属性
  16.     private $model;
  17.     private $view;
  19.     // 构造方法
  20.     public function __construct(Model $model, View $view)
  21.     {
  22.         $this->model = $model;
  23.         $this->view = $view;
  24.     }
  27.     public function index()
  28.     {
  29.         // 1. 获取数据
  30.        $data = $this->model->getData();
  32.         // 2. 渲染模板/视图
  33.         return $this->view->fetch($data);
  34.     }
  36.     public function index2()
  37.     {
  38.     // 1. 获取数据
  39.     $data = $this->model->getData();
  41.     // 2. 渲染模板/视图
  42.     return $this->view->fetch($data);
  43.     }
  44. }
  46. // 客户端
  47. $model = new Model;
  48. $view = new View;
  49. // 实例化控制器类
  50. $controller = new Controller3($model, $view);
  51. echo $controller->index();
  53. // 当前类中对其它类的实例化都在当前类中完成, 造成代码间中的耦合度过高, 过分依赖外部对象
  54. // 使用依赖注入的方式

2.分页

首页文件index.php

  1. <?php 
  2. // 连接数据库
  3. require 'connect.php';
  5. // 1. 当前的页数/页码
  6. $page = $_GET['p'] ?? 1;
  8. // 2. 每页显示的记录数量
  9. $num = 5;
  11. // 3. 总页数
  12. $sql = "SELECT CEIL(COUNT(`id`)/{$num}) AS `total`  FROM `jizhang`";
  13. $pages = $pdo->query($sql)->fetch()['total'];
  15. // 4. 偏移量
  16. $offset = $num * ($page - 1);
  18. // 5. 分页数据
  19. $sql = "SELECT * FROM `jizhang` LIMIT {$num} OFFSET {$offset}";
  20. $staffs = $pdo->query($sql)->fetchAll();
  21. // print_r($staffs);
  22. // 超过总页数提示
  23. $err = "<script>alert('页码超出总页码');location.href='demo4.php';</script>"; 
  24. //当前页码
  25. $page = $_GET['p'] ?? 1 ;
  26. if ($page>$pages){
  27.     die($err);
  28. }
  29. ?>
  30. <!DOCTYPE html>
  31. <html lang="en">
  32. <head>
  33.     <meta charset="UTF-8">
  34.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  35.     <title>分页数据展示</title>
  36.     <link rel="stylesheet" href="style.css">
  37. </head>
  38. <body>
  39.     <table>
  40.     <caption>消费明细表</caption>
  41.     <thead>
  43. <tr>
  44. <th>ID</th>
  45.     <th>金额</th>
  46.     <th>账户</th>
  47.     <th>成员</th>
  48.     <th>备注</th>
  49.     <th>用户id</th>
  50.     <th>入职时间</th>
  51.     <th>操作</th>
  52. </tr>
  53. </thead>
  54. <tbody>
  56. <?php foreach ($staffs as $staff) : ?>
  57.     <tr>
  58.         <td><?php echo $staff['id'] ?></td>
  59.         <td><?php echo $staff['jine'] ?></td>
  60.         <td><?php echo $staff['zhanghu'] ?></td>
  61.         <td><?php echo $staff['chengyuan']  ?></td>
  62.         <td><?php echo $staff['beizhu'] ?></td>
  63.         <td><?php echo $staff['yonghuid'] ?></td>
  64.         <td><?php echo date('Y / m / d', $staff['shijian']) ?></td>
  65.         <td><button onclick="location.href='handle.php?action=edit&id=<?php echo $staff['id'] ?>'">编辑</button>
  66.             <button onclick="location.href='handle.php?action=del&id=<?php echo $staff['id'] ?>'">删除</button>
  67.         </td>
  68.     </tr>
  70. <?php endforeach; ?>
  71. </tbody>
  72.     </table>
  73. <!-- 添加跳转到首页, 前一页, 下一页, 尾页的功能 -->
  75. <!-- 页码开始 -->
  76. <p>
  77. <?php
  78. // 1. 分页显示多少个页码 这里定义为5个
  79. $showPages = 5;
  80. // 2. 分页条的起始页码
  81. $startPage = 1;
  82. // 3. 分页条的终止页码 终止页码等于现在最多页码
  83. $endPage = $pages;  // 当前总页数: 14
  84. // 4. 分页条的偏移量: (当前分页条显示的页码数 - 1) / 2
  85. $offsetPage = ($showPages -1) / 2;  // 2
  87. // 只有当前分页条数量 < 总页数, 才有必要显示出省略标记
  88. if ($showPages < $pages) {
  89.     // 如果当前页 > 偏移量 + 1 , 应该显示... 
  90.     if ($page > $offsetPage + 1) {
  91.         $startOmit = '...';
  92.     }
  94.     // 将当前分页条页码重置
  95.     if ($page > $offsetPage) {
  96.         $startPage = $page - $offsetPage;
  98.         $endPage = $page + $offsetPage;
  99.         if ($endPage > $pages)  {$endPage = $pages;}
  100.     } else {
  101.         $startPage = 1;
  102.         $endPage = $showPages;
  103.     }
  105.     // 如果当前页 + 偏移量 > 总页数
  106.     if ($page + $offsetPage > $pages) {
  107.         // 原理, 就是向当前页前面进行借位
  108.         // 此时, 新的起点 = 当前位置 - (当前页 + 偏移量 - 原始位置)
  109.         $startPage = $startPage - ($page + $offsetPage - $endPage);
  110.     }
  112.     if ($showPages < $pages && $page + $offsetPage < $pages) $endOmit = '...';
  113. }
  117. ?>
  121. <!-- 首页 -->
  122. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=1' ?>">首页</a>
  124. <!-- 前一页 -->
  125. <?php
  126. $prev = $page - 1;
  127. if ($page == 1) $prev = 1; 
  128. ?>
  129. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $prev ?>">前一页</a>
  132. <?php if (isset($startOmit)) : ?> <a href="#"><?php echo $startOmit ?></a> <?php endif ?>
  135.     <?php for ($i=$startPage; $i<=$endPage; $i++): ?>
  136.         <?php
  137.         $jump = sprintf('%s?p=%s', $_SERVER['PHP_SELF'],  $i );
  138.         $active = ($i == $page) ? 'active' :null;
  139.         ?>
  140.         <a href="<?php echo $jump ?>" class="<?php echo $active ?>"><?php echo $i ?></a>
  141.     <?php endfor ?>
  144.     <?php if (isset($endOmit)) : ?> <a href="#"><?php echo $endOmit ?></a> <?php endif ?>
  146. <!-- 下一页 -->
  149. <?php
  150. $next = $page + 1;
  151. if ($page == $pages) $next = $pages; 
  152. ?>
  153. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $next ?>">下一页</a>
  155. <!-- 尾页 -->
  156. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p='. $pages ?>">尾页</a>
  158. <form class="form1" action="" method="get">
  159.         <input type="number" name="p"min="1" max="{$pages}" required />
  160.         <button>跳转</button>
  161.     </form>
  162. </p>
  165. </body>
  166. </html>

handle.php页

  1. <?php
  2. require 'demo1.php';
  4. $action = $_GET['action'];
  5. $id = $_GET['id'];
  7. switch ($action) {
  8.     // 编辑需要进行二步
  9.     // 1. 渲染编辑表单
  10.     case 'edit':
  11.         include 'edit.php';
  12.     break;
  14.     // 2. 执行编辑操作
  15.     case 'doedit':
  16.         $sql = 'UPDATE `jizhang` SET `jine`=:jine, `zhanghu`=:zhanghu,`chengyuan`=:chengyuan,`beizhu`=:beizhu ,`yonghuid`=:yonghuid,`shijian`=:shijian WHERE `id`=:id';
  17.         // print_r($_POST);
  18.         // $_POST['id'] = $id;
  19.         $_POST['shijian'] = strtotime($_POST['shijian']);
  20.         $stmt = $pdo->prepare($sql);
  21.         $stmt->execute($_POST);
  22.         if ($stmt->rowCount() === 1) echo '<script>alert("更新成功");location.href="demo4.php";</script>';
  24.     // 3. 删除
  25.     case 'del':
  26.         $stmt = $pdo->query("delete from `jizhang` where `id`=$id");
  27.         if ($stmt->rowCount() === 1) echo '<script>alert("删除成功");location.href="demo4.php";</script>';
  28.         break;
  29. }

编辑页面edit.php

  1. <?php
  2. // 获取要被编辑的员工信息
  3. $staff = $pdo->query("SELECT * FROM `jizhang` WHERE `id`={$id}")->fetch();
  4. // print_r($staff);
  5. ?>
  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <title>Document</title>
  13. </head>
  14. <body>
  15.     <h3>编辑消费明细</h3>
  16.     <form action="<?php echo $_SERVER['PHP_SELF'].'?action=doedit&id='. $id ?>" method="post">
  17.         <p>
  18.             <label for="jine">金额:</label>
  19.             <input type="text" id="name" name="jine" value="<?php echo $staff['jine'] ?>">
  20.         </p>
  21.         <p>
  22.         <label for="zhanghu">账户:</label>
  23.         <input type="text" id="age" name="zhanghu" value="<?php echo $staff['zhanghu'] ?>">
  24.     </p>
  26.     <input type="hidden" name="id" value="<?php echo $staff['id'] ?>">
  27.     <p>
  28.         <label for="chengyuan">成员:</label>
  29.         <input type="text" id="age" name="chengyuan" value="<?php echo $staff['chengyuan'] ?>">
  30.     </p>
  31.     <p>
  32.         <label for="beizhu">备注:</label>
  33.         <input type="text" id="position" name="beizhu" value="<?php echo $staff['beizhu'] ?>">
  34.     </p>
  35.     <p>
  36.         <label for="yonghuid">用户id:</label>
  37.         <input type="text" id="tel" name="yonghuid" value="<?php echo $staff['yonghuid'] ?>">
  38.     </p>
  40.     <p>
  41.         <label for="shijian">手机号:</label>
  42.         <input type="text" id="hiredate" name="shijian" value="<?php echo date('Y-m-d', $staff['shijian']) ?>">
  43.     </p>
  44.     <p>
  45.         <button>保存</button>
  46.     </p>
  47.     </form>
  48. </body>
  49. </html>

前端样式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. }

效果图片

总结：分页理解的比较透了，分页省略这个有点逻辑上的复杂，以后应该会遇到很多这样的或者更复杂的逻辑，应该多看多思考。

上一条：PHP - MVC下一条：PHP - 实现分页以及数据删改 实例升级版
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多