From 275bd9d80f4d514e9e83f9699c24d8c523698013 Mon Sep 17 00:00:00 2001 From: laoyang Date: Tue, 22 Sep 2026 16:09:48 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E4=BB=B7=E5=8C=BA=E6=94=B9=E6=88=90?= =?UTF-8?q?=E3=80=8C=E6=8C=89=E9=92=AE=E5=B1=95=E5=BC=80=E8=A1=A8=E5=8D=95?= =?UTF-8?q?=E3=80=8D=EF=BC=8C=E8=AF=84=E8=AE=BA=E6=94=AF=E6=8C=81=E4=B8=A4?= =?UTF-8?q?=E7=BA=A7=E5=9B=9E=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 页面默认不出现任何输入框，要写什么就点对应那个按钮： - detail.php：评价区的「写评价 / 修改我的评价 / 评论 / 回复」都做成按钮， 用原生
/ 折叠，点开才展开表单，提交后整页刷新自动收起。 零 JS、键盘可用。没评价过只在顶部有「写评价」；评价过则该按钮消失，改在自己 那条评价下面出现「修改我的评价」。一条评价都没有时显示「还没有评价，等你来评一个。」 - lib/reviews.php：评论改两级平铺。parent_id 为空 = 顶层评论，非空 = 对某条评论的 回复；写「回复的回复」时由 addReviewComment 规范化回顶层评论，所以库里最多两层、 页面永远只缩进一次，来回多少轮都不会越缩越窄。被回复者另存 reply_to_admin_id （存「人」不存评论 id，对方那条被删也不会悬空），页面用「回复 @某某」标出。 deleteReviewComment 删顶层评论时连带清掉它的回复。 - lib/db.php：review_comments 增 parent_id / reply_to_admin_id 两列 + 幂等迁移， 并给 parent_id 建索引。**修一个会让老库升级白屏的顺序 bug**：新列上的 CREATE INDEX 必须排在 ALTER TABLE 补列之后 —— 建表用的是 CREATE TABLE IF NOT EXISTS，对线上 已存在的旧表不生效，索引跑在补列之前会报 no such column: parent_id，整个 initDB 挂掉。全新安装看不出来，是 e2e 的「造旧库再跑一遍初始化」专测抓到的。 - README.md：命名由「评价与讨论」改为「评价与评论」，补上按钮交互、两级平铺、 回复 @某某 与新表字段的说明。 回归：reviews_e2e 84/84、fetch_movie 76/76、storage 196/196；A/B 47 个响应中 仅详情页相关 6 个有差异，且经折叠区块比对确认差异全部限定在评价区内。 线上 PHP 7.4.30 / 8.1.7 双版本迁移与写链路（顶层评论→回复→回复的回复→清理）全部通过。 --- README.md | 36 ++-- detail.php | 466 +++++++++++++++++++++++++++++++++--------------- lib/db.php | 20 ++- lib/reviews.php | 109 +++++++++-- 4 files changed, 458 insertions(+), 173 deletions(-) diff --git a/README.md b/README.md index f8ef8ee..9f14512 100644 --- a/README.md +++ b/README.md @@ -50,16 +50,21 @@ - **安全约束**：不允许删除最后一个管理员，也不允许删除自己。 - **个人资料**：修改自己的用户名与密码（需验证旧密码）。 -### 评价与讨论 +### 评价与评论 - **谁可以评价**：**只要有登录账号就能评价**，与「是不是观影人」无关——没一起去看过的人也能打分、写评价、参与讨论。评价的归属是账号（`admins`），不是观影人（`persons`）。 -- **打分 1-10**：详情页「💬 评价与讨论」区块里点数字即可打分，右侧实时显示「7 分 · 不错」；打分用的是原生单选框，禁用 JS 也能照常提交。 +- **页面上默认不出现任何输入框**：详情页「💬 评价与评论」区块上来只展示已有内容；要写什么就点对应那个按钮——「📝 写评价」「✏️ 修改我的评价」「💬 评论」「↩ 回复」，点开才当场展开表单，提交后页面刷新、表单自动收起。折叠用的是原生 `
/`，**不依赖 JS**，键盘也能操作。 +- **打分 1-10**：展开写评价表单后点数字即可打分，右侧实时显示「7 分 · 不错」；打分用的是原生单选框，禁用 JS 也能照常提交。 - **写评价**：一段正文（最多 5000 字）。**每个账号对每部电影只有一条评价**，再次提交即修改，页面上会标注「已编辑」。 -- **讨论**：任意账号都能在任意一条评价下面参与讨论（正文最多 1000 字）。 -- **观后感受（可多选）**：**写评价时**和**发讨论时**都可以勾选自己的观后感受，每种感受一个专属 emoji：😄 开心、💖 感动、🥰 温暖、🤩 激动、🤔 深思、😰 紧张、😨 恐惧、😲 震惊、😢 难受、😠 气愤、😴 无聊、😵 困惑。勾选多少个都行（最多 6 个），展示时按固定顺序排列。 + - 没评价过时，区块顶部只有一个「📝 写评价」按钮；评价过之后这个按钮就消失了，改成在**自己那条评价下面**出现「✏️ 修改我的评价」。 + - 一条评价都没有时，区块里只显示一句「还没有评价，等你来评一个。」 +- **评论与回复**：任意账号都能在任意一条评价下评论，也能**回复任意一条评论**（正文最多 1000 字）。 + - 每条评价下面有「💬 评论」按钮，每条评论下面有「↩ 回复」按钮，同样**点开才出现输入框**。 + - 评论是**两级平铺**结构：回复统一平铺在它所属的顶层评论之下（不再逐层缩进），只把「回复 @某某」写出来。所以**回复的回复也只会落在同一层**，无论来回多少轮，视觉上永远只有两层，页面不会越缩越窄。 +- **观后感受（可多选）**：**写评价时**和**发评论 / 回复时**都可以勾选自己的观后感受，每种感受一个专属 emoji：😄 开心、💖 感动、🥰 温暖、🤩 激动、🤔 深思、😰 紧张、😨 恐惧、😲 震惊、😢 难受、😠 气愤、😴 无聊、😵 困惑。勾选多少个都行（最多 6 个），展示时按固定顺序排列。 - 评价上的感受会显示在这条评价正文下面；修改评价时原来勾的会自动带上，取消勾选即清空。 - 感受只把 key（如 `happy`）存进数据库（`reviews.feelings` / `review_comments.feelings`），emoji 与文案统一在 `lib/reviews.php` 的 `feelingCatalog()` 里维护，**以后换 emoji / 改文案都不用动数据**。 - **评分概况**：详情页标题栏显示「N 条评价 · 均分 X」；首页列表卡片上有评价的电影会显示 `⭐ 均分`。 -- **删除**：只能删除**自己**的评价与讨论；删除评价时其下的讨论一并删除。删除电影时也会清掉对应的评价与讨论（SQLite 默认未开启外键级联，由程序手动清理）。 +- **删除**：只能删除**自己**的评价与评论；删除一条顶层评论时它下面的回复一并删除，删除评价时其下的评论全部删除。删除电影时也会清掉对应的评价与评论（SQLite 默认未开启外键级联，由程序手动清理）。 ### 基础数据维护 - **影院管理**：增删改查，支持「所在地方 / 影院名称 / 详细地址」三段式信息，内置 50 种预设配色，每个影院可用专属颜色区分；删除已被引用的影院时会给出醒目提示并要求二次确认（关联电影的影院字段将被置空）。 @@ -107,7 +112,7 @@ MovieLog_Server/ │ │ └── meta.php # 实例元数据鉴权（ECS RAM 角色 / CVM CAM 角色）与本机地域查询 │ ├── auth.php # 登录校验、管理员账号增删改 │ ├── movies.php # 电影/影院读取、搜索，以及表单关联数据的解析 -│ ├── reviews.php # 评价与讨论：打分 1-10、正文、讨论、观后感受目录（emoji） +│ ├── reviews.php # 评价与评论：打分 1-10、正文、评论与两级回复、观后感受目录（emoji） │ └── stats.php # 统计仪表板与年度报告查询 ├── index.php # 首页：观影列表（瀑布流）+ 快捷搜索 ├── add.php # 添加电影 @@ -159,7 +164,7 @@ MovieLog_Server/ | `viewers` | 电影 ↔ 观影人关联 | `movie_id`、`person_id`、`name`（历史遗留字段） | | `movie_photos` | 电影多图 | `movie_id`、`photo_path`、`created_at` | | `reviews` | 电影评价 | `movie_id`、`admin_id`（评价人是账号，不是观影人）、`rating`（1-10）、`content`、`feelings`（写评价时选的观后感受，同样是 JSON 数组）、`created_at`、`updated_at`；**`(movie_id, admin_id)` 上有唯一索引**，保证一个账号一部电影只一条 | -| `review_comments` | 评价下的讨论 | `review_id`、`admin_id`、`content`、`feelings`（感受 key 的 JSON 数组，如 `["happy","sad"]`）、`created_at` | +| `review_comments` | 评价下的评论与回复（两级平铺） | `review_id`、`admin_id`、`content`、`feelings`（感受 key 的 JSON 数组，如 `["happy","sad"]`）、`parent_id`（**空 = 顶层评论；非空 = 对某条顶层评论的回复**——写回复的回复时会被规范化回顶层评论，库里永远不会更深）、`reply_to_admin_id`（被回复者的 `admins.id`，用于显示「回复 @某某」；存「人」而非评论 id，对方那条被删也不会悬空）、`created_at`；`parent_id` 上有索引（删顶层评论时要按它找回复一并清掉） | | `settings` | 键值配置与缓存 | `name`（唯一）、`value`。存存储驱动选择、各云厂商配置、图片访问方式等；**云厂商密钥以 `enc:v1:gcm:` 前缀密文落库**（密钥文件 `db/.settings.key`，首次保存时自动生成，**丢失后密文不可恢复**） | `settings` 中除配置外的运行时缓存键（都可安全清空，程序会自动重建）： @@ -265,16 +270,17 @@ server { 2. 进入「年度报告」，页面顶部切换年份即可查看。 3. 未绑定观影人时报告为空并给出提示。 -### 打分、写评价与参与讨论 +### 打分、写评价与参与评论 -1. 打开任意一部电影的详情页，滚到最下面的「💬 评价与讨论」。 -2. **打分**：点「我的评分」后面的 1-10 任意一个数字（选中会变橙色），旁边实时显示「几分 · 怎么样」。 -3. **写评价**：在下面文本框里写正文；再到「我看完的感受（可多选）」里勾几个感受 emoji，点「📝 发表评价」。 - - 已经评价过时，这一块会变成「✏️ 修改我的评价」，按钮是「💾 保存修改」——同一部电影不会留下两条你的评价，**原来勾的感受会自动带上**，取消勾选就是清掉。 +1. 打开任意一部电影的详情页，滚到最下面的「💬 评价与评论」。**这一块默认全是内容、没有一个输入框**，想写什么就点哪个按钮。 +2. **写评价**：没评价过时，点顶部的「📝 写评价」展开表单 → 点「我的评分」后面的 1-10 任意一个数字（选中会变橙色，旁边实时显示「几分 · 怎么样」）→ 写正文 → 在「我看完的感受（可多选）」里勾几个感受 emoji → 点「📝 发表评价」。 + - 评价过之后「📝 写评价」就没了，改成在**自己那条评价下面**出现「✏️ 修改我的评价」，点开同样是这套表单，按钮变成「💾 保存修改」；同一部电影不会留下两条你的评价，**原来勾的感受会自动带上**，取消勾选就是清掉。 - 评价保存后，感受会以只读小标签显示在这条评价正文下面。 -4. **参与讨论**：在别人的（或自己的）任意一条评价下面，写一句话，同样可以勾选感受，点「💬 发表讨论」。 - - 讨论会带上评价人的头像、昵称，以及你选的感受 emoji。 -5. **删除**：自己发的评价和讨论，右侧有删除按钮（别人的没有）；删评价时下面的讨论会一起删掉。 +3. **评论**：在任意一条评价下面点「💬 评论」，展开输入框，可以勾选感受，点「💬 发表评论」。 +4. **回复评论**：在任意一条评论下面点「↩ 回复」，展开输入框，点「↩ 发表回复」。 + - 页面在回复上方标出「回复 @某某」。**回复的回复也只会平铺在同一层**，不会一层层往右缩进。 + - 评论会带上作者的头像、昵称，以及你选的感受 emoji。 +5. **删除**：自己发的评价和评论，右侧有删除按钮（别人的没有）；删一条顶层评论时它下面的回复会一起删掉，删评价时下面的评论全部删掉。 > 评价人是**登录账号**。家里几个人各有一个账号时，同一部电影可以各自打分，标题栏会显示「N 条评价 · 均分 X」。 diff --git a/detail.php b/detail.php index 4b3d826..4de6fa2 100644 --- a/detail.php +++ b/detail.php @@ -36,8 +36,9 @@ $rvError = ''; // 评价表单的错误 $rvFormRating = 0; $rvFormContent = ''; $rvFormFeelings = []; // 评价表单里已勾选的观后感受 -$rvCommentErrId = 0; // 哪一条评价的讨论表单报错 -$rvCommentErr = ''; +$rvCommentErrId = 0; // 哪一条评价下的「评论」表单报错 +$rvReplyErrId = 0; // 哪一条评论下的「回复」表单报错 +$rvCommentErr = ''; // 上面两种表单共用的错误文案 // 当前账号已有的评价（有则表单变成「修改」） $myReview = getMyReview($id, $adminId); @@ -88,36 +89,44 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && $adminId > 0) { } elseif ($rvAction === 'add_comment') { $reviewId = (int)($_POST['review_id'] ?? 0); + $parentId = (int)($_POST['parent_id'] ?? 0); // 0 = 评论这条评价；>0 = 回复某条评论 $content = trim((string)($_POST['content'] ?? '')); $feelings = normalizeFeelings($_POST['feelings'] ?? []); $review = getReviewById($reviewId); + $isReply = ($parentId > 0); if ($content === '') { - $rvCommentErrId = $reviewId; - $rvCommentErr = '讨论内容不能为空'; + $rvCommentErr = $isReply ? '回复内容不能为空' : '评论内容不能为空'; } elseif (reviewTextLength($content) > REVIEW_COMMENT_MAX) { - $rvCommentErrId = $reviewId; - $rvCommentErr = '讨论内容太长了（最多 ' . REVIEW_COMMENT_MAX . ' 字）'; + $rvCommentErr = ($isReply ? '回复' : '评论') . '内容太长了（最多 ' . REVIEW_COMMENT_MAX . ' 字）'; } elseif (!$review || (int)$review['movie_id'] !== $id) { - $rvCommentErrId = $reviewId; - $rvCommentErr = '这条评价不存在'; + $rvCommentErr = '这条评价不存在'; } else { - $newId = addReviewComment($reviewId, $adminId, $content, $feelings); + $newId = addReviewComment($reviewId, $adminId, $content, $feelings, $parentId); if ($newId) { - $_SESSION['rv_flash'] = ['type' => 'success', 'msg' => '讨论已发表']; + $_SESSION['rv_flash'] = ['type' => 'success', 'msg' => $isReply ? '回复已发表' : '评论已发表']; header('Location: detail.php?id=' . $id . '#reviews'); exit; } + $rvCommentErr = ($isReply && !getReviewCommentById($parentId)) + ? '要回复的那条评论不存在' + : '保存失败，请稍后再试'; + } + + // 提示挂回它来自的那个表单：渲染时命中就把 $rvCommentErrShown 置位； + // 若那个表单根本不在页面上（比如被改过的 id），末尾会退化成区块顶部的提示。 + if ($isReply) { + $rvReplyErrId = $parentId; + } else { $rvCommentErrId = $reviewId; - $rvCommentErr = '保存失败，请稍后再试'; } } elseif ($rvAction === 'delete_comment') { $commentId = (int)($_POST['comment_id'] ?? 0); if (deleteReviewComment($commentId, $adminId)) { - $_SESSION['rv_flash'] = ['type' => 'success', 'msg' => '讨论已删除']; + $_SESSION['rv_flash'] = ['type' => 'success', 'msg' => '评论已删除']; } else { - $_SESSION['rv_flash'] = ['type' => 'error', 'msg' => '只能删除自己的讨论']; + $_SESSION['rv_flash'] = ['type' => 'error', 'msg' => '只能删除自己的评论']; } header('Location: detail.php?id=' . $id . '#reviews'); exit; @@ -128,18 +137,128 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && $adminId > 0) { $reviews = getMovieReviews($id); $rvStats = reviewStats($id); $feelings = feelingCatalog(); -// 讨论的错误提示默认贴在那条评价自己的表单上；但如果出错的评价根本不在这部电影 -// 下（比如被改过的 review_id），页面上找不到对应的表单，就退化成整段顶部的提示， -// 否则错误会被静默吞掉。 +// 评论 / 回复的错误提示默认贴在它来自的那个表单上。到底贴上了没有，由渲染过程 +// 自己记录（渲染到那个表单时把 $rvCommentErrShown 置为 true）——这样不必事先遍历 +// 判断，也不会漏掉「回复表单」这种情况。若到最后都没贴上（那个表单不在页面上， +// 比如被改过的 review_id / comment_id），就退化成区块顶部的提示，不静默吞掉。 $rvCommentErrShown = false; -if ($rvCommentErrId > 0) { - foreach ($reviews as $rv) { - if ((int)$rv['id'] === $rvCommentErrId) { $rvCommentErrShown = true; break; } - } -} // 1-10 分对应的文案，交给前端实时显示（下标 = 分值 - 1） $rvRatingWords = array_map('ratingWord', range(1, 10)); +// ---------- 评价区复用的模板片段 ---------- +// 交互原则：页面上默认不出现任何输入框，要写什么就点对应那个按钮，表单当场展开； +// 提交后页面重新加载，表单自然又收起来。折叠用原生
/： +// 不依赖 JS、没有 JS 也能用，键盘也能操作。 +// 写成闭包是为了让「评价表单」「评论/回复表单」各只有一份代码，却能出现在多个位置 +// （评价表单要在「写评价」和「修改我的评价」两处复用）。 + +// 可勾选的观后感受；$checked 里的是要预勾选的 +$feelChips = function (array $checked = []) use ($feelings) { + ob_start(); ?> +
+ $f): ?> + + +
+ +
+ + + + + + +
+ +
> + +
+ + +
+ 我的评分 +
+ + + +
+ + 0 ? $rvFormRating . ' 分 · ' . h(ratingWord($rvFormRating)) : '未评分' ?> + +
+ +
+ + +
+ 我看完的感受（可多选） + +
+
+ 每个账号对每部电影只有一条评价，再次提交即为修改。 + +
+
+
+ 0 是回复 $parentId 那条评论 +// （底层会不会再往下嵌由 addReviewComment 规范化，页面上永远只有两层）。 +// 渲染命中错误时把 $rvCommentErrShown 置位，末尾就不必再兜底显示一遍。 +$rvCommentBox = function ($reviewId, $parentId, $summary, $open = false) use ($id, $feelChips, $rvCommentErr, $rvCommentErrId, $rvReplyErrId, &$rvCommentErrShown) { + $parentId = (int)$parentId; + $errHere = $parentId > 0 + ? ($rvReplyErrId === $parentId) + : ($rvCommentErrId === (int)$reviewId); + ob_start(); ?> +
> + +
+ + + + + + +
+ + +
+ 观后感受（可多选） + +
+
+ +
+
+
+ .rv-feelings { margin-left: 44px; } - .rv-comment-form { - margin-left: 44px; - } .rv-feeling-pick { margin-top: 8px; } @@ -764,14 +874,116 @@ $hasGallery = !empty($gallery); color: var(--primary); font-size: 12px; } + + /* ---------- 按需展开的输入框（原生 details，不依赖 JS） ---------- + 页面上默认看不到任何 textarea：写评价点「写评价」、评论点「评论」、 + 回复点「回复」，点开才展开；提交后页面刷新，自然又收起来。 */ + .rv-composer > summary { + list-style: none; /* 去掉默认的三角标记（标准属性） */ + cursor: pointer; + } + .rv-composer > summary::-webkit-details-marker { + display: none; /* 同上，兼容 WebKit / 旧 Chrome */ + } + /* 评价表单的主按钮（那两处入口共用） */ + .rv-open-btn { + display: inline-block; + padding: 8px 18px; + border-radius: 10px; + background: linear-gradient(135deg, var(--primary), var(--primary-light)); + color: #fff; + font-size: 14px; + font-weight: 600; + user-select: none; + transition: var(--transition); + } + .rv-open-btn:hover { + box-shadow: 0 4px 14px rgba(230, 126, 34, 0.32); + } + /* 展开状态下按钮退成浅色，避免和下方表单抢注意力 */ + .rv-composer[open] > .rv-open-btn { + background: var(--bg-secondary); + color: var(--text-secondary); + box-shadow: none; + } + /* 列表内的轻量按钮：评论 / 回复 */ + .rv-act-btn { + display: inline-block; + padding: 4px 12px; + border: 1px solid var(--border-color); + border-radius: 20px; + background: var(--input-bg, var(--card-bg)); + color: var(--text-secondary); + font-size: 12.5px; + line-height: 1.6; + user-select: none; + cursor: pointer; + transition: var(--transition); + } + .rv-act-btn:hover { + border-color: var(--primary); + color: var(--primary); + } + .rv-composer[open] > .rv-act-btn { + border-color: var(--primary); + background: rgba(230, 126, 34, 0.12); + color: var(--primary); + font-weight: 600; + } + /* 展开出来的表单：贴紧按钮，且不再要外面那圈大下边距 */ + .rv-composer > .rv-form { + margin-top: 10px; + margin-bottom: 0; + } + .rv-form-inline { + padding: 12px 14px; + } + .rv-form-inline .rv-textarea-sm { + min-height: 56px; + } + /* 评价卡片底部的操作行 */ + .rv-actions { + display: flex; + align-items: flex-start; + gap: 8px 10px; + flex-wrap: wrap; + margin: 12px 0 0 44px; + } + /* 一条评论 / 一条回复下面的「回复」按钮 */ + .rv-c-acts { + margin-top: 6px; + } + /* 一个评论主题：顶层评论 + 它下面的全部回复 */ + .rv-thread { + display: flex; + flex-direction: column; + gap: 6px; + } + /* 回复统一平铺在顶层评论之下，只缩进一点表示从属，不再逐层往里缩 */ + .rv-comment-reply { + margin-left: 22px; + } + .rv-at { + font-size: 12.5px; + color: var(--text-secondary); + margin-bottom: 2px; + } + .rv-at span { + color: var(--primary); + font-weight: 600; + } @media (max-width: 600px) { .rv-content, .rv-updated, .rv-comments, - .rv-comment-form, + .rv-actions, .rv-item > .rv-feelings { margin-left: 0; } + /* 手机上回复再收一点缩进，别把内容挤窄了 */ + .rv-comment-reply { + margin-left: 10px; + } } /* ---------- 图片灯箱（替代原来的 window.open 弹窗） ---------- @@ -1040,11 +1252,13 @@ $hasGallery = !empty($gallery); - +
-

💬 评价与讨论 +

💬 评价与评论 0): ?> 条评价 · 均分 @@ -1060,51 +1274,13 @@ $hasGallery = !empty($gallery);

- -
- - -
-
- 我的评分 -
- - - -
- - 0 ? $rvFormRating . ' 分 · ' . h(ratingWord($rvFormRating)) : '未评分' ?> - -
- -
- - -
- 我看完的感受（可多选） -
- $f): ?> - - -
-
-
- 每个账号对每部电影只有一条评价，再次提交即为修改。 - -
-
+ + + + -

还没有人评价这部电影，你可以是第一个 👆

+

还没有评价，等你来评一个。

@@ -1124,7 +1300,7 @@ $hasGallery = !empty($gallery); /10
+ onsubmit="return confirm('删除我的这条评价？下面的评论也会一起删除，不可恢复。')"> @@ -1133,88 +1309,92 @@ $hasGallery = !empty($gallery);
- -
- - - - - - -
- +
已编辑
- + -
- -
-
- - 我 - - - - - - - - - -
- -
- - - - - - +
+
+ +
+
+ + 我 + + +
+ + + + +
+
- -
+ +
+
+ +
+
+ + + + +
+ +
+
+ + 我 + + +
+ + + + +
+ +
+ +
回复 @
+ + +
+
+ +
+
+
+
- -
- - - - -
+ +
+ + + - -
- 看完的感受（可多选） -
- $f): ?> - - -
-
-
- -
- +
diff --git a/lib/db.php b/lib/db.php index 9bdf27f..7331c37 100644 --- a/lib/db.php +++ b/lib/db.php @@ -119,7 +119,13 @@ function initDB() { ) "); - // 评价下的讨论（评论）。 + // 评价下的讨论（评论）。评论是**两级结构**： + // parent_id 为空 → 顶层评论，直接挂在某条评价下； + // parent_id 非空 → 对某条评论的回复，值指向「被回复的那条评论」的 id。 + // 页面展示时所有回复都平铺在它所属的顶层评论之下（不再逐层缩进）， + // 只把「回复 @谁」写出来；这样无论回复多深，视觉上都只有两层。 + // reply_to_admin_id → 被回复者（admins.id），用于显示「回复 @某某」。 + // 它存「人」而不是「评论 id」，所以对方那条评论被删掉也不会留下悬空引用。 // feelings 存的是感受 key 的 JSON 数组（如 [\"happy\",\"sad\"]）， // emoji 与文案不入库——统一在 lib/reviews.php 的目录里维护，改文案不用动数据。 $db->exec(" @@ -127,6 +133,8 @@ function initDB() { id INTEGER PRIMARY KEY AUTOINCREMENT, review_id INTEGER NOT NULL, admin_id INTEGER NOT NULL, + parent_id INTEGER, + reply_to_admin_id INTEGER, content TEXT NOT NULL, feelings TEXT, created_at DATETIME DEFAULT CURRENT_TIMESTAMP, @@ -150,6 +158,16 @@ function initDB() { try { $db->exec("ALTER TABLE admins ADD COLUMN person_id INTEGER REFERENCES persons(id) ON DELETE SET NULL"); } catch (PDOException $e) {} // 新增：评价本身也可以带观后感受（评价表先于该字段上线过一版，故需要迁移） try { $db->exec("ALTER TABLE reviews ADD COLUMN feelings TEXT"); } catch (PDOException $e) {} + // 新增：评论支持回复（两级结构，含义见上面 review_comments 建表处的说明）。 + // 评论表同样先于这两个字段上线过一版，线上是老结构，必须能自动补列。 + try { $db->exec("ALTER TABLE review_comments ADD COLUMN parent_id INTEGER"); } catch (PDOException $e) {} + try { $db->exec("ALTER TABLE review_comments ADD COLUMN reply_to_admin_id INTEGER"); } catch (PDOException $e) {} + + // 删顶层评论时要按 parent_id 找它下面的回复一并清掉，给它建个索引。 + // 这条索引必须放在上面的「补列」之后：老库的 review_comments 是旧结构、没有 + // parent_id 列，而上面建表用的是 IF NOT EXISTS（对已存在的表不生效）， + // 索引若跑在补列之前会直接抛 "no such column: parent_id" 让整个 initDB 挂掉。 + $db->exec("CREATE INDEX IF NOT EXISTS idx_review_comments_parent ON review_comments(parent_id)"); // ===== 迁移旧数据 ===== // 将 viewers.name 迁移到 persons diff --git a/lib/reviews.php b/lib/reviews.php index 9f21fe5..2f7a276 100644 --- a/lib/reviews.php +++ b/lib/reviews.php @@ -129,7 +129,12 @@ function getMovieReviews($movie_id) { return $reviews; } -// 给一批评价挂上 comments（一次查询，避免每条评价查一次库） +// 给一批评价挂上 comments（一次查询，避免每条评价查一次库）。 +// +// 评论是**两级结构**：顶层评论（parent_id 为空）直接挂在评价下； +// 对评论的回复统一平铺在它所属的顶层评论的 replies 里——页面上不再逐层缩进， +// 只用 reply_to_username 标出「回复 @谁」。这样无论来回回复多少轮， +// 视觉上永远只有两层，页面也干净。 function attachCommentsToReviews(array &$reviews) { if (empty($reviews)) return; $ids = array_column($reviews, 'id'); @@ -139,21 +144,56 @@ function attachCommentsToReviews(array &$reviews) { $db = getDB(); $placeholders = implode(',', array_fill(0, count($ids), '?')); $stmt = $db->prepare(" - SELECT c.*, a.username, a.avatar + SELECT c.*, a.username, a.avatar, ra.username AS reply_to_username FROM review_comments c - LEFT JOIN admins a ON c.admin_id = a.id + LEFT JOIN admins a ON c.admin_id = a.id + LEFT JOIN admins ra ON c.reply_to_admin_id = ra.id WHERE c.review_id IN ($placeholders) ORDER BY c.created_at ASC, c.id ASC "); $stmt->execute($ids); - $map = []; + $byId = []; foreach ($stmt->fetchAll() as $row) { - $row['feelings'] = parseStoredFeelings($row['feelings'] ?? ''); - $map[(int)$row['review_id']][] = $row; + $row['feelings'] = parseStoredFeelings($row['feelings'] ?? ''); + // 老数据里这两列可能还不存在（库刚迁移）或为 0，统一成「空 = null」 + $row['parent_id'] = ($row['parent_id'] === null || (int)$row['parent_id'] <= 0) + ? null : (int)$row['parent_id']; + $byId[(int)$row['id']] = $row; } + + // 先把顶层评论按评价分桶（保持查询给出的时间顺序） + $grouped = []; // review_id => [ ['comment' => 顶层评论, 'replies' => [回复…]], … ] + foreach ($byId as $row) { + if ($row['parent_id'] !== null) continue; + $grouped[(int)$row['review_id']][] = ['comment' => $row, 'replies' => []]; + } + // 顶层评论 id => 它在 $grouped 里的下标，便于把回复挂上去 + $index = []; + foreach ($grouped as $rvId => $list) { + foreach ($list as $i => $item) { + $index[$rvId][(int)$item['comment']['id']] = $i; + } + } + + // 再挂回复：沿 parent 链向上找到所属的顶层评论。 + // 正常写入时 parent_id 一定就是顶层评论 id（addReviewComment 会规范化）， + // 这里多走几步只是容忍被手工改坏的数据，最多 20 步防成环。 + foreach ($byId as $row) { + if ($row['parent_id'] === null) continue; + $rvId = (int)$row['review_id']; + $root = (int)$row['parent_id']; + for ($step = 0; $step < 20 && isset($byId[$root]) && $byId[$root]['parent_id'] !== null; $step++) { + $root = $byId[$root]['parent_id']; + } + if (isset($index[$rvId][$root])) { + $grouped[$rvId][$index[$rvId][$root]]['replies'][] = $row; + } + // 找不到所属顶层（顶层已被删）的回复直接丢掉，不让它变成挂在评价上的孤儿 + } + foreach ($reviews as &$review) { - $review['comments'] = $map[(int)$review['id']] ?? []; + $review['comments'] = $grouped[(int)$review['id']] ?? []; } unset($review); } @@ -180,6 +220,17 @@ function getReviewById($review_id) { return $row ?: null; } +// 取单条评论（用于校验「回复的目标」存在、且属于同一条评价） +function getReviewCommentById($comment_id) { + if ((int)$comment_id <= 0) return null; + $db = getDB(); + $stmt = $db->prepare("SELECT * FROM review_comments WHERE id = ?"); + $stmt->execute([(int)$comment_id]); + // 用 fetchAll 取：只取一行就放着不读完，游标会一直挂着共享读锁（本项目踩过） + $rows = $stmt->fetchAll(); + return $rows ? $rows[0] : null; +} + // 某部电影的评分概况：['count' => n, 'avg' => 7.5] // 没人评价时 avg 为 null，展示时不要显示 0 分。 function reviewStats($movie_id) { @@ -281,10 +332,17 @@ function deleteReview($review_id, $admin_id) { } /** - * 在一条评价下发表讨论。$feelings 是感受 key 数组（可为空）。 + * 在一条评价下发表评论，或回复某条评论。$feelings 是感受 key 数组（可为空）。 + * + * $parent_id = 0 → 直接评论这条评价（成为顶层评论） + * $parent_id > 0 → 回复该 id 所指的那条评论（顶层评论或某条回复都行） + * + * 为了维持「两级平铺」的结构，回复的回复会被**规范化**到同一条顶层评论之下， + * 所以库里任何一条评论的 parent_id 要么为空、要么指向一条顶层评论，永远不会更深。 + * * 返回新评论 id，失败返回 false。 */ -function addReviewComment($review_id, $admin_id, $content, array $feelings = []) { +function addReviewComment($review_id, $admin_id, $content, array $feelings = [], $parent_id = 0) { $db = getDB(); $content = trim((string)$content); $review = getReviewById($review_id); @@ -292,25 +350,48 @@ function addReviewComment($review_id, $admin_id, $content, array $feelings = []) return false; } + $parent_id = (int)$parent_id; + $replyTo = null; + if ($parent_id > 0) { + $parent = getReviewCommentById($parent_id); + // 只能回复「同一条评价下」的评论，防止拿别的评价的 comment_id 跨过去 + if (!$parent || (int)$parent['review_id'] !== (int)$review_id) { + return false; + } + // 回复的回复：挂到那条顶层评论下，@ 的仍然是真正被回复的那个人 + if ($parent['parent_id'] !== null && (int)$parent['parent_id'] > 0) { + $parent_id = (int)$parent['parent_id']; + } + $replyTo = (int)$parent['admin_id']; + } + $stmt = $db->prepare(" - INSERT INTO review_comments (review_id, admin_id, content, feelings) - VALUES (?, ?, ?, ?) + INSERT INTO review_comments (review_id, admin_id, parent_id, reply_to_admin_id, content, feelings) + VALUES (?, ?, ?, ?, ?, ?) "); $ok = $stmt->execute([ $review_id, $admin_id, + $parent_id > 0 ? $parent_id : null, + $replyTo, $content, feelingsToJson(normalizeFeelings($feelings)), ]); return $ok ? (int)$db->lastInsertId() : false; } -// 删除自己的讨论；只能删自己的 +// 删除自己的评论；只能删自己的。 +// 删的是顶层评论时，连它下面的回复一起删——回复在页面上只存在于某条顶层评论之下， +// 留着就会变成挂在评价上的孤儿。 function deleteReviewComment($comment_id, $admin_id) { $db = getDB(); $stmt = $db->prepare("DELETE FROM review_comments WHERE id = ? AND admin_id = ?"); - $stmt->execute([$comment_id, $admin_id]); - return $stmt->rowCount() > 0; + $stmt->execute([(int)$comment_id, (int)$admin_id]); + if ($stmt->rowCount() <= 0) return false; + + $stmt = $db->prepare("DELETE FROM review_comments WHERE parent_id = ?"); + $stmt->execute([(int)$comment_id]); + return true; } /**