19.点赞按钮
- 本系列文章为
laracasts.com
的系列视频教程——Let's Build A Forum with Laravel and TDD 的学习笔记。若喜欢该系列视频,可去该网站订阅后下载该系列视频, 支持正版 ;- 视频源码地址:github.com/laracasts/Lets-Build-a-...;
- 本项目为一个 forum(论坛)项目,与本站的第二本实战教程 《Laravel 教程 - Web 开发实战进阶》 类似,可互相参照。
本节说明
- 对应视频第 19 小节:The Favorite Button
本节内容
本节我们继续来实现对回复的 点赞 功能。首先我们在回复后面加上 Favorite
按钮:
forum\resources\views\threads\reply.blade.php
<div class="panel panel-default">
<div class="panel-heading">
<div class="level">
<h5 class="flex">
<a href="#"> {{ $reply->owner->name }}</a>
回复于
{{ $reply->created_at->diffForHumans() }}
</h5>
<div>
<form method="POST" action="/replies/{{ $reply->id }}/favorites">
{{ csrf_field() }}
<button type="submit" class="btn btn-default">Favorites</button>
</form>
</div>
</div>
</div>
<div class="panel-body">
{{ $reply->body }}
</div>
</div>
刷新页面即可看到效果:
我们还需要修改一下控制器,在做完点赞的动作后重定向至前一页面:
forum\app\Http\Controllers\FavoritesController.php
<?php
namespace App\Http\Controllers;
use App\Reply;
use Illuminate\Http\Request;
class FavoritesController extends Controller
{
public function __construct()
{
$this->middleware('auth');
}
public function store(Reply $reply)
{
$reply->favorite();
return back();
}
}
运行迁移,建立表:
$ php artisan migrate
现在返回页面,刷新后点击Favorite
按钮:
会发现页面刷新,查看数据库表中已经存在一条记录:
这说明我们的提交动作已经成功。现在要做的是将结果显示出来:
forum\resources\views\threads\reply.blade.php
.
.
<form method="POST" action="/replies/{{ $reply->id }}/favorites">
{{ csrf_field() }}
<button type="submit" class="btn btn-default" {{ $reply->isFavorited() ? 'disabled' : '' }}>
{{ $reply->favorites()->count() }} {{ str_plural('Favorite',$reply->favorites()->count()) }}
</button>
</form>
.
.
我们使用了isFavorited()
来判断当前登录用户是否已经进行过点赞行为:
forum\app\Reply.php
.
.
public function isFavorited()
{
return $this->favorites()->where('user_id',auth()->id())->exists();
}
.
再次刷新页面: