人生清单 H5

“人生清单 H5”是一个面向个人用户的移动端轻应用，帮助用户记录自己想完成的人生目标、愿望和长期计划，并通过拆解、打卡、提醒、复盘和分享的方式，提升目标完成率。

它不是单纯的待办工具，而是偏“长期目标管理 + 生活记录 + 轻社交分享”的产品，适合用于记录例如：

• 想去一次冰岛看极光
• 一年内完成一次半程马拉松
• 学会游泳
• 带父母旅行一次
• 读完 50 本书

• 为用户提供低门槛的人生目标记录工具
• 帮助用户把“大愿望”拆成可执行的小步骤
• 提供持续激励机制，提升用户回访和打卡频率
• 为后续会员、主题模板、活动运营等商业化能力预留空间

• 18-35 岁的年轻用户，偏成长、自律、旅行、体验类人群
• 喜欢记录生活、制定计划、做年度目标清单的用户
• 有轻分享意愿，希望生成海报或年度总结的用户

结合当前仓库结构，建议按以下方式使用：

• server/：作为后端服务，基于 webman 提供用户、清单、打卡、提醒、模板等接口
• saiadmin-artd/：作为后台管理端，用于管理分类、推荐模板、活动位、用户数据、内容审核等
• 新增 h5/：作为面向 C 端用户的移动 H5 前端

当前 saiadmin-artd 更偏管理后台，不建议直接拿来做 C 端 H5。更合理的做法是：

• 保留 saiadmin-artd 作为运营后台
• 使用现有 server/ 作为统一后端
• 单独新增一个适配移动端体验的 H5 项目

首期建议只做最核心闭环，先验证“记录目标 + 持续执行 + 定期回访”是否成立。

• 登录注册
• 首页人生清单概览
• 新建/编辑/删除人生清单项
• 清单分类管理
• 清单详情页
• 进度更新与打卡记录
• 里程碑拆解
• 提醒设置
• 个人中心
• 年度/阶段总结

• 用户管理
• 清单分类管理
• 官方模板管理
• 运营推荐位管理
• 打卡内容审核
• 数据统计看板

• 愿望模板市场
• 海报分享
• AI 生成愿望建议
• AI 拆解目标为阶段任务
• 标签推荐与个性化内容流
• 好友围观/点赞/评论
• 挑战活动与连续打卡奖励
• 会员权益

1. 用户进入 H5
2. 完成登录或授权
3. 选择人生方向标签或直接创建目标
4. 新建人生清单项
5. 设置目标时间、优先级、预算、提醒方式
6. 拆解里程碑
7. 日常打卡记录进展
8. 查看完成率、年度总结和分享内容

• 手机号验证码登录
• 微信 OAuth 登录（如项目运行在微信生态内）
• 用户基础资料维护

• 新建清单
• 编辑清单
• 删除清单
• 分类筛选
• 状态管理：未开始 / 进行中 / 已完成 / 已搁置
• 优先级管理：低 / 中 / 高

• 目标描述
• 目标封面
• 开始时间/目标时间
• 预算
• 当前进度
• 里程碑列表
• 打卡记录
• 备注与感想

• 图文打卡
• 阶段进度更新
• 里程碑完成打点
• 月度回顾

• 到期提醒
• 周提醒
• 连续打卡提示
• 完成祝贺页

• 已完成数量
• 进行中数量
• 分类完成率
• 年度回顾
• 完成率趋势图

• 清单分享海报
• 年度总结海报
• 单项目完成卡片

• 登录页
• 首次引导页
• 首页
• 人生清单列表页
• 新建/编辑清单页
• 清单详情页
• 打卡记录页
• 里程碑管理页
• 提醒设置页
• 年度总结页
• 个人中心页
• 分享海报页

• 展示用户问候语、当前进行中的目标、即将到期目标、最近打卡记录
• 展示“继续完成”“新增人生清单”“查看年度总结”等快捷入口

• 按分类、状态筛选
• 支持搜索、排序
• 展示进度、目标时间、优先级

• 标题
• 分类
• 目标描述
• 目标日期
• 预算
• 优先级
• 是否公开
• 提醒时间

• 基本信息卡片
• 里程碑进度
• 打卡时间轴
• 编辑、完成、分享操作

• 年度新增目标数
• 年度完成目标数
• 最常见分类
• 最难完成目标
• 连续打卡天数
• 一键生成分享卡片

建议新增独立 H5 项目：

• 框架：Vue 3 + TypeScript + Vite
• 路由：Vue Router
• 状态管理：Pinia
• 请求库：Axios
• UI：建议使用适合移动端的轻量组件方案，避免直接沿用后台风格
• 适配：基于 vw 或响应式布局完成移动端适配

说明：

• 当前 saiadmin-artd 适合后台，不适合直接承担 H5 视觉与交互
• H5 应优先保证首屏速度、按钮可点范围、表单操作效率和分享页视觉效果

