🔄 交互流程图

OpenClaw私域运营小程序 · 核心业务流程与交互时序图

🔐 1. 用户登录流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant Auth as 认证系统 U->>A: 打开小程序 A->>S: 获取验证码 S->>A: 返回验证码 A->>U: 显示登录界面 U->>A: 输入账号密码 U->>A: 点击登录 A->>S: 提交登录请求 S->>Auth: 验证身份 Auth->>S: 返回结果 S->>S: 生成JWT Token S->>A: 返回Token+用户信息 A->>U: 显示主界面
📝 2. 用户注册流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant SMS as 短信服务 U->>A: 打开注册界面 A->>S: 发送验证码请求 S->>SMS: 发送短信 SMS->>U: 接收验证码 U->>A: 填写注册信息 U->>A: 点击注册 A->>S: 提交注册请求 S->>S: 验证信息 S->>S: 创建用户 S->>A: 返回注册结果 A->>U: 注册成功提示
📚 3. 内容浏览流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant R as 推荐系统 U->>A: 进入学习中心 A->>S: 获取用户画像 S->>R: 分析偏好 R->>S: 返回推荐 S->>A: 返回推荐列表 U->>A: 选择内容 A->>S: 获取内容详情 S->>S: 记录浏览 S->>A: 返回详情 A->>U: 显示内容 U->>A: 开始学习 A->>S: 记录进度 S->>S: 更新画像
📈 4. 学习进度管理
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant DB as 数据库 U->>A: 查看学习进度 A->>S: 获取进度 S->>DB: 查询记录 DB->>S: 返回数据 S->>A: 返回进度信息 A->>U: 显示进度图表 U->>A: 标记完成 A->>S: 更新进度 S->>DB: 更新数据 DB->>S: 确认更新 S->>A: 返回结果 A->>U: 完成提示
🎯 5. 活动报名流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant E as 活动系统 U->>A: 浏览活动列表 A->>S: 获取活动列表 S->>E: 请求数据 E->>S: 返回活动 S->>A: 返回数据 A->>U: 显示列表 U->>A: 选择活动 U->>A: 点击报名 A->>S: 提交报名 S->>E: 创建记录 E->>S: 返回结果 S->>A: 报名成功 A->>U: 成功提示
✅ 6. 活动任务提交
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant E as 活动系统 participant R as 审核系统 U->>A: 查看任务列表 A->>S: 获取任务 S->>E: 请求数据 E->>S: 返回任务 S->>A: 返回详情 A->>U: 显示任务 U->>A: 上传证据 U->>A: 提交任务 A->>S: 提交结果 S->>E: 创建记录 E->>R: 提交审核 R->>E: 返回审核结果 E->>S: 返回结果 S->>A: 返回状态 A->>U: 显示状态
💬 7. 评论互动流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant Social as 社交系统 U->>A: 查看内容 A->>S: 获取评论列表 S->>Social: 请求数据 Social->>S: 返回评论 S->>A: 返回评论 A->>U: 显示评论 U->>A: 发表评论 A->>S: 提交评论 S->>Social: 创建记录 Social->>S: 返回结果 S->>A: 评论成功 A->>U: 成功提示 U->>A: 点赞评论 A->>S: 点赞 S->>Social: 更新点赞 Social->>S: 返回结果 S->>A: 更新状态 A->>U: 显示状态
👥 8. 用户关注流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant Social as 社交系统 U->>A: 查看用户 A->>S: 获取用户列表 S->>Social: 请求数据 Social->>S: 返回列表 S->>A: 返回信息 A->>U: 显示列表 U->>A: 点击关注 A->>S: 发送关注请求 S->>Social: 创建关系 Social->>S: 返回结果 S->>A: 返回状态 A->>U: 关注成功
🔔 9. 通知推送流程
sequenceDiagram participant Sys as 系统服务 participant S as 后端服务 participant A as 小程序 participant U as 用户 participant N as 通知系统 Sys->>S: 检查新通知 S->>N: 生成通知 N->>S: 返回通知列表 S->>A: 推送通知 A->>U: 显示提醒 U->>A: 点击查看 A->>S: 标记已读 S->>N: 更新状态 N->>S: 确认更新 S->>A: 返回结果 A->>U: 显示详情
🤖 10. 个性化推荐流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant S as 后端服务 participant R as 推荐系统 participant D as 数据分析 U->>A: 浏览主界面 A->>S: 获取推荐 S->>R: 请求数据 R->>D: 分析行为 D->>R: 返回画像 R->>S: 返回推荐 S->>A: 返回内容 A->>U: 显示推荐 U->>A: 点击内容 A->>S: 记录点击 S->>D: 更新数据 D->>R: 更新模型 R->>S: 新推荐结果 S->>A: 更新推荐
🔄 11. OpenClaw数据同步
sequenceDiagram participant OC as OpenClaw系统 participant Sync as 同步服务 participant A as 小程序 participant U as 用户 U->>A: 登录小程序 A->>Sync: 检查同步状态 Sync->>OC: 获取用户数据 OC->>Sync: 返回用户信息 Sync->>Sync: 验证完整性 Sync->>A: 返回用户信息 A->>U: 显示用户界面 U->>A: 更新个人信息 A->>Sync: 提交更新 Sync->>OC: 同步更新 OC->>Sync: 确认结果 Sync->>A: 返回结果 A->>U: 更新成功
🔒 12. 登录验证流程
sequenceDiagram participant U as 用户 participant A as 小程序 participant Auth as 认证系统 participant Sec as 安全系统 U->>A: 输入账号密码 A->>Auth: 发送登录请求 Auth->>Sec: 验证身份 Sec->>Auth: 返回结果 Auth->>A: 返回认证结果 alt 验证成功 A->>U: 登录成功 A->>Sec: 记录日志 Sec->>Auth: 更新状态 else 验证失败 A->>U: 登录失败 A->>Sec: 记录日志 Sec->>Auth: 记录安全事件 end
📱 13. 小程序页面导航状态
stateDiagram-v2 [*] --> 首页 首页 --> 学习中心: 点击学习 首页 --> 活动中心: 点击活动 首页 --> 社区: 点击社区 首页 --> 个人中心: 点击我的 学习中心 --> 课程列表: 浏览课程 学习中心 --> 学习进度: 查看进度 活动中心 --> 活动详情: 点击活动 活动详情 --> 报名表单: 点击报名 社区 --> 内容详情: 点击内容 个人中心 --> 个人资料: 编辑资料 个人中心 --> 学习报告: 查看学习 个人中心 --> 设置: 进入设置
🎬 14. 视频学习交互状态
stateDiagram-v2 [*] --> 视频准备 视频准备 --> 缓冲中: 开始播放 缓冲中 --> 播放中: 缓冲完成 播放中 --> 暂停: 点击暂停 播放中 --> 进度拖动: 拖动进度条 播放中 --> 画质切换: 切换画质 播放中 --> 调整速度: 调整倍速 播放中 --> 全屏: 点击全屏 暂停 --> 播放中: 点击播放 进度拖动 --> 播放中: 松开手指 画质切换 --> 播放中: 选择完成 播放中 --> 学习完成: 播放结束 学习完成 --> 记录进度: 自动记录
📋 15. 活动报名状态机
stateDiagram-v2 [*] --> 活动列表 活动列表 --> 活动详情: 点击活动 活动详情 --> 报名表单: 点击报名 报名表单 --> 报名确认: 填写信息 报名确认 --> 报名成功: 提交报名 报名成功 --> 我的报名: 查看状态 我的报名 --> 报名详情: 点击记录 报名详情 --> 活动任务: 查看任务 报名详情 --> 取消报名: 取消报名
⚙️ 16. 个人中心状态机
stateDiagram-v2 [*] --> 个人中心 个人中心 --> 个人资料: 编辑资料 个人中心 --> 学习统计: 查看统计 个人中心 --> 我的收藏: 查看收藏 个人中心 --> 我的活动: 查看活动 个人中心 --> 我的消息: 查看消息 个人中心 --> 设置: 进入设置 个人资料 --> 头像设置: 更换头像 个人资料 --> 昵称修改: 修改昵称 个人资料 --> 标签管理: 管理标签 设置 --> 通知设置: 通知管理 设置 --> 隐私设置: 隐私管理 设置 --> 账号安全: 安全设置