# 暖记课堂试点就绪 — 功能补全设计规格 > **版本**: 1.1 (审查修订) > **日期**: 2026-06-02 > **基线**: main (7e928ae) > **目标**: 四角色闭环 + 跨角色链路全部打通,达到真实课堂试点就绪 > **审计报告**: `docs/verification/full-system-audit-report.md` --- ## 1. 产品定位 ### 1.1 核心认知 暖记是**纯 C 端个人日记产品**,不是学校管理系统: - **孩子是主动用户** — 产品价值在于"孩子愿不愿意每天打开写日记" - **家长是守门人** — 14 岁以下必须家长授权,家长是法律上的责任主体 - **老师是可选增强层** — 班级功能让日记变得更有趣,但不是必需品 - **管理员是平台运营** — 管理内容和用户,不面向具体学校 ### 1.2 角色优先级 ``` 孩子(绝对核心)> 家长(合规+决策)> 老师(增强)> 管理员(运营) ``` ### 1.3 成功标准 试点阶段回答一个核心问题:**孩子会不会自发地、持续地使用暖记写日记?** 辅助指标: - 家长是否感到安全(PIPL 合规 + 数据管理权) - 老师是否愿意持续参与(布置主题 + 写评语的流程是否顺畅) - 管理员能否有效运营(审核内容 + 管理资源) --- ## 2. 四角色旅程地图 ### 2.1 孩子旅程(绝对核心) ``` 打开 app → 写日记(手写/贴纸/照片/心情) → 保存 → 回看历史 → 感受到"我在成长" → [可选] 加入班级 → 分享给同学 → 收到老师鼓励 → 更想写了 ``` | 步骤 | 当前状态 | 缺口 | |------|----------|------| | 注册/登录 | ✅ | — | | 首页(今日概览/近期日记) | ✅ | — | | 写日记(手写+贴纸+照片+文字) | ✅ | — | | **再次打开编辑已有日记** | ❌ | **P0: editor 打开已有日记=空白** | | 保存(本地+云端) | ✅ | SyncEngine 已接入 | | 心情记录/查看 | ✅ | — | | 日历回看 | ✅ | — | | 搜索历史日记 | ❌ | **P2: Isar FTS 未实现(当前用客户端过滤)** | | [可选] 加入班级 | ✅ | — | | [可选] 分享到班级 | ✅ | — | | [可选] 收到老师点评 | ⚠️ | 需验证通知→查看闭环 | **关键缺口:再次编辑 + 搜索** ### 2.2 家长旅程(守门人) ``` 注册 → 关联孩子账号 → 查看孩子日记 → 查看心情趋势 → 感到安心 → [可选] 管理数据权限/导出 ``` | 步骤 | 当前状态 | 缺口 | |------|----------|------| | 注册+关联孩子 | ✅ | 多孩子选择器已修 | | 查看孩子日记 | ⚠️ | 数据流未端到端验证 | | 查看心情趋势 | ⚠️ | MoodBloc 未验证 | | 查看老师评语 | ❌ | 未验证是否展示给家长 | | **数据管理权**(查阅/更正/删除/导出) | ⚠️ | **UI 已存在(parent_page.dart),需端到端验证+补全文件下载** | **关键缺口:PIPL 数据权利端到端验证 + 导出文件下载补全** ### 2.3 老师旅程(可选增强) ``` 注册(普通用户) → 创建班级 → 获得班级码 → 布置主题 → 查看学生日记墙 → 写评语/鼓励 ``` | 步骤 | 当前状态 | 缺口 | |------|----------|------| | 注册 | ✅ | — | | 创建班级 | ✅ | — | | 布置主题 | ✅ | P2 已修 classId | | 查看班级日记墙 | ✅ | 服务端过滤已修 | | **写评语/鼓励** | ⚠️ | API 完整,UI 需端到端验证 | | 管理班级(编辑/停用/重置码) | ❌ | H6 缺失,C端可延后 | **关键缺口:点评闭环需端到端验证** ### 2.4 管理员旅程(平台运营) | 步骤 | 当前状态 | 缺口 | |------|----------|------| | 登录管理端 | ✅ | — | | 用户/角色管理 | ✅ | 基座继承 | | **班级管理** | ⚠️ | C1: API 不匹配 | | 日记审阅 | ✅ | 95% 完成 | | 贴纸包管理 | ❌ | H7: 只有只读 | | 主题管理 | ⚠️ | H8: 缺编辑/停用 | | **菜单完整性** | ❌ | 多个功能无入口 | --- ## 3. 跨角色链路 ### 3.1 必须打通的三条链路 ``` 链路 1(合规刚需): 孩子 → 家长 孩子≠写日记 → 家长≠能查看 + 管理数据权利 链路 2(动力增强): 孩子 → 老师 → 孩子 老师≠布置主题 → 孩子≠看到主题→写日记→分享 → 老师≠写评语 → 孩子≠下次看到鼓励 链路 3(平台运营): 老师管理端 管理员≠审核内容 + 管理班级/主题 + 管理贴纸资源 ``` --- ## 4. 架构决策 ### 4.1 决策 1:编辑器加载已有数据 → 方案 A: LoadJournal Event **问题:** EditorPage 的 `_EditorStack` 从不加载 `journalId` 对应的数据,编辑已有日记时页面空白。 **方案:** 在 EditorBloc 添加 `LoadJournal` event,从 JournalRepository 读取日记数据,还原 strokes + elements + mood + tags 到 EditorState。 **实现要点:** ```dart // editor_event.dart class LoadJournal extends EditorEvent { final String journalId; const LoadJournal(this.journalId); } // editor_bloc.dart — 新增 event handler Future _onLoadJournal(LoadJournal event, Emitter emit) async { final journal = await repo.getJournal(event.journalId); if (journal == null) return; // 加载元素 final elements = await repo.getElements(event.journalId); // 查找 handwriting_ref 元素,反序列化为 Stroke 列表 final strokes = await _loadStrokes(repo, event.journalId); emit(state.copyWith( title: journal.title, selectedMood: journal.mood, tags: journal.tags, strokes: strokes, elements: elements, lastSavedAt: journal.updatedAt, )); } ``` **触发时机:** `_EditorStack.initState` 中,当 `widget.journalId != null` 时 dispatch `LoadJournal`。 **笔画反序列化:** `Stroke.fromJson()` 工厂方法**已实现**(stroke_model.dart:97-110),无需额外开发。只需验证序列化/反序列化的一致性。 **约束:** - EditorBloc 当前不接受 JournalRepository 作为依赖。需要修改构造函数注入 `JournalRepository`,或在 `LoadJournal` event 中传入所需数据。 - 推荐:在 event 中传入 `JournalEntry` + `List`,由 EditorPage 的外层 widget 负责加载后传入。 ### 4.2 决策 2:PIPL 数据管理权 → 方案 B: 验证+补全现有实现 **问题:** PIPL 要求家长有查阅、更正、删除、导出孩子数据的权利。 **现状(审查修正):** `parent_page.dart` 已实现大部分 PIPL 功能: - 孩子选择器(多孩子切换)✅ - 查看孩子日记列表(ParentJournalsLoaded state)✅ - 导出数据(ParentDataExported state + UI)✅ - 删除数据 + 确认对话框(parent_page.dart:160-200)✅ - PIPL 合规说明文本(parent_page.dart:1113-1150)✅ - ParentBloc 已有完整事件:ParentLoadChildren, ParentViewJournals, ParentExportData, ParentDeleteData ✅ **方案:** 不需要新建页面。在现有 `/parent` 页面上**验证和补全缺口**。 **需要补全的具体缺口:** 1. **导出文件下载** — 当前导出可能仅显示 JSON 预览,需确认是否支持文件下载到本地 2. **端到端数据流验证** — 确认 ParentBloc 事件链完整触发,后端返回正确数据 3. **法律说明文本完善** — 确认 30 天账号注销政策文本存在且准确 **后端 API(实际路径,已验证):** - `GET /diary/parent/journals?child_id=...` — 查看孩子日记(query parameter,非 path parameter) - `GET /diary/parent/export?child_id=...` — 导出数据(GET 方法,非 POST) - `DELETE /diary/parent/data` + JSON body `{child_id: ...}` — 删除数据 > ⚠️ 注意:以上路径与审计报告中的描述不同。Flutter 端 ParentBloc 已使用正确路径。 ### 4.3 决策 3:师生点评闭环 → 方案 B: 轮询拉取 **问题:** 老师写评语后学生看不到。SSE 有端口配置问题,且 Flutter Web 对 SSE 支持有限。 **方案:** 学生打开日记时,从后端拉取该日记的评论列表并展示。不做实时推送,Phase 2 再完善 SSE。 **实现要点:** ```dart // 在日记详情/查看页面加载时 final comments = await apiClient.get('/diary/journals/$journalId/comments'); // 展示评论列表(在日记内容下方) // - 老师评语特殊样式(头像+标签) // - 未读评论标记(对比本地最后查看时间) ``` **展示位置:** EditorPage 顶栏添加评语图标,点击弹出评论列表。仅在 journalId != null(查看已有日记)时显示。 **BLoC 架构决策:** 评论列表使用**独立 FutureBuilder widget**,不纳入 EditorBloc state。 - 理由:评论是只读展示,不需要复杂的 state 管理(加载/错误/空三态 FutureBuilder 足够) - 评论数据通过 `context.read().get(...)` 直接获取 - 避免给已复杂的 EditorBloc 增加更多职责 **老师写评语位置:** 班级日记墙页面(class diary wall),在学生日记卡片上添加评语按钮。 - 文件:`app/lib/features/class_/views/` 相关页面 - 通过 ClassBloc 已有的 `_onCommentCreate` 事件处理 - 需验证:评语提交后日记墙上的评语计数是否更新 **约束:** - 后端 API 已有:`GET /diary/journals/:id/comments`、`POST /diary/journals/:id/comments` - 评论需要区分"老师评语"和"同学评论"(通过角色判断) - 内容安全过滤:审查确认 `comment_service.rs` 已集成 ContentSafetyService(H4 实际已完成) --- ## 5. 实施路线图 ### Phase 1:孩子核心闭环(~2-3 天) > **验证标准:** 孩子能完成"写日记→保存→再打开→继续编辑→搜索找到→日历回看" > **测试要求:** `flutter test` 通过 + EditorBloc LoadJournal 单元测试 | # | 任务 | 文件 | 优先级 | 依赖 | |---|------|------|--------|------| | 1 | EditorBloc 添加 `LoadJournal` event + state 还原逻辑(注入 JournalEntry + List\) | editor_bloc.dart, editor_event.dart, editor_state.dart | P0 | — | | 2 | ~~Stroke.fromJson()~~ ✅ 已实现,需验证序列化/反序列化一致性 | stroke_model.dart | — | — | | 3 | EditorPage `_EditorStack.initState` 触发 LoadJournal(外层 widget 先加载数据再传入 event) | editor_page.dart | P0 | 1 | | 4 | EditorBloc LoadJournal 单元测试 | test/features/editor/bloc/editor_bloc_test.dart | P0 | 1 | | 5 | 搜索功能验证(当前客户端过滤可用性确认,Isar FTS 延后) | search_bloc.dart | P2 | — | | 6 | H5 catch_ 异常处理:class_bloc.dart 6 处 catch(_)+5 处无日志 catch(e) | class_bloc.dart, weekly_page.dart, monthly_page.dart, profile_page.dart, parent_page.dart | P3 | — | ### Phase 2:家长合规闭环(~1-2 天) > **验证标准:** 家长能"关联孩子→查看日记→导出数据文件→删除数据+确认" > **测试要求:** ParentBloc 端到端数据流验证通过 | # | 任务 | 文件 | 优先级 | 依赖 | |---|------|------|--------|------| | 7 | 端到端验证:ParentBloc 事件链(加载孩子→查看日记→导出→删除) | parent_bloc.dart, parent_page.dart | P0 | — | | 8 | 补全:导出功能文件下载(确认 JSON 预览→实际文件下载) | parent_page.dart | P1 | 7 | | 9 | 补全:PIPL 法律说明文本完善(30 天注销政策) | parent_page.dart | P1 | 7 | | 10 | 端到端验证:家长查看老师评语(确认评论展示给家长) | parent_page.dart | P1 | 7 | ### Phase 3:师生互动闭环(~2-3 天) > **验证标准:** 老师能"布置主题→学生看到→写日记分享→老师写评语→学生下次打开看到鼓励" > **测试要求:** ClassBloc 评论提交测试通过 + 手动端到端验证 | # | 任务 | 文件 | 优先级 | 依赖 | |---|------|------|--------|------| | 11 | EditorPage 顶栏添加评语图标 + FutureBuilder 评论弹出列表(独立 widget,不纳入 EditorBloc) | editor_page.dart, comment_list_sheet.dart(新建) | P0 | — | | 12 | 班级日记墙:学生日记卡片添加评语按钮 + 提交框 | class_ 相关 views/ | P0 | — | | 13 | ~~H4: 内容安全过滤接入评论~~ ✅ 审查确认 comment_service.rs 已集成 | — | — | — | | 14 | 端到端验证:老师布置→学生写→老师评→学生看 | 全链路手动验证 | P0 | 11, 12 | ### Phase 4:管理端补全 + 全系统验证(~3-4 天) > **验证标准:** 管理员能"管理班级/审核内容/管理贴纸主题",四角色 × 跨角色链路全部通过 > **测试要求:** `cargo test` 通过 + 管理端 `pnpm build` 无错误 + 全系统 E2E 场景走通 | # | 任务 | 文件 | 优先级 | 依赖 | |---|------|------|--------|------| | 15 | ~~C1: list_all_classes handler~~ ✅ 已实现(class_handler.rs + 管理端 classApi.listAll()) | — | — | — | | 16 | 管理端菜单补全(贴纸/主题/统计入口) | routeConfig.ts, MainLayout.tsx | P1 | — | | 17 | H7: 贴纸 CRUD(后端 handler + 管理端 UI) | sticker_handler.rs, StickerPackList.tsx | P2 | — | | 18 | H8: 主题编辑/停用 | topic_handler.rs, TopicList.tsx | P2 | — | | 19 | 四角色 × 跨角色 端到端全面验证 | — | P0 | 1-18 | ### 总时间线 ``` Week 1: Phase 1 (孩子闭环) + Phase 2 开始 Week 2: Phase 2 (家长闭环) + Phase 3 (师生闭环) Week 3: Phase 4 (管理端) + 全系统端到端验证 ``` --- ## 6. 风险评估 | 风险 | 概率 | 影响 | 缓解措施 | |------|------|------|----------| | 笔画序列化/反序列化格式不匹配 | 低 | Phase 1 阻塞 | Stroke.fromJson 已实现,Day 1 做一致性验证 | | 管理端 React 改动涉及基座代码 | 低 | Phase 4 延期 | 只改 pages/diary/ 和路由配置,不动基座 | | 家长端数据流实际未连通(API 调用失败) | 中 | Phase 2 阻塞 | Phase 2 启动先用 curl 验证 API,再验证 ParentBloc | --- ## 7. 审计报告状态追踪 ### 已完成(审查确认,无需开发) | ID | 问题 | 状态 | 验证 | |----|------|------|------| | C4 | SyncEngine 接入 EditorPage + app.dart | ✅ 已完成 | app.dart:60-62, editor_page.dart:126-133 | | H1 | EditorPage authorId 从 AuthBloc 获取 | ✅ 已完成 | editor_page.dart:59-64 | | — | Stroke.fromJson() 笔画反序列化 | ✅ 已存在 | stroke_model.dart:97-110 | | C1 | list_all_classes handler | ✅ 已存在 | class_handler.rs:208-220, lib.rs 注册 | | H4 | 内容安全过滤接入评论 | ✅ 已存在 | comment_service.rs 已集成 | | PIPL | 家长数据管理 UI | ⚠️ 大部分已存在 | parent_page.dart 有完整 UI,需验证数据流 | ### 本设计覆盖的修复 | ID | 问题 | 对应任务 | |----|------|----------| | M4 | 编辑器不加载已有数据 | 任务 #1, #3, #4 | | PIPL | 家长数据权利端到端验证+补全 | 任务 #7, #8, #9, #10 | | 点评闭环 | 师生评论展示+写入闭环 | 任务 #11, #12, #14 | | H5 | catch_ 异常处理 | 任务 #6 | | H7 | 贴纸 CRUD | 任务 #17 | | H8 | 主题编辑/停用 | 任务 #18 | | 管理端 | 菜单补全 | 任务 #16 | ### 明确延后到 Phase 2 的功能 | 功能 | 理由 | |------|------| | SSE 实时通知 | 轮询已满足试点需求 | | 班级管理(编辑/停用/重置码) | C 端产品,班级是可选增强 | | BLoC 统一迁移 | 不影响功能,代码风格问题 | | 成就系统管理端页面 | 试点阶段不紧急 | | 心情统计管理端页面 | 试点阶段不紧急 | | Discover 页面数据接入 | 全 mock,需单独设计 | --- ## 8. 验证方案 ### 8.1 编译验证(每个 Phase 提交前必须通过) ```bash # 后端 cd g:/nj && cargo check && cargo test # Flutter cd g:/nj/app && flutter analyze && flutter test # 管理端 cd g:/nj/apps/web && pnpm build ``` ### 8.2 Phase 1 验证:孩子核心闭环 **自动化测试:** ```bash cd g:/nj/app flutter test test/features/editor/bloc/editor_bloc_test.dart # LoadJournal event 测试 ``` **手动验证:** 1. 创建日记(手写+贴纸+心情)→ 保存 → 返回首页 2. 点击刚创建的日记 → 编辑器正确加载:标题、笔画、贴纸元素、心情 3. 继续编辑 → 添加新内容 → 再次保存 → 验证更新成功 4. 搜索关键词 → 找到对应日记 5. 日历点击某天 → 显示该天的日记 ### 8.3 Phase 2 验证:家长合规闭环 **手动验证:** 1. 家长账号登录 → 关联孩子 → 查看孩子日记列表(确认列表非空,内容正确) 2. 导出数据 → 验证文件可下载、JSON 格式正确、包含日记内容 3. 删除单篇日记 → 确认对话框 → 验证日记从列表消失 + 后端 soft-delete 4. 验证 PIPL 法律说明文本显示正确 ### 8.4 Phase 3 验证:师生互动闭环 **自动化测试:** ```bash cd g:/nj/app flutter test test/features/class_/bloc/class_bloc_test.dart # 评论提交测试(如存在) ``` **手动验证:** 1. 老师账号 → 创建班级 → 布置主题 2. 学生账号 → 看到主题 → 写日记 → 分享到班级 3. 老师账号 → 查看日记墙 → 点击评语按钮 → 输入评语 → 提交成功 4. 学生账号 → 打开该日记 → 点击顶栏评语图标 → 看到老师评语 ### 8.5 Phase 4 验证:管理端 + 全系统 **编译验证:** ```bash cd g:/nj && cargo test # 后端测试通过 cd g:/nj/app && flutter test # Flutter 测试通过 cd g:/nj/apps/web && pnpm build # 管理端构建成功 ``` **手动验证:** 1. 管理端 → 菜单完整性:所有暖记功能有入口(班级/日记/贴纸/主题) 2. 管理端 → 贴纸管理 → 创建/编辑/删除贴纸 3. 管理端 → 主题管理 → 停用主题 → 学生端不再看到 ### 8.6 全系统端到端验证(Phase 4 任务 #19) 完整走通以下场景(四角色 × 跨角色): 1. **学生闭环**:新用户注册 → 写第一篇日记 → 分享到班级 → 收到老师评语 → 再次编辑 2. **老师闭环**:创建班级 → 布置主题 → 查看学生作品 → 写评语 3. **家长闭环**:关联孩子 → 查看日记+评语 → 导出数据 4. **管理员闭环**:审核内容 → 管理班级 → 管理贴纸/主题 → 查看统计 --- *设计规格版本 1.0 | 2026-06-02 | 基于 main (7e928ae)*