• 目录：server/
• 框架：webman
• 能力：RESTful API、鉴权、数据存储、定时任务、消息通知

建议后端模块：

• 用户模块
• 清单模块
• 分类模块
• 打卡模块
• 提醒模块
• 统计模块
• 内容模板模块

• 目录：saiadmin-artd/
• 用途：运营与内容管理

建议后台菜单：

• 用户管理
• 人生清单管理
• 分类管理
• 模板管理
• 打卡内容管理
• 统计报表
• Banner/活动位管理

• id
• nickname
• avatar
• mobile
• openid
• gender
• birthday
• created_at

• id
• name
• icon
• sort
• status

• id
• user_id
• category_id
• title
• description
• cover
• status
• priority
• target_date
• budget
• progress
• is_public
• created_at
• updated_at

• id
• item_id
• title
• description
• status
• sort
• finished_at

• id
• item_id
• user_id
• content
• images
• progress_after
• created_at

• id
• item_id
• user_id
• remind_type
• remind_time
• status

• id
• title
• category_id
• description
• default_milestones
• status

• POST /api/user/login
• GET /api/user/profile
• POST /api/user/profile/update

• GET /api/categories

• GET /api/bucket/list
• POST /api/bucket/create
• GET /api/bucket/detail
• POST /api/bucket/update
• POST /api/bucket/delete
• POST /api/bucket/complete

• GET /api/milestone/list
• POST /api/milestone/create
• POST /api/milestone/update
• POST /api/milestone/finish

• GET /api/checkin/list
• POST /api/checkin/create

• POST /api/reminder/create
• POST /api/reminder/update
• POST /api/reminder/delete

• GET /api/stats/home
• GET /api/stats/year-report

建议分 3 个阶段推进：

目标：

• 打通登录、创建清单、查看清单、打卡、总结的完整闭环

交付内容：

• H5 基础页面
• 基础接口
• 后台分类和模板管理

目标：

• 提升用户留存和分享意愿

交付内容：

• 分享海报
• 连续打卡激励
• 更丰富的数据总结
• 模板推荐

目标：

• 提升传播与变现空间

交付内容：

• 社交互动
• AI 愿望建议
• 会员权益
• 活动运营系统

如果按 2026-03-16 启动，建议先做 6 周首版开发：

• 明确需求边界
• 输出原型图
• 确定数据库结构
• 确定接口协议
• 创建 H5 项目骨架

• 完成登录模块
• 完成首页与列表页
• 完成创建/编辑清单页
• 完成后端清单基础接口

• 完成详情页
• 完成里程碑管理
• 完成打卡能力
• 完成分类接口和模板接口

• 完成提醒设置
• 完成个人中心
• 完成首页统计接口
• 后台补齐分类、模板、用户管理

• 完成年度总结页
• 完成分享页
• 完成联调与性能优化
• 完成基础埋点

• 完成测试与修复
• 完成上线配置
• 输出首版验收文档
• 准备灰度上线

• 搭建 H5 项目
• 完成移动端基础布局与适配
• 开发登录、首页、列表、详情、创建页
• 开发打卡、提醒、年度总结、分享页面
• 接入埋点与异常监控

• 设计数据库
• 实现鉴权逻辑
• 实现清单、分类、打卡、提醒、统计接口
• 增加定时提醒任务
• 增加上传与图片管理能力

• 分类管理
• 模板管理
• 用户管理
• 内容管理
• 数据看板

• 接口测试
• 主要流程回归测试
• 移动端兼容测试
• 登录、创建、打卡、分享主链路测试

• 用户可以完成注册/登录
• 用户可以创建、编辑、删除人生清单
• 用户可以为清单添加里程碑
• 用户可以完成打卡并查看记录
• 用户可以查看统计结果与年度总结
• 后台可以管理分类和模板

• H5 在主流手机分辨率下展示正常
• 页面交互流畅，无明显卡顿
• 表单填写路径不超过 3 次主要跳转
• 首屏打开速度可接受

• 前后端接口文档完整
• 核心错误有日志
• 上线环境配置清晰
• 基础安全项已覆盖

以下问题建议尽快确认，否则会影响实现方案：

• H5 是运行在微信内，还是普通浏览器场景
• 登录方式是否必须接入微信授权
• 提醒方式是站内提醒、短信，还是微信模板消息
• 是否需要公开广场或社交互动
• 是否需要接入支付和会员
• 是否要求后台管理审核用户内容

按当前仓库情况，建议下一步按这个顺序推进：

1. 在根目录确认产品范围，以 MVP 为准
2. 新建独立 h5/ 项目，不直接复用后台前端界面
3. 在 server/ 中先设计用户、清单、打卡 3 个核心模块
4. 在 saiadmin-artd/ 中补运营后台菜单与管理页面
5. 先完成最小闭环，再做分享和 AI 能力

---

如果你愿意，我下一步可以继续直接帮你补两样内容：

• 一份更适合立项/汇报的 PRD.md
• 一份可以直接执行的前后端任务清单 TODO.md