微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 博客列表 > 用composer搭建简单框架
博主信息
博文 32
粉丝 0
评论 0
访问量 35334
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
用composer搭建简单框架
Yang_Sir
原创
1501人浏览过
  • 这是一个简单的MVC框架
  • 使用composer管理依赖的组件。本次使用了以下组件
类型 组件名称 简介 安装
模型组件 catfan/medoo 轻量级的PHP数据库框架 composer require catfan/medoo
视图模板组件 twig/twig 灵活、快速、安全的PHP模板语言 composer require twig/twig
路由组件 noahbuscher/macaw 非常简单的路由器 https://github.com/NoahBuscher/Macaw

noahbuscher/macaw,我直接require下载失败，在composer.json文件中添加
“require”: {
“noahbuscher/macaw”: “dev-master”
}
然后执行composer update命令，还要了github密钥[/尴尬]，最终下载成功。

  • 使用组件可以快速搭建框架，但还是有很多地方要学习，如路径，组件的依赖，还有每个组件的开发文档，都是新的东西。有的组件框架挺大，依赖很多，下载后都使用失败了
  • comoposer的使用、还有服务器的设置，如.htaccess文件配置，需要学习的还很多

1.目录结构

  • app下即MVC框架成员，控制器、模型、视图
  • config放置配置文件，当前只有一个数据库配置
  • core核心类库，外部依赖的组件等都在这里处理
  • public外部访问目录
  • vender通过composer安装的组件都存放在此

2.mvc框架

2.1控制器

  • 在controller目录下创建Index.php控制器文件，处理前端发来的各种请求，并返回

  • 在控制器中会用到视图和模型对象，从模型中获取数据，在视图中展示

    1. <?php
    2. namespace app\controller;
    3. use app\model\Goods;
    4. use core\View;
    5. //控制器
    6. class Index
    7. {
    8.  /**
    9.   * 展示首页
    10.   */
    11.  public function index()
    12.  {
    13.      $goods = new Goods;
    14.      $data = $goods->getData();
    16.      $view = new View;
    17.       echo  $view->templete->render('/index/index.html',['data'=>$data]);
    19.  }
    21.  /**
    22.   * 删除一条记录
    23.   * 刷新页面
    24.   */
    25.  public function delete($id){
    26.      $goods = new Goods;
    27.      if(!empty($id)){
    28.          $row = $goods->delete($id);
    29.          if($row){
    30.              echo "<script>alert('删除成功')</script>";
    32.          }else{
    33.              echo "<script>alert('删除失败')</script>";
    34.          }
    35.      }else{
    36.          echo "<script>alert('格式错误')</script>";
    37.      }
    38.      return $this->index();
    39.  }
    41.  public function edit($id){
    42.      $goods = new Goods;
    43.      $view = new View;
    44.      $data = $goods->edit($id);
    45.      echo  $view->templete->render('index/edit.html',['data'=>$data]);
    46.  }
    48.  public function update($id){
    50.      if(isset($_POST['id'])){
    51.          $data = $_POST;
    52.          unset($data['id']);//去掉id
    53.          $goods = new Goods;
    54.          $view = new View;
    55.          $row = $goods->update($data,$id);
    56.          if($row==1){
    57.              echo "<script>alert('更新成功')</script>";
    59.          }else{
    60.              echo "<script>alert('更新失败')</script>";
    61.          }
    62.      }
    64.      return $this->index();
    65.  }
    66. }

2.2模型

  • model目录下创建Goods.php,对应数据库表goods。用于处理数据
  • Goods模型继承核心类库core下的Model类

goods.php

  1. <?php
  2. namespace app\model;
  4. use core\Model;
  6. //模型
  7. class Goods extends Model
  8. {
  9.     private $table = 'goods';//表名
  11.     //获取多条记录
  12.     public function getData(){
  13.         $data = parent::select($this->table,'*',["LIMIT"=>15]);
  14.         return $data;
  15.     }
  17.     //删除一条记录
  18.     public function delete($id,$table='')
  19.     {
  20.         $obj = parent::delete($this->table,['id'=>$id]);
  21.         return $obj->rowCount();
  22.     }
  24.     //编辑商品信息，根据ID获取一条数据
  25.     public function edit($id){
  26.         $data = parent::get($this->table,'*',["id"=>$id]);
  27.         return $data;
  28.     }
  30.     //更新一条数据
  31.     public function update($data, $id, $where = null)
  32.     {
  33.         $obj = parent::update($this->table,$data,["id"=>$id]);
  34.         return $obj->rowCount();
  35.     }
  36. }
  • Model类继承外部引入的模型组件medoo
  • 在Model中重写构造方法，在构造方法中引入配置文件database.php

