Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 简易数据管理案例带有分页展示、新增、删除、修改和服务容器的概念与实际测试
Blogger Information
Blog 39
fans 0
comment 2
visits 47055
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
简易数据管理案例带有分页展示、新增、删除、修改和服务容器的概念与实际测试
Tlilam的PHP之路
Original
747 people have browsed it

数据管理案例

获取数据页面

pageData.php 获取前端页面的基本数据，加入了一个小判断

  1. <?php
  2. $dsn = 'mysql:host=localhost;dbname=phpedu';
  3. $username = 'root';
  4. $password = 'root';
  5. $db = new PDO($dsn,$username,$password);
  7. // 设置每页的条数
  8. $num = 2;
  10. // 获取页数，P存在使用p，不存在就使用1
  11. $page = $_GET['p']?? 1;
  13. // 获取总页数，结果需要向上取整CEIL 向上取整，count统计记录
  14. $sql = "SELECT CEIL(COUNT(*) / {$num}) AS `pages` FROM `users` ";
  15. $pages = $db->query($sql)->fetch()['pages'];
  17. // 更多安全设置的$page,当页数小于1 都设置为1 当页数超过总页数设为第一页
  18. if($page <= 1){
  19.     $page = 1;
  20. }else if($page > $pages){
  21.     $page = 1;
  22. }
  24. // 得到偏移量 (p - 1) * n
  25. $offset = ($page - 1) * $num;
  26. $sql = "SELECT `id`,`name`,`email` FROM `users` LIMIT {$offset}, {$num}";
  27. $users = $db->query($sql)->fetchAll(PDO::FETCH_ASSOC);
  29. // print_r($pages);

分页技术

