欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

编写迷你版MVC小框架具体步骤以及心得体会

程序员文章站 2022-02-17 11:28:58
...

框架目录结构:

  • app： 应用目录
    • controllers： 控制器目录
    • models： 模型目录
    • views： 视图目录
  • core： 核心目录
  • vendor： Composer类库目录
  • composer.json： Composer 定义文件

具体步骤如下:

1. 使用第三方包下载

    

  1. Model: composer require catfan/medoo 得到一个 vendor/catfan/medoo文件
    2. 

  2. View: composer require league/plates 得到一个 vendor/league/plates文件
    3.

2. 打开配置文件composer.json

样式代码:

    

  1. {
    2. 

  2.     "name": "zhu/php.cn",
    3. 

  3.     "description": "this is a test",
    4. 

  4.     "require": {
    5. 

  5.         "catfan/medoo": "^1.7",
    6. 

  6.         "league/plates": "^3.4"
    7. 

  7.     },
    8. 

  8.     "autoload": {
    9. 

  9.         "psr-4": {
    10. 

  10.             "models\\": "app/models",
    11. 

  11.             "views\\": "app/views",
    12. 

  12.             "controllers\\": "app/controllers",
    13. 

  13.             "core\\": "core"
    14. 

  14.         }
    15. 

  15.     }
    16. 

  16. }
    17.

3.新建core核心目录并在其下新建模型: Model 和视图: View 两个文件

Model.php样式代码:

    

  1. <?php
    2. 

  2. // 模型类
    3. 

  3. namespace core;
    4. 

  4. use Medoo\Medoo;
    5. 

  5. class Model extends Medoo
    6. 

  6. {
    7. 

  7.     public function __construct()
    8. 

  8.     {
    9. 

  9.         parent::__construct([
    10. 

  10.             'database_type' => 'mysql',
    11. 

  11.             'database_name' => 'phpedu',
    12. 

  12.             'server' => 'localhost',
    13. 

  13.             'username' => 'root',
    14. 

  14.             'password' => 'root',
    15. 

  15.         ]);
    16. 

  16.     }
    17. 

  17.     public function first()
    18. 

  18.     {
    19. 

  19.         // 自定义方法
    20. 

  20.     }
    21. 

  21. }
    22.

View.php样式代码:

    

  1. <?php
    2. 

  2. namespace core;
    3. 

  3. use League\Plates\Engine;
    4. 

  4. class View extends Engine
    5. 

  5. {
    6. 

  6.     public $templates;
    7. 

  7.     public function __construct($path)
    8. 

  8.     {
    9. 

  9.         $templates =  parent::__construct($path);
    10. 

  10.     }
    11. 

  11. }
    12.

4. 在app目录下新建controllers models views 三个目录

4.1 在controllers目录下新建StaffsController.php文件,用来获取用户数据赋值给模板

StaffsController.php样式代码:

    

  1. <?php
    2. 

  2. namespace controllers;
    3. 

  3. class StaffsController
    4. 

  4. {
    5. 

  5.     public $model;
    6. 

  6.     public $view;
    7. 

  7.     public function __construct($model, $view)
    8. 

  8.     {
    9. 

  9.         $this->model = $model;
    10. 

  10.         $this->view = $view;
    11. 

  11.     }
    12. 

  12.     public function index()
    13. 

  13.     {
    14. 

  14.         return __METHOD__;
    15. 

  15.     }
    16. 

  16.     public function select()
    17. 

  17.     {
    18. 

  18.         // 获取数据
    19. 

  19.         $staffs = $this->model->select('staffs', ['id', 'name', 'gender', 'salary', 'email'], ['salary[>=]' => 6000, 'LIMIT' => 6]);
    20. 

  20.         // 模板赋值
    21. 

  21.         return  $this->view->render('staffs/list', ['staffs' => $staffs]);
    22. 

  22.     }
    23. 

  23. }
    24.

4.2 在Models目录下新建StaffsModel.php文件,用来获取表数据

StaffsModel.php样式代码:

    

  1. <?php
    2. 

  2. namespace models;
    3. 

  3. use core\Model;
    4. 

  4. // 自定义模型类通常与一张数据表绑定,继承自框架核心模型类
    5. 

  5. class StaffsModel extends Model
    6. 

  6. {
    7. 

  7.     public function __construct()
    8. 

  8.     {
    9. 

  9.         parent::__construct();
    10. 

  10.     }
    11. 

  11. }
    12.

4.3 在Views目录下新建一个staffs文件夹,在该文件夹下面新建list.php文件

