PHP简易留言板项目

ThinkPHP 5.0.11 + PhpStudy Pro 8.1.0.1

https://github.com/skyerhxx/PHP-Message-Board

设置ThinkPHP框架

首先下载ThinkPHP

下载ThinkPHP，并将其复制到phpstudy的www目录下，重命名为mess，意为message

添加模板文件

模板是用的amazeUI的 lw-article-fullwidth.html ，做了修改

原版是这个样子

进行删减后是这个样子

就用它作模板

application\index\controller中的index.php

是显示页面的内容

打开的最初页面显示的内容就是它里面定义的

现在我们修改它让它返回view层的内容

在view文件夹中新建index文件加后放入模板文件，并命名为index.html

此时再访问网页就已经是

这样说明其静态资源引入出了问题

进入public的static文件夹，新建index文件夹，将静态资源放入

修改mess\application\config.php

找到这里

修改为
'__index__'=>'/mess/public/static/index'
然后打开mess\application\index\view\index\index.html

替换

此时再刷新

新建数据库

新建数据表

创建成功

连接数据库

修改mess\application\database.php

填上要连接的数据库名

添加数据

给输入框添加name值

mess\application\index\view\index\index.html

设置的name值和数据库的字段是对应的（其实是可以不用对应的，但是为了方便就对应）

回到mess\application\index\controller\Index.php

添加
<?php
namespace app\index\controller;

class Index
{
    public function index()
    {
    	if(request()->isPost()){
    		$data=input('post.'); //发送过来的数据
    		dump($data);  //打印
    		die();
    	}


        return view();
    }
}
然后在mess\application\index\view\index\index.html

在这里添加

打开页面

点击发表

就真的打印出来了

现在已经能够成功地提交数据了

下面要写入数据库

mess/application/index/controller/Index.php
<?php
namespace app\index\controller;
use think\Controller;
class Index extends Controller
{
    public function index()
    {
    	if(request()->isPost()){
    		$data=input('post.'); //发送过来的数据
    		//dump($data);  //打印
    		//die();//中断，下面的代码是不运行的
    		$add=db('mess')->insert($data);//写入数据表，这个mess是数据表me_mess,不是数据库的mess
    		if($add){
    			$this->success('留言成功！');
    		}else{
    			$this->error('留言失败！！！！');
    		}
    	}

        return view();
    }
}
注意上面添加了

一定要注意这里的use和extends里面的Controller都是大写，区分大小写的！小写就报错了

点击发表

然后数据库里

然后怎样把所有留言都显示出来呢

就是把数据表里所有留言的数据都取出来就可以了

mess/application/index/controller/Index.php
        //取出所有留言数据
        $messRes=db('mess')->select();

        //分配数据
        $this->assign([
            'messRes'=>$messRes,
        ]);
mess/application/index/view/index/index.html

这段代码就是控制

以这种格式显示的

我们就让它循环显示
        {volist name="messRes" id="mess"}
        <div class="am-g blog-author blog-article-margin">
          <div class="am-u-sm-3 am-u-md-3 am-u-lg-2">
            <img src="__index__/assets/i/f15.jpg" alt="" class="blog-author-img am-circle">
          </div>
          <div class="am-u-sm-9 am-u-md-9 am-u-lg-10">
          <h3><span>作者 &nbsp;: &nbsp;</span><span class="blog-color">amazeui</span></h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
          </div>
        </div>
        {/volist}
然后界面就变成了

对应的就是数据库里的3条数据

下面来修改让每条的内容，作者都不一样

修改用户名

这里$mess.uname的mess对应的是volist那里的id=mess

修改内容

修改时间、邮箱
          <h3><span>姓名 &nbsp;: &nbsp;</span><span class="blog-color">{$mess.uname}</span>
                &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight:100;">时间&nbsp;: &nbsp;</span><span style="font-weight: 100
                ;" class="blog-color">{$mess.time|date="Y/m/d H:i:s",###}</span>

                &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: 100;">邮箱 &nbsp;: &nbsp;</span><span style="font-weight: 100
                ;" class="blog-color">{$mess.email}</span></h3>
改正时间

mess/application/index/controller/Index.php

注意这个时间书写的方式