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

来源：互联网发布：淘宝估值编辑：程序博客网时间：2024/05/17 23:22

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

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

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

<?phpnamespace 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

<?phpnamespace 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 %}

这样我们的前端页面就整理好了

下一章我们会开发完这个留言板

0 0

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

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