前端页面test3.php这是完整的页面，上部分是分页的逻辑判断，下部分是渲染部分，表格渲染，分页渲染

  1. <?php
  2. //引入分页数据页面
  3. require 'pageData.php';
  5. // 设置$prev上一页和$next下一页的值
  6. if($page > 1){
  7.     $prev = $page -1;
  8. }
  9. if($page < $pages){
  10.     $next = $page + 1;
  11. }
  13. // 智能分页的设置
  14. //------------------------------------------------------------------
  15. // 显示页码数量 需要是奇数
  16. $showPages = 5;
  18. // 新的起始页码，只是显示的页码 默认给1
  19. $startPage = 1;
  21. // 新的结束页码 默认给总页数
  22. $endPage = $pages;
  24. // 偏移量：当页数变动成新的时候，起始页码是当前页码减去偏移量，结束页码是当前页码加上偏移量
  25. $offsetPage = ($showPages-1) / 2;
  28. // 前提条件 智能分页 需要展示条数小于总页数才显示
  29. if($showPages < $pages){
  30.     // 当前页码要高于偏移量加1 就是 例如这里 页码需要大于 3 以上才可以出现，
  31.     // 低于3就是在1、2、3页内前面都没有多余页码，显示来干嘛
  32.     if($page > $offsetPage+1 ) $startOmit='...';
  33.     // 当前页码大于偏移量的时候就要改变起始页码和结束页码了
  34.     if($page > $offsetPage){
  35.         $startPage = $page-$offsetPage;
  36.         $endPage = $page+$offsetPage;
  38.         // 判断结束页是否越界，不允许结束页大于总页数的情况
  39.         if($endPage > $pages){
  40.             $endPage = $pages;
  41.             // 当endPage也就是($page+$offsetPage) 大于总页数，就将endPage设置为总页数
  42.             // endPage值改变了，startPage也应该改变，不然显示数量就不对了
  43.             $startPage = $pages-($showPages-1);
  44.             // 解释：起始页码等于 总页数减去(展示页数减一)
  45.             // 举例总页数11 展示页码 5 结束页码等于总页数11  起始页码等于11-5=6 下面的循环从6开始 6 7 8 9 10 11这样就会出现6条
  46.             // 减1的话就是11-4=7从 7 8 9 10 11 这样才是正确的起始页码，展示5位页码 
  47.         }
  49.     // 如果小于偏移量起始页就是1 结束页就是显示条数的值
  50.     }else{
  51.         $startPage = 1;
  52.         $endPage = $showPages;
  53.     }
  55.     // 当前页码大于展示页数，并且当前页码加上偏移量还小于总页码(不包含等于)的情况才显示这个
  56.     if( $page+$offsetPage < $pages )$endOmit='...';
  58. }
  59. ?>
  60. <!DOCTYPE html>
  61. <html lang="en">
  62. <head>
  63.     <meta charset="UTF-8">
  64.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  65.     <title>高端智能的分页条</title>
  66.     <link rel="stylesheet" href="style.css">
  67. </head>
  68. <body>
  69. <p>
  70.     <a href="">用户登录</a>
  71. </p>
  72.     <table>
  73.         <caption>用户信息表 <button onclick="location.href='handles.php?action=add'">添加</button></caption>
  74.         <thead>
  75.             <th>ID</th>
  76.             <th>姓名</th>
  77.             <th>邮箱</th>
  78.             <th>操作</th>
  79.         </thead>
  80.         <tbody>
  81.         <?php foreach($users as $user) :?>
  82.             <tr>
  83.                 <td><?=$user['id']?></td>
  84.                 <td><?=$user['name']?></td>
  85.                 <td><?=$user['email']?></td>
  86.                 <td><button onclick="location.href='handles.php?action=edit&id=<?=$user['id']?>'" >编辑</button>
  87.                 <button onclick="del(<?=$user['id']?>)">删除</button></td>
  88.             </tr>
  89.         <?php endforeach ?>
  90.         </tbody>
  91.     </table>
  92.     <p>
  95.         <!-- 判断显示 在第一页的时候应该没有首页和上一页的按钮 -->
  96.         <?php if($page != 1) :?>
  97.             <!-- 固定首页 将p对应值设置为1 -->
  98.             <a href="<?=$_SERVER['PHP_SELF'].'?p=1'?>">首页</a>
  99.             <!-- 显示上一页 -->
  100.             <a href="<?=$_SERVER['PHP_SELF'].'?p='.$prev?>">上一页</a>
  101.             <!-- 判断是否有值 -->
  102.             <?php if(isset($startOmit)) :?>
  103.                 <a href="#"><?=$startOmit?></a>
  104.             <?php endif ?>
  105.         <?php endif ?>
  107.         <!-- 循环输出页数 -->
  108.         <?php for($i=$startPage; $i<=$endPage; $i++) : ?>
  109.             <!-- 当$i等于页码 给class赋值 -->
  110.             <?php $active = ($i == $page ) ? 'active' : null;  ?>
  111.             <a href="<?=$_SERVER['PHP_SELF'].'?p='.$i?>" class="<?=$active?>" ><?=$i?></a>
  112.         <?php endfor ?>
  114.        <!-- 判断显示 在最后一页的时候应该没有尾页和下一页的按钮 -->
  115.         <?php if($page != $pages) :?>
  117.              <!-- 判断是否有值 -->
  118.              <?php if(isset($endOmit)) :?>
  119.                 <a href="#"><?=$endOmit?></a>
  120.             <?php endif ?>
  122.              <!-- 显示下一页 -->
  123.             <a href="<?=$_SERVER['PHP_SELF'].'?p='.$next?>">下一页</a>
  124.              <!-- 固定尾页 将P对应值设为总页数 -->
  125.             <a href="<?=$_SERVER['PHP_SELF'].'?p='.$pages?>">尾页</a>
  126.         <?php endif ?>
  128.     </p>
  130. </body>
  131. <script>
  132.     //确认事件，用户点击确定的时候才跳转URL
  133.     function del(id){
  134.         let url = 'http://php.edu/0912/handles.php?action=delete&id='+id;
  135.         return confirm('是否删除?') ?location.href=url : false;
  136.     }
  137. </script>
  138. </html>

在首页不显示上一页和首页，会显示更多按钮…

完全显示全部按钮

在尾页不显示下一页和尾页，会显示更多按钮…

分页总结

  • 计算出符合条件的总页数，CEIL(COUNT(*)) / n,CEIL向上取整，Count统计，*全部或某个字段，n=每页条数
  • 计算偏移量（p-1）*n公式计算，p=页码从1开始，n=每页条数
  • 前端循环出全部页码或部分页码，改变URL中p=页码数,改变显示数据。http://php.edu/0912/test3.php?p=1
  • 基本概念如上，自己可以在此基础上优化，例如案例中固定5位变化显示页码，上下页，首尾页等

其他操作代码，更新，插入，删除

handles.php操作分发器

  1. <?php
  2. // 1.进行数据库连接
  3. $dsn ='mysql:host=localhost;dbname=phpedu';
  4. $username = 'root';
  5. $password = 'root';
  6. $db = new PDO($dsn,$username,$password);
  8. // 2.获取操作类型和id
  9. $action =  $_GET['action'];
  10. $id = $_GET['id'];
  12. // 3.操作分发器
  13. switch($action){
  14.     case 'edit':
  15.         // 3.1引入编辑页码操作
  16.         $user = $db->query('SELECT * FROM `users` WHERE id ='.$id)->fetch(PDO::FETCH_ASSOC);
  17.         include 'edit.php';
  18.     break;
  20.     case 'save':
  21.         // 3.2保存数据操作
  22.         // print_r($_POST);
  23.         $sql = 'UPDATE `users` SET `name`=?, `email`=? WHERE `id`=?;';
  24.         $stmt = $db->prepare($sql);
  25.         if(!empty($_POST)){
  26.             $stmt->execute([$_POST['name'], $_POST['email'], $id]);
  27.             if($stmt->rowCount()==1){
  28.                 echo '<script>alert("更新成功");location.href="test3.php";</script>';
  29.             }else{
  30.                 echo "<script>alert('没有数据被更新，请检查内容是否被修改');location.href='test3.php'</script>";
  31.             }
  32.         }
  33.     break;
  35.     case 'add':
  36.         // 3.3引入新增用户操作
  37.         include 'add.php';
  38.     break;
  40.     case 'saveAdd':
  41.         // 3.4 保存新用户数据
  42.         // print_r($_POST);
  44.         // 可以进行更多的安全判断，和使用数据过滤器
  45.         if(empty($_POST['email'])){
  46.             echo "<script>alert('请输入邮箱!');location.href='test3.php'</script>";
  47.         }
  48.         // 实际操作
  49.         $sql = 'INSERT INTO `users` SET `name`=?, `email`=? ,`password`=?;';
  50.         $stmt = $db->prepare($sql);
  51.         $stmt->execute([$_POST['name'], $_POST['email'], sha1($_POST['password'])]);
  52.         if($stmt->rowCount()==1){
  53.             echo '<script>alert("添加成功");location.href="test3.php";</script>';
  54.         }else{
  55.             echo "<script>alert('添加失败');location.href='test3.php'</script>";
  56.         }
  57.     break;
  58.     case 'delete':
  59.         // 3.5删除操作
  60.         $stmt = $db->prepare('DELETE FROM `users` WHERE id=?;');
  61.         $stmt->execute([$id]);
  62.         if($stmt->rowCount() == 1){
  63.             echo '<script>alert("删除成功");location.href="test3.php";</script>';
  64.         }
  65.     break;
  66.     default:
  67.         //  默认操作，直接打开此页面跳转回数据页
  68.         echo '<script>alert("非法操作");location.href="test3.php";</script>';
  69. }

add.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. </head>
  8. <body>
  10.     <form action="<?= $_SERVER['PHP_SELF'].'?action=saveAdd'?>" method="POST" >
  11.         <fieldset>
  12.             <legend>用户添加</legend>
  13.             <p>
  14.                 <label for="">用户名：</label>
  15.                 <input type="text" name="name" id="name"  >
  16.             </p>
  17.             <p>
  18.                 <label for="">邮箱：</label>
  19.                 <input type="email" name="email" id="email" >
  20.             </p>
  21.             <p>
  22.                 <label for="">密码：</label>
  23.                 <input type="password" name="password" id="password" >
  24.             </p>
  25.             <p>
  26.                 <input type="submit" value="提交">
  27.             </p>
  28.         </fieldset>
  29.     </form>
  30. </body>
  31. </html>

edit.php修改页面

  1. <?php 
  3. // 编辑表单 
  4. // http://php.edu/0912/handle.php?action=edit&id=13
  5. // 从上面的url中解析出id,根据id查询获取对应的用户数据
  6. $user = $pdo->query('select * from users where id='.$id)->fetch();
  7. // print_r($user);
  9. ?>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14.     <meta charset="UTF-8">
  15.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  16.     <title>用户编辑</title>
  17. </head>
  18. <body>
  19.     <h3>用户编辑</h3>
  20.     <form action="<?php echo $_SERVER['PHP_SELF']. '?action=doedit&id='.$id?>" method="post">
  21.         <p>
  22.             <label for="name">用户名:</label>
  23.             <input type="text" id="name" name='name' value="<?=$user['name']?>">
  24.         </p>
  25.         <p>
  26.             <label for="email">邮箱:</label>
  27.             <input type="email" name='email' id="email" value="<?=$user['email']?>">
  28.         </p>
  29.         <p>
  30.         <button>保存</button>
  31.         </p>
  32.     </form>
  33. </body>
  34. </html>

