Laravel 5.6 Like Button

问题描述 投票:1回答:2

我在Laravel 5.6中使用这个包here在我的项目中添加了like系统。

我根据他们的文档更新了模型。但是,我对如何使用这个包感到困惑。

我添加了尝试以下内容,当他访问链接时,将登录用户添加到特定文章喜欢列表中。

public function show(ArticleCategory $articlecategory, $slug)
{
    $categories = ArticleCategory::all();
    $article = Article::where('slug', $slug)->first();
    $user = User::first();
    $user->addFavorite($article);
    return view('articles.show', compact('article', 'categories'));
}

在我的用户仪表板中,我能够提取用户喜欢的所有文章

$user = Auth::user();
$favoritearticles = $user->favorite(Article::class);

但我正在寻找一个功能,我在文章页面上有一个按钮,当一个登录用户点击它时,他被添加到喜欢列表中。我之前没有尝试过,所以坚持这一点。

我换了

$user->addFavorite($article);

$user->toggleFavorite($article);

但这只是切换最喜欢的列表。我的意思是当我访问链接一次时,登录用户被添加到喜欢列表中。当我第二次访问该链接时,登录用户将从喜欢列表中删除。循环重复。

任何人都可以向我解释如何使用按钮实现类似的功能?

laravel laravel-5.6
2个回答
3
投票

你几乎就在那里,你必须添加一个button,点击它会触发一个AJAX请求到服务器执行你想要的而不刷新页面,这是一个例子:

首先,您将添加一个按钮并为其提供ID或类:

<button class="like">Like</button>

然后,当你点击它时,你将调用url,你需要用你的功能路线替换它,

然后你必须声明一个这样的方法:

public function like($slug)
{
    $article = Article::where('slug', $slug)->first();
    $user = \Auth::user(); //to get authenticated user...
    $user->toggleFavorite($article); // toggle so if u already like it u remove it from the liked table
    return response()->json(['status': 1])
}

当然,添加路线到你的routes.php

Router::get('like/{slug}',"ArticleController@like");

然后添加函数(这里使用jQuery)来挂钩AJAX调用

$('.like').on('click', function(){
  $.ajax({
    type: "GET",
    url: 'wwww.example.com/articles/slug',
    data: {slug: 'the slug'},
    success: function(data){
      alert('its done')
    },
  });
})

0
投票

使用按钮在文章页面中创建表单

<form action="{{url('favorite/{$post->id}')}}" method="post">
@if($post->isFavorited())
<button type="submit">Remove from favorite</button>
@else
<button type="submit">Add to favorite</button>
@endif
</form>

创建最喜欢的路线和控制器

Router::post('favorite/{id}',"ArticleController@toggleFavorite");


public function toggleFavorite($id) {
 $article = ArticleCategory::find($id);//get the article based on the id
 Auth::user()->toggleFavorite($article);//add/remove the user from the favorite list
 return Redirect::to('article/{$id}');//redirect back (optionally with a message)
}
© www.soinside.com 2019 - 2024. All rights reserved.