Laravel: 是一个基于PHP的Web应用框架,提供了丰富的功能来简化Web应用的开发,包括路由、中间件、模板引擎等。
Ajax (Asynchronous JavaScript and XML): 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
jQuery: 是一个快速、小巧且功能丰富的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。
"Like"系统: 通常用于社交媒体或内容分享平台,允许用户对内容(如帖子、图片、视频等)表达喜欢或兴趣。
"Like"系统通常分为两种类型:
"Like"系统广泛应用于社交媒体、博客、论坛、电子商务平台等,用于增强用户互动和内容参与度。
前端 (jQuery + Ajax):
<button id="like-btn">Like</button>
<span id="like-count">0</span>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#like-btn').click(function() {
$.ajax({
url: '/like',
method: 'POST',
data: { post_id: 123 }, // 假设这是帖子的ID
success: function(response) {
$('#like-count').text(response.like_count);
}
});
});
});
</script>
后端 (Laravel):
// routes/web.php
Route::post('/like', [LikeController::class, 'likePost']);
// app/Http/Controllers/LikeController.php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\Post;
class LikeController extends Controller
{
public function likePost(Request $request)
{
$postId = $request->input('post_id');
$post = Post::find($postId);
// 假设有一个Like模型来处理"Like"关系
$like = new Like();
$like->user_id = auth()->id();
$like->post_id = $postId;
$like->save();
return response()->json(['like_count' => $post->likes_count]);
}
}
fruitcake/laravel-cors
包并配置。通过以上步骤和示例代码,你可以实现一个基本的"Like"系统,并根据需要进行扩展和优化。
领取专属 10元无门槛券
手把手带您无忧上云