服务容器

Model.php数据获取类

  1. <?php
  2. namespace mvc_test;
  3. // 当声明了命名空间，不进行USE或者是\表示清楚PDO，它就会去找命名空间下的PDO这样是会找不到的
  4. use PDO;
  6. class Model{
  7.     public function getData(){
  8.         return 
  9.         (new PDO('mysql:host=localhost;dbname=phpedu','root','root'))
  10.         ->query('SELECT id,name,email from users limit 5')
  11.         ->fetchAll(PDO::FETCH_ASSOC);
  12.     }
  13. }

View.php视图渲染类

  1. <?php 
  2. // 视图类
  3. namespace mvc_demo;
  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></tr>';
  13.         // 遍历用户数据
  14.         foreach ($data as $user) {
  15.             $table .= '<tr>';
  16.             $table .= '<td>'.$user['id'].'</td>';
  17.             $table .= '<td>'.$user['name'].'</td>';
  18.             $table .= '<td>'.$user['email'].'</td>';
  19.             $table .='</tr>';
  20.         }
  21.         $table .= '</table>';
  22.         return $table;
  23.     }
  24. }
  26. echo '<style>
  27. table {border-collapse: collapse; border: 1px solid;text-align: center; width: 500px;height: 150px;width: 600px;}
  28. caption {font-size: 1.2rem; margin-bottom: 10px;}
  29. tr:first-of-type { background-color:coral;}
  30. td,th {border: 1px solid; padding:5px}
  31. </style>';

Controller.php控制器页面

  1. <?php
  2. namespace mvc_test;
  3. use closure;
  4. // 匿名函数类。
  6. require __DIR__.DIRECTORY_SEPARATOR.'Model.php';
  7. require __DIR__.DIRECTORY_SEPARATOR.'View.php';
  8. //----------------------------------------------------------------
  9. // 服务容器
  10. class Container{
  11.     // 1.对象容器,数组可以存储各种数据包括类实例
  12.     protected $instances = [];
  14.     // 2.实例绑定到容器中，       
  15.     // 参数1：对象别名，推荐还是和类名一致
  16.     // 参数2：对象， closure声明参数是匿名函数，可以省略
  17.     public function bind($alias,closure $process)
  18.     {
  19.         $this->instances[$alias] = $process;
  20.     }
  22.     // 3.容器内取出对象(类实例)
  23.     public function make($alias,$params=[])
  24.     {
  25.         // 避免调用影响，使用回调方式去调用
  26.         return call_user_func_array($this->instances[$alias],$params);
  27.     }
  29. }
  30. // 将依赖的外部对象绑定到服务容器中
  31. $container = new Container();
  32. // 将模型绑定到容器中
  33. $container->bind('model',function(){ return new Model();});
  34. // 将视图绑定到容器中
  35. $container->bind('view',function(){ return new View();});
  37. // print_r($container);die();
  39. //----------------------------------------------------------------
  40. // 控制器
  41. class Controller
  42. {
  43.     // 存放服务容器，给其他方式调用
  44.     protected $container ='';
  45.     // 构造方法，使控制器实例的时候传入服务容器赋值给属性存放
  46.     public function __construct(Container $container)
  47.     {
  48.         $this->container = $container;
  49.     }
  51.     // 获取数据并展示出来，传入服务容器
  52.     public function index()
  53.     {
  54.         //1. 获取数据
  55.         $data = $this->container->make('model')->getData();
  57.         // 2. 渲染模板
  58.         return $this->container->make('view')->fetch($data);
  59.     }
  60. }
  61. // -------------------------------------------------
  62. // 客户端 :测试
  63. // 实例控制器，将服务容器对象作为参数传入
  64. $controller = new Controller($container);
  65. echo $controller->index();

服务容器的总结

  • 简单的服务容器概念
  • 就是将各种模型类，视图类等等的实例化存储到一个类（服务容器）中，这样可以容纳多个类，访问也很简单
  • 控制器创建属性，构造方法存储服务容器，方法需要的时候只需调用这个属性，取出对应的对象进行操作
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