# 10 - 历史记录(本地存储 / 清空 / 导出) ## 功能目标 - 保存消息历史(默认本地存储,不依赖服务端)。 - 支持清空当前房间记录、导出记录(便于审计或留存)。 ## 前端(Vue) - **本地存储策略(建议)** - 按 `roomCode` 分桶保存:`history:{roomCode}`。 - 存储介质: - 少量文本:`localStorage` - 含文件/图片元数据与大量消息:建议 `IndexedDB`(可选) - 存储内容建议只存元数据与文本,不存大块二进制(避免爆仓)。 - **功能入口** - `RoomPanel.vue`:提供“清空”“导出”按钮。 - **导出格式(建议)** - JSON:包含 `type/sender/timestamp/payload摘要` - 或文本:便于粘贴到工单/邮件 ## 后端(Spring Boot) - 默认无需支持;若开启服务端持久化则由后端提供查询/导出(可选增强)。 ## 边界与注意点 - **隐私**:本地存储可能包含敏感信息;需明确提示用户可手动清空。 - **容量**:浏览器存储空间有限;建议设定最大条数/最大时间窗与自动淘汰策略。