5.创建回复表单
- 本系列文章为
laracasts.com
的系列视频教程——Let's Build A Forum with Laravel and TDD 的学习笔记。若喜欢该系列视频,可去该网站订阅后下载该系列视频, 支持正版 ;- 视频源码地址:github.com/laracasts/Lets-Build-a-...;
- 本项目为一个 forum(论坛)项目,与本站的第二本实战教程 《Laravel 教程 - Web 开发实战进阶》 类似,可互相参照。
本节说明
- 对应视频第 5 小节:The Reply Form
本节内容
开始之前我们先在主布局文件中修改一下body
的样式:
\resources\views\layouts\app.blade.php
. . <body style="padding-bottom: 100px;"> . .
首先我们先注册一个用户:
登录之后访问 forum.test/threads/1 ,接着在话题页面增加一个回复框,并且限定只有已登录用户才能看到:
\resources\views\threads\show.blade.php
. . <div class="row"> <div class="col-md-8 col-md-offset-2"> @foreach ($thread->replies as $reply) @include('threads.reply') @endforeach </div> </div> @if (auth()->check()) {{--已登录用户才可见--}} <div class="row"> <div class="col-md-8 col-md-offset-2"> <form method="post" action="{{ $thread->path() . '/replies' }}"> <div class="form-group"> <textarea name="body" id="body" class="form-control" placeholder="说点什么吧..."rows="5"></textarea> </div> <button type="submit" class="btn btn-default">提交</button> </form> </div> </div> @endif . .
刷新页面:
退出登录:
在上一节我们对添加回复的动作已经编写了单元测试,且已通过:
但是在我们输入回复再提交时却会报错:
因为我们忘了给POST
动作加上CSRF
验证,加上即可:
. . <form method="post" action="{{ $thread->path() . '/replies' }}"> {{ csrf_field() }} . .
再次测试,提交成功:
未登录用户只能浏览回复列表,无法发表回复,我们可以引导未登录用户先去登录:
. . @else <p class="text-center">请先<a href="{{ route('login') }}">登录</a>,然后再发表回复 </p> @endif . .
为页首加上导航:
\resources\views\layouts\app.blade.php
. . <div class="collapse navbar-collapse" id="app-navbar-collapse"> <!-- Left Side Of Navbar --> <ul class="nav navbar-nav"> <li><a href="/threads">All Threads</a></li> </ul> . .
推荐文章: