MVC框架之留言板完成(一)

通过之前的MVC搭建教程,我们已经拥有了一个简洁的MVC框架,现在,我们要用这个框架完成一个留言板项目;

我们要做的只是把功能完成,所以没有使用模版样式;

以上是必须要做的两个页面展示和添加功能,此外还增加了删除功能;

根据留言内容,我们还需要创建一个简单的数据库,除ID外,需要三个字段;

现在我们就可以开始制作留言板了,正好可以用这个留言板检测我们搭建的MVC框架是否顺手;

①我们先完成数据库中对前端的控制;

根据留言板功能,我们创建了四个动作:1所有留言展示 2添加留言 3保存留言 4删除留言;

<?php
namespace app\ctrl;
use app\model\cModel;
use app\model\kModel;
use core\lib\conf;
use core\lib\model;

class indexCtrl extends \core\imooc
{
    <span style="color:#FF0000;">//所有留言</span>
    public function index()
    {
    }
   <span style="color:#FF0000;"> //添加留言</span>
    public function add()
    {
    }
   <span style="color:#FF0000;"> //保存留言</span>
    public function save()
    {
    }
    <span style="color:#FF0000;">//删除留言</span>
    public function del()
    {
    }

②根据控制器动作的创建,我们需要建立相应的Model层;

<?php
namespace app\model;
use core\lib\model;

class kModel extends model
{
    public $table='message';
    <span style="color:#FF0000;">//查询所有留言</span>
    public function all()
    {
    }
    <span style="color:#FF0000;">//添加留言</span>
    public function addOne($data)
    {
     
    }
    <span style="color:#FF0000;">//删除留言</span>
    public function delOne($id)
    {
    }

}
?>

③制作一个共有模版;

使用这个标签构建;

<html>
<body>

<header>留言板</header>
<content>
<span style="color:#FF0000;">    {% block content %}</span>

<span style="color:#FF0000;">    {% endblock %}</span>
</content>

<footer><a href="/index/add">添加留言</a></footer>
<footer><a href="/index/index">展示留言</a></footer>
</body>
</html>

④布局页面

将内容放在content标签中,并引用公共模版就可以了;

{% extends "layout.html" %}
{% block content %}
<center>
    <form>
        <table>
            <tr>
                <td>姓名</td>
                <td>留言内容</td>
                <td>留言时间</td>
                <td>操作</td>
            </tr>
{% for val in data %}
            <tr>
                <td>{{ val.name }}</td>
                <td>{{ val.text }}</td>
                <td>{{ val.datatime }}</td>
                <td><a href="/index/del?id={{ val.id }}">删除</a></td>
            </tr>
{% endfor %}
    </table>
    </form>
</center>
{% endblock %}

这样前期布局就算完成了;