框架入门实战篇（上）留言板前端整理

最新推荐文章于 2024-06-15 22:59:32 发布

T豆丶

最新推荐文章于 2024-06-15 22:59:32 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： phpMVC框架文章标签：框架前端布局

本文链接：https://blog.youkuaiyun.com/qq_35524813/article/details/52745563

phpMVC框架专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简易留言板系统的开发过程，包括控制器、模型及HTML页面的设计。通过PHP实现前后端交互，展示了如何布局控制器类、定义模型类及创建相关HTML页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们的框架基本已经封装完成了，那到底好用不好用
我们来试验一下

我们来开发一个简单的留言板功能

首先我们把控制器布局一下

<?php

namespace application\controller;

use application\models\newsModel;

class IndexController extends \core\imooc
{
    //所有留言
    public function index()
    {
        $this->display('index.html');
    }

    //添加留言
    public function add()
    {
        $this->display('add.html');
    }

    //保存留言
    public function save()
    {

    }
}

接下来是model

<?php
namespace application\models;

use core\lib\model;

class guestbookModel extends model
{
    private $table = 'guestbook';

    public function all()
    {

    }

    public function addOne()
    {

    }

}

再其次我们去布局几个 html页面

首先是我们的公共页面

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<header>
    <h1>超简单留言板</h1>
    <div>
        <a href="/">所有留言</a>
        <a href="/index/add">添加留言</a>
    </div>
</header>
<div>
    {% block content %}
    {% endblock %}
</div>
<footer>
    <p>&copy 2016 超简单留言板</p>
</footer>
</body>
</html>

接下来是首页

{% extends "layout.html" %}
{% block content %}
<ul>
    <li>
        <div>
            <h1></h1>
            <p></p>
            <p><span></span></p>
            <a href="">查看全文</a>
        </div>
    </li>
</ul>
{% endblock %}

最后是留言添加页

{% extends "layout.html" %}
{% block content %}
<form action="?" method="post">
    <fieldset>
        <legend>添加留言</legend>
        <div>
            <input type="text" name="title" placeholder="请输入标题" id="">
        </div>
        <div>
            <textarea name="content" id="" cols="30" rows="10" placeholder="请输入内容"></textarea>
        </div>
        <p><button type="submit">提交</button></p>
    </fieldset>
</form>
{% endblock %}