PHP实现视频收藏功能_PHP实现视频收藏功能-php教程-PHP中文网

PHP实现视频收藏功能_PHP实现视频收藏功能

雪夜

发布： 2025-10-11 19:16:01

原创

260人浏览过

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

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 处理收藏/取消收藏请求，判断当前用户是否已收藏该视频。

收藏操作示例代码：

模力视频

模力视频 - AIGC视频制作平台 | AI剪辑 | 云剪辑 | 海量模板

查看详情

```php session_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']); }

<H3>3. 前端交互（JavaScript + HTML）</H3>
<p>通过按钮点击触发 AJAX 请求，动态更新收藏状态。</p>

<font color="#0000FF">
<p><strong>HTML 示例：</strong></p>
</font>
```html
<button class="favorite-btn" data-video-id="123">
    <span class="icon">❤</span> 收藏
</button>

登录后复制

JavaScript（使用 fetch）：

```javascript document.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('操作失败，请登录后再试');
    });
});

登录后复制

});

<H3>4. 显示收藏状态</H3>
<p>在加载页面时，查询当前用户对该视频的收藏状态，用于初始化按钮样式。</p>

```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中文网其它相关文章！