Model.php

  1. <?php
  2. namespace  core;
  3. use Medoo\Medoo;
  5. //公共模型
  6. class Model extends Medoo
  7. {   
  8.     protected $config = [];
  10.     public function __construct()
  11.     {
  12.         $this->config = require('../config/database.php');
  13.         parent::__construct($this->config);
  14.     }
  18. }

2.3视图模板

  • 在view目录下创建index文件夹，存放index控制器的视图文件
  • 在core核心类库中创建View.php作为公共的视图类，该类继承外部引入的twig模板组件。
  • 创建构造方法，获取twig的模板对象。

View.php

  1. <?php
  2. namespace core;
  3. use Twig\Environment;
  4. use Twig\Loader\FilesystemLoader;
  6. //公共视图模板
  7. class View extends Environment
  8. {
  9.     public static $templete;
  10.     public function __construct()
  11.     {
  12.         $loader = new FilesystemLoader('../app/view');
  13.         $this->templete = new Environment($loader);
  14.     }
  16. }
  18. - 在view/index目录下创建两个视图文件，首页index.html、编辑页edit.html
  19. - 使用twig模板语言输出数据
  21. index.html
  23. ```html
  24. <!DOCTYPE html>
  25. <html lang="en">
  26.   <head>
  27.     <meta charset="UTF-8" />
  28.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  29.     <title>商品信息管理</title>
  30.     <style>
  31.       body {
  32.         display: flex;
  33.         flex-flow: column nowrap;
  34.         align-items: center;
  35.       }
  37.       form {
  38.         display: flex;
  39.         flex-flow: row wrap;
  40.       }
  42.       form > section {
  43.         margin: 10px;
  44.         display: flex;
  45.         flex-flow: row nowrap;
  46.       }
  48.       table {
  49.         margin-top: 30px;
  50.         width: 1000px;
  51.         font-family: verdana, arial, sans-serif;
  52.         font-size: 11px;
  53.         color: #333333;
  54.         border-width: 1px;
  55.         border-color: #666666;
  56.         border-collapse: collapse;
  57.       }
  59.       table > thead {
  60.         background-color: #00ffff;
  61.       }
  63.       table th {
  64.         border-width: 1px;
  65.         padding: 8px;
  66.         border-style: solid;
  67.         border-color: #666666;
  68.       }
  70.       table td {
  71.         border-width: 1px;
  72.         padding: 8px;
  73.         border-style: solid;
  74.         border-color: #666666;
  75.         background-color: #ffffff;
  76.         text-align: center;
  77.       }
  79.       tfoot > tr,
  80.       tfoot > tr > td {
  81.         width: initial;
  82.       }
  83.     </style>
  84.   </head>
  86.   <body>
  87.     <hr />
  88.     <hr />
  90.     <form
  91.       action="<?php echo $_SERVER['PHP_SELF'] ?>"
  92.       class="queryterms"
  93.       method="POST"
  94.     >
  95.       <section>
  96.         <label for="goodsname">商品名称：</label>
  97.         <input type="text" name="goodsname" id="goodsname" value="" />
  98.       </section>
  99.       <section>
  100.         <label for="goodsmodel">商品型号：</label>
  101.         <input type="text" name="goodsmodel" id="goodsmodel" value="" />
  102.       </section>
  103.       <section>
  104.         <button>查询</button>
  105.       </section>
  106.     </form>
  107.     <div>
  108.       <table>
  109.         <thead>
  110.           <tr>
  111.             <th>ID</th>
  112.             <th>名称</th>
  113.             <th>型号</th>
  114.             <th>价格</th>
  115.             <th>数量</th>
  116.             <th>状态</th>
  117.             <th>操作</th>
  118.           </tr>
  119.         </thead>
  120.         <tbody>
  121.           {% for goods in data %}
  122.           <tr>
  123.             <td>{{ goods.id|e }}</td>
  124.             <td>{{ goods.name|e }}</td>
  125.             <td>{{ goods.model|e }}</td>
  126.             <td>{{ goods.price|e }}</td>
  127.             <td>{{ goods.number|e }}</td>
  128.             <td>{{ goods.status|e }}</td>
  129.             <td>
  130.               <a href="/index/edit/{{ goods.id|e }}">编辑</a>
  131.               &nbsp;&nbsp;&nbsp;
  132.               <a href="/index/delete/{{ goods.id|e }}">删除</a>
  133.             </td>
  134.           </tr>
  135.           {% endfor %}
  136.         </tbody>
  137.         <tfoot>
  138.           <tr>
  139.             <td colspan="7"></td>
  140.           </tr>
  141.         </tfoot>
  142.       </table>
  143.     </div>
  144.   </body>
  145. </html>

edit.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=xiug, initial-scale=1.0" />
  6.     <title>修改商品信息</title>
  7.     <style>
  8.       body {
  9.         margin: 0;
  10.         text-align: center;
  11.         display: flex;
  12.         flex-flow: column nowrap;
  13.         align-items: center;
  14.       }
  15.       form {
  16.         background-color: lightcyan;
  17.         border: 1px solid #c0c0c0;
  18.         width: 600px;
  19.         display: flex;
  20.         flex-flow: column nowrap;
  21.         align-items: center;
  22.         padding: 30px;
  23.       }
  24.       form > section {
  25.         width: 80%;
  26.         margin: 30px 0;
  27.         display: grid;
  28.         grid-template-columns: 200px 300px;
  29.         font-size: 1.2em;
  30.       }
  31.       form > section input {
  32.         font-size: 1.2em;
  33.       }
  34.       button {
  35.         background-color: #bbd6e4;
  36.         width: 200px;
  37.         margin-top: 30px;
  38.         padding: 10px;
  39.         border-radius: 5px;
  40.       }
  41.     </style>
  42.   </head>
  43.   <body>
  44.     <h1>修改商品信息</h1>
  45.     <form action="/index/update/{{data.id}}" method="POST">
  46.       <input type="hidden" name="id" value="{{data.id}}" />
  47.       <section>
  48.         <label for="name">商品名称：</label>
  49.         <input type="text" name="name" id="name" value="{{data.name}}" />
  50.       </section>
  51.       <section>
  52.         <label for="model">商品型号：</label>
  53.         <input type="text" name="model" id="model" value="{{data.model}}" />
  54.       </section>
  55.       <section>
  56.         <label for="price">价格：</label>
  57.         <input type="text" name="price" id="price" value="{{data.price}}" />
  58.       </section>
  59.       <section>
  60.         <label for="number">数量：</label>
  61.         <input type="text" name="number" id="number" value="{{data.number}}" />
  62.       </section>
  63.       <section>
  64.         <label for="status">状态：</label>
  65.         <input type="text" name="status" id="status" value="{{data.status}}" />
  66.       </section>
  67.       <div class="button">
  68.         <button type="submit">提交</button>
  69.       </div>
  70.     </form>
  71.   </body>
  72. </html>

3.路由

  • 在core目录下创建routes.php文件
  • 在routes.php文件中创建NoahBuscher\Macaw路由器对象
  • 通过get方法设置路由,该方法有两个参数route和callback（或控制器方法路径）
  1. <?php
  2. name core;
  3. use NoahBuscher\Macaw\Macaw;
  5. //默认首页
  6. Macaw::get('/','app\controller\Index@index');
  7. //删除
  8. Macaw::get('index/delete/(:num)','app\controller\Index@delete');
  9. //编辑
  10. Macaw::get('index/edit/(:num)','app\controller\Index@edit');
  11. //更新
  12. Macaw::post('index/update/(:num)','app\controller\Index@update');
  13. // Macaw::get('(:all)',function($fu){
  14. //     echo '未匹配到路由'.$fu;
  15. // });
  17. Macaw::dispatch();

4.composer自动加载

在正式访问之前还得把创建的几个类在composer.json文件中做好类库映射，然后在终端执行composer dump命令更新,才能实现自动加载。
把以下内容添加到composer.json文件中

  1. "autoload": {
  2.     "psr-4": {
  3.       "app\\": "app",
  4.       "core\\": "core",
  5.       "app\\controller\\": "app/controller",
  6.       "app\\model\\": "app/model",
  7.       "app\\view\\": "app/view"
  8.     }
  9.   }

5. 访问

  • 通过phpstudy创建一个网站，www.compo.edu，根目录指向comp目录下的public目录
  • public目录下创建index.php，即为该网站的入口文件
  • 另外还需要public目录下创建.htaccess文件，针对当前网站做访问配置

index.php

  1. <?php
  2. //包含进composer自动加载文件
  3. require'../vendor/autoload.php';
  4. //包含进路由器文件
  5. require '../core/routes.php';

.htaccess

  1. RewriteEngine On
  2. RewriteBase /
  4. # Allow any files or directories that exist to be displayed directly
  5. RewriteCond %{REQUEST_FILENAME} !-f
  6. RewriteCond %{REQUEST_FILENAME} !-d
  8. RewriteRule ^(.*)$ index.php?$1 [QSA,L]

效果图

访问 www.compo.edu

点击编辑：

点击删除：

直接访问 www.compo.edu/hello

批改老师：天蓬老师天蓬老师

批改状态：合格

老师批语：一个框架跑起来, 挺不容易的, 里面有许多的坑要填
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录