19.点赞按钮

未匹配的标注

本节说明

  • 对应视频第 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>

刷新页面即可看到效果:
file
我们还需要修改一下控制器,在做完点赞的动作后重定向至前一页面:
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按钮:
file
会发现页面刷新,查看数据库表中已经存在一条记录:
file
这说明我们的提交动作已经成功。现在要做的是将结果显示出来:
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();
}
.

再次刷新页面:
file

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~