list.php样式代码:

    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6.     <title>员工信息</title>
    7. 

  7.     <style>
    8. 

  8.     body {
    9. 

  9.         display: flex;
    10. 

  10.         flex-direction: column;
    11. 

  11.         align-items: center;
    12. 

  12.     }
    13. 

  13.     table {
    14. 

  14.         border-collapse: collapse;
    15. 

  15.         border: 1px solid;
    16. 

  16.         width: 50%;
    17. 

  17.         text-align: center;
    18. 

  18.     }
    19. 

    20. 

  20.     th,
    21. 

  21.     td {
    22. 

  22.         border: 1px solid;
    23. 

  23.         padding: 5px;
    24. 

  24.     }
    25. 

    26. 

  26.     tr:first-child {
    27. 

  27.         background-color: #0ff;
    28. 

  28.     }
    29. 

  29.     </style>
    30. 

  30. </head>
    31. 

  31. <body>
    32. 

  32.     <h3>用户管理系统</h3>
    33. 

  33.     <table>
    34. 

  34.         <tr>
    35. 

  35.             <th>id</th>
    36. 

  36.             <th>姓名</th>
    37. 

  37.             <th>性别</th>
    38. 

  38.             <th>工资</th>
    39. 

  39.             <th>邮箱</th>
    40. 

  40.             <th>操作</th>
    41. 

  41.         </tr>
    42. 

  42.         <?php foreach ($staffs as $uname): ?>
    43. 

  43.             <tr>
    44. 

  44.                 <td><?=$this->e($uname['id'])?></td>
    45. 

  45.                 <td><?=$this->e($uname['name'])?></td>
    46. 

  46.                 <td><?=$this->e($uname['gender']) == 'male' ? '男' : '女'?></td>
    47. 

  47.                 <td><?=$this->e($uname['salary'])?></td>
    48. 

  48.                 <td><?=$this->e($uname['email'])?></td>
    49. 

  49.                 <td><button>编辑</button>&nbsp;<button>删除</button></td>
    50. 

  50.             </tr>
    51. 

  51.         <?php endforeach ?>
    52. 

  52.     </table>
    53. 

  53.     <p>
    54. 

  54.         <a href="">1</a>
    55. 

  55.         <a href="">2</a>
    56. 

  56.         <a href="">3</a>
    57. 

  57.         <a href="">4</a>
    58. 

  58.         <a href="">5</a>
    59. 

  59.         <a href="">6</a>
    60. 

  60.     </p>
    61. 

  61. </body>
    62. 

  62. </html>
    63.

5. composer.json 将控件映射到目录

composer.json样式代码: 完成后开启终端输入 composer dump 更新自动加载

    

  1. {
    2. 

  2.     "name": "zhu/php.cn",
    3. 

  3.     "description": "this is a test",
    4. 

  4.     "require": {
    5. 

  5.         "catfan/medoo": "^1.7",
    6. 

  6.         "league/plates": "^3.4"
    7. 

  7.     },
    8. 

  8.     "autoload": {
    9. 

  9.         "psr-4": {
    10. 

  10.             "models\\": "app/models",
    11. 

  11.             "views\\": "app/views",
    12. 

  12.             "controllers\\": "app/controllers",
    13. 

  13.             "core\\": "core"
    14. 

  14.         }
    15. 

  15.     }
    16. 

  16. }
    17.

6. index.php 入口文件

    

  1. <?php
    2. 

  2. // 入口文件
    3. 

    4. 

  4. use models\StaffsModel;
    5. 

  5. use controllers\StaffsController;
    6. 

  6. use core\View;
    7. 

    8. 

  8. require __DIR__ . '/vendor/autoload.php';
    9. 

    10. 

  10. // 测试模型
    11. 

  11. $model = new StaffsModel();
    12. 

    13. 

    14. 

  14. // 测试视图
    15. 

  15. $view = new View('app/views');
    16. 

    17. 

  17. // 测试控制器
    18. 

  18. $controller = new StaffsController($model,$view);
    19. 

    20. 

  20. print_r($controller->select());
    21.

运行效果预览:

编写迷你版MVC小框架具体步骤以及心得体会

总结:

    

  1. 第一步先安装配置好 composer 下载地址: https://pkg.phpcomposer.com/
    2. 

  2. 第二步找到composer所需的第三方包依赖进行快速搭建模型Model与视图View
    3. 

  3. 第三步 创建一个核心目录文件夹
    4. 

  4. 第四步 创建app目录,搭建起MVC架构
    5. 

  5. 第五步 配置好composer.js文件,用来映射目录文件
    6. 

  6. index.php 是入口文件得注意use导入名称信息
    7.

上一篇： 练习CURD常用操作,select查询与关联操作,预处理原理

下一篇： 熟悉composer常用指令,安装组件,并理解自动加载器的使用方式与更新方法

推荐阅读