首先设计用户表、视频表和收藏中间表,确保(user_id, video_id)唯一索引;接着用PHP处理收藏请求,通过SESSION验证登录,查询是否已收藏,存在则删除,否则插入记录;前端使用JavaScript监听按钮点击,通过fetch发送POST请求到后端favorite.php,并根据返回结果更新图标和样式;页面加载时,PHP查询当前用户对该视频的收藏状态,初始化按钮显示为实心或空心心形;整个流程包含数据库设计、后端逻辑、前端交互与状态同步四个部分,关键点包括防止重复收藏、登录校验和实时状态反馈。

实现视频收藏功能在PHP项目中非常常见,通常涉及用户登录、视频数据管理以及收藏状态的记录与展示。整个流程需要前端页面交互和后端逻辑配合完成。下面是一个简单清晰的实现方案。
1. 数据库设计
要支持收藏功能,至少需要两张表:用户表(users)和视频表(videos),以及一张中间表(favorites)来记录用户收藏了哪些视频。
favorites 表结构示例:
id:主键,自增user_id:收藏用户的ID(外键关联 users 表)video_id:被收藏的视频ID(外键关联 videos 表)created_at:收藏时间,默认 CURRENT_TIMESTAMP
确保 (user_id, video_id) 是唯一索引,防止重复收藏。
立即学习“PHP免费学习笔记(深入)”;
2. 后端逻辑实现(PHP)
使用 PHP 处理收藏/取消收藏请求,判断当前用户是否已收藏该视频。
收藏操作示例代码:
“`phpsession_start();$userId = $_SESSION[‘user_id’] ?? null;$videoId = $_POST[‘video_id’] ?? 0;
if (!$userId || !$videoId) {echo json_encode([‘status’ => ‘error’, ‘message’ => ‘请先登录’]);exit;}
$pdo = new PDO(“mysql:host=localhost;dbname=your_db”, “username”, “password”);
// 检查是否已收藏$stmt = $pdo->prepare(“SELECT id FROM favorites WHERE user_id = ? AND video_id = ?”);$stmt->execute([$userId, $videoId]);$exists = $stmt->fetch();
if ($exists) {// 已收藏,执行取消收藏$stmt = $pdo->prepare(“DELETE FROM favorites WHERE user_id = ? AND video_id = ?”);$stmt->execute([$userId, $videoId]);echo json_encode([‘status’ => ‘success’, ‘action’ => ‘removed’]);} else {// 未收藏,添加收藏$stmt = $pdo->prepare(“INSERT INTO favorites (user_id, video_id) VALUES (?, ?)”);$stmt->execute([$userId, $videoId]);echo json_encode([‘status’ => ‘success’, ‘action’ => ‘added’]);}
3. 前端交互(JavaScript + HTML)
通过按钮点击触发 AJAX 请求,动态更新收藏状态。
HTML 示例:
```html
JavaScript(使用 fetch):
“`javascriptdocument.querySelectorAll(‘.favorite-btn’).forEach(btn => { btn.addEventListener(‘click’, function () { const videoId = this.dataset.videoId; const actionSpan = this.querySelector(‘.icon’);
fetch('favorite.php', { method: 'POST', body: new URLSearchParams({ video_id: videoId }) }) .then(res => res.json()) .then(data => { if (data.action === 'added') { actionSpan.textContent = '?'; btn.classList.add('favorited'); } else { actionSpan.textContent = '❤'; btn.classList.remove('favorited'); } }) .catch(err => { alert('操作失败,请登录后再试'); });});
});
4. 显示收藏状态
在加载页面时,查询当前用户对该视频的收藏状态,用于初始化按钮样式。
```php// 查询当前用户是否已收藏该视频$favorited = false;if ($userId) { $stmt = $pdo->prepare("SELECT id FROM favorites WHERE user_id = ? AND video_id = ?"); $stmt->execute([$userId, $videoId]); $favorited = (bool)$stmt->fetch();}
然后在 HTML 中根据 $favorited 设置按钮状态:
“`php$class = $favorited ? ‘favorited’ : ”;$icon = $favorited ? ‘?’ : ‘❤’;echo ““;“`
基本上就这些。不复杂但容易忽略细节,比如唯一索引、登录验证和前后端状态同步。
以上就是PHP实现视频收藏功能_PHP实现视频收藏功能的详细内容,更多请关注php中文网其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1323411.html
微信扫一扫
支付宝扫一扫