search

博客列表 >原生分页和layui分页，MVC架构原理与依赖注入

原生分页和layui分页，MVC架构原理与依赖注入

Jet的博客
Jet的博客原创
2023年03月26日 19:46:18385浏览

一、原生分页

1、pageData.php文件

根据上节课学习内容，使用pdo对数据库进行操作处理，读取具体数据和总条数进行渲染，分页按 总条数 / 每页多少条 得出页码。

  1. /**
  2.  * 分页 limit子句
  3.  * pageSize每页获取多绍条数据，当前页page 偏移量
  4.  * order by 子句存在limit前面
  5.  */
  7. // 页码来自get参数
  8. $page = $_GET['page'] ?? 1;
  9. // 越界检测
  10. $page = $page<1 ? 1: $page;
  12. // 每页显示数量
  13. $pageSize = 4;
  15. // 偏移量 offset
  16. $offset = ($page - 1) * $pageSize;
  18. $db = new PDO('mysql:host=localhost;dbname=phpcn22','root','root');
  20. $sql = 'select id,uname,status from user limit ?,?;';
  21. $stmt = $db->prepare($sql);
  22. $stmt->bindParam(1,$offset,PDO::PARAM_INT);
  23. $stmt->bindParam(2,$pageSize,PDO::PARAM_INT);
  25. $stmt->execute();
  26. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
  27. // print_r($users);
  29. // 计算总页数
  30. // 1. 计算数据表里所有的记录
  31. $sql = 'SELECT COUNT(id) AS count FROM user;';
  32. $stmt = $db->prepare($sql);
  33. $stmt->execute();
  35. // 获取总页数方法1 ：
  36. /* 查询结果里的字段绑定到一个变量上
  37. $stmt->bindColumn('count',$total);
  38. $stmt->fetch();
  39. */
  40. // 获取总页数方法2 ：
  41. $total = $stmt->fetch()['count'];
  42. $pages = ceil( $total / $pageSize );

2、index.php文件

  1. <?php
  2. require 'pageData.php';
  4. ?>
  6. <!DOCTYPE html>
  7. <html lang="zh-CN">
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <link rel="stylesheet" href="style.css">
  13.     <title>Document</title>
  14. </head>
  15. <body>
  16.     <table border="1">
  17.         <caption>用户表</caption>
  18.         <thead>
  19.             <tr>
  20.                 <th>编号</th>
  21.                 <th>用户名</th>
  22.                 <th>手机号码</th>
  23.                 <th>状态</th>
  24.                 <th>操作</th>
  25.             </tr>
  26.         </thead>
  27.         <tbody>
  28.             <?php foreach ($users as $user): ?>
  29.             <tr>
  30.                 <td><?= $user['id'] ?></td>
  31.                 <td><?= $user['uname'] ?></td>
  32.                 <td>13800138000</td>
  33.                 <td><?= $user['status'] == 1 ? '正常' : '注销' ?></td>
  34.                 <td>
  35.                     <button>删除</button>
  36.                     <button>编辑</button>
  37.                 </td>
  38.             </tr>
  39.             <?php endforeach; ?>
  40.         </tbody>
  41.     </table>
  42.     <p>
  43.         <!-- 动态生成分页 -->
  44.         <?php
  45.         // 上一页
  46.         $prev = $page - 1;
  47.         // if (expr) {expr1}
  48.         // 系统先判断expr是否为真，如果是，则执行后面的语句，
  49.         // 如果否，后面的语句就没有执行的必要了；转换成IF语句为
  50.         if ($page == 1) $prev = 1;
  51.         if ($page != 1) :
  52.         ?>
  53.             <a href="<?= '?page=' . $prev ?>">上一页</a>
  54.         <?php endif; ?>
  55.         <?php for($i=1; $i<=$pages; $i++) : 
  56.             $active = ($i == $page) ? 'active' : null;
  58.         ?>
  59.             <a href="<?= '?page=' . $i ?>" class="<?= $active ?>"><?= $i ?></a>
  60.         <?php endfor ?>
  61.         <?php
  62.         // 下一页
  63.         $next = $page + 1;
  64.         if ($next == $page) $next = $page;
  65.         // 当前页码不等于总页面，显示下一页
  66.         if ($page != $pages) : ?>
  67.             <a href="<?= '?page=' . $next ?>">下一页</a>
  68.         <?php endif; ?>
  69.     </p>
  70. </body>
  71. </html>

3、运行结果：

  1. 重点是index.php文件的 【动态生成分页】代码：
  2. 但是一个是混编，一个没有前后端分离，阅读起来有点费劲。

二、layui分页

1、PDO数据库操作不变。

2、index.php文件

  1. <?php
  2. require 'pageData.php';
  4. ?>
  6. <!DOCTYPE html>
  7. <html lang="zh-CN">
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <link rel="stylesheet" href="style.css">
  13.     <link rel="stylesheet" href="layui/css/layui.css">
  14.     <title>Document</title>
  15. </head>
  16. <body>
  17.     <table border="1">
  18.         <caption>用户表</caption>
  19.         <thead>
  20.             <tr>
  21.                 <th>编号</th>
  22.                 <th>用户名</th>
  23.                 <th>手机号码</th>
  24.                 <th>状态</th>
  25.                 <th>操作</th>
  26.             </tr>
  27.         </thead>
  28.         <tbody>
  29.             <?php foreach ($users as $user): ?>
  30.             <tr>
  31.                 <td><?= $user['id'] ?></td>
  32.                 <td><?= $user['uname'] ?></td>
  33.                 <td>13800138000</td>
  34.                 <td><?= $user['status'] == 1 ? '正常' : '注销' ?></td>
  35.                 <td>
  36.                     <button>删除</button>
  37.                     <button>编辑</button>
  38.                 </td>
  39.             </tr>
  40.             <?php endforeach; ?>
  41.         </tbody>
  42.     </table>
  43.     <div id="page">
  45.     </div>
  46.     <script src="layui/layui.js"></script>
  47.     <script>
  48.         layui.use(['laypage'],function(){
  49.             var laypage = layui.laypage;
  50.             //执行一个laypage实例
  51.             laypage.render({
  52.                 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
  53.                     ,
  54.                 count: <?= $total ?> //数据总数，从服务端得到
  55.                     ,
  56.                 limit: <?= $pageSize ?>,
  57.                 curr: <?= $page ?>
  58.                     ,
  59.                 layout: ['prev', 'page', 'next', 'count'],
  60.                 jump: function(obj, first) {
  61.                     // obj包含了当前分页的所有参数，比如：
  62.                     //首次不执行
  63.                     if (!first) {
  64.                         window.location.href = '?page=' + obj.curr;
  65.                     }
  66.                 }
  67.             });
  68.         });
  69.     </script>

2、运行结果：

  1. 使用layui插件方便快捷，代码易读性良好！

三、MVC架构

MVC框架理解：

  • M：model模型，对数据库管理、操作；
  • V：view试图，前端视图格式化；
  • C：controller控制器，请求派发器，用户点击等事件进行处理。

案例：

1、Medel.php文件

  1. <?php
  2. // 模型 数据操作
  3. namespace mvc_demo;
  4. use PDO;
  6. class Model
  7. {
  8.     public function getData()
  9.     {
  11.         return (new PDO('mysql:host=localhost;dbname=phpcn22;','root','root'))
  12.         ->query('select id, uname, status from user order by id asc limit 0,5')
  13.         ->fetchAll(PDO::FETCH_ASSOC);
  15.     }
  17.     public function editData()
  18.     {
  19.     }
  20. }

2、View.php文件

  1. <?php
  3. namespace mvc_demo;
  5. class view
  6. {
  7.     public function fetch($data)
  8.     {
  9.         $table = '<table>';
  10.         $table .= '<caption>用户信息表</caption>';
  11.         $table .= '<tr><th>编号</th><th>姓名</th><th>手机号</th><th>状态</th><th>操作</th></tr>';
  13.         foreach ($data as $user) {
  14.             $user['status'] = $user['status'] == 1 ? '正常' : '注销';
  15.             $table .= '<tr>';
  16.             $table .= '<td>' . $user['id'] . '</td>';
  17.             $table .= '<td>' . $user['uname'] . '</td>';
  18.             $table .= '<td>13800138000</td>';
  19.             $table .= '<td>' . $user['status'] . '</td>';
  20.             $table .= '<td><button>删除</button><button>编辑</button></td>';
  21.             $table .= '</tr>';
  22.         }
  23.         $table .= '</table>';
  24.         return $table;
  25.     }
  26. }
  27. $data = (new Model)->getData();
  28. echo (new View)->fetch($data);

3、Controller.php文件

  1. <?php
  2. namespace mvc_demo;
  3. require 'Model.php';
  4. require 'View.php';
  6. class Controller
  7. {
  8.     protected $model;
  9.     protected $view;
  10.     // 依赖注入其实本质上是指对类的依赖通过构造器完成自动注入
  11.     // 通过构造方法将外部对象初始化，实现了外部依赖注入的对象在类内部的共享/复用
  12.     public function __construct(Model $model,View $view)
  13.     {
  14.         $this->model = $model;
  15.         $this->view = $view;
  16.     }
  18.     // 在控制器架构方法和操作方法中，一旦对参数进行对象类型约束则会自动触发依赖注入
  19.     // 在操作方法中注入
  20.     public function index(Model $model,View $view)
  21.     {
  22.         // 1. 获取数据 Model
  23.         $data = $this->model->getData();
  24.         // 2. 视图渲染 View
  25.         $this->view->fetch($data);
  26.     }
  28.     public function edit(Model $model)
  29.     {
  30.         $this->model->editData();
  31.     }
  32. }
  33. $model = new Model;
  34. $view = new View;
  35. //echo ($new Controller($model,$view))->index($model, $view);
  36. $c = new Controller($model,$view);
  38. call_user_func_array([$c,'index'],[$model,$view]);

运行结果：

总结：

  1. `Model`：数据库类，对数据库管理、操作；
  2. `View`：视图类，对前天视图的格式化；
  3. `Controller`：控制器类，请求派发器，对用户事件进行处理
  4.  - 控制方法，构造方法，调用方法，获取数据
  5. `依赖注入`：将模型和视图的实例化过程，放在控制器的外部进行实现，作为参数，注入到控制器的方法中。
上一条：JavaScript 分支与循环结构、对象简化及解构赋值下一条：实例演示对象字面量的简化、解构赋值与应用场景(克隆与传参)
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多