docs: 补充前端完整注册流程图
明确 register.vue → setNickname.vue 的页面跳转和数据传递逻辑, verify_token 需要跟随 temp_* 一起存储和传递。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
parent
cc5565ffaf
commit
ef46ec832e
@ -18,13 +18,33 @@
|
|||||||
|
|
||||||
### 2.1 前端页面变化
|
### 2.1 前端页面变化
|
||||||
|
|
||||||
修改 `frontend/pages/register/register.vue`,在当前页面嵌入短信验证码输入区:
|
修改 `frontend/pages/register/register.vue`:
|
||||||
|
|
||||||
1. 用户输入手机号后,点击"发送验证码"按钮
|
1. 用户输入手机号后,点击"发送验证码"按钮
|
||||||
2. 按钮变为倒计时状态(60 秒),期间不可点击
|
2. 按钮变为倒计时状态(60 秒),期间不可点击
|
||||||
3. 用户输入收到的验证码
|
3. 用户输入收到的验证码,点击"验证验证码"按钮
|
||||||
4. 点击"验证验证码"按钮
|
4. **验证通过后**:解锁密码输入框,按钮变为"注册"
|
||||||
5. 验证通过后解锁密码输入框,继续原有注册流程
|
5. 用户输入密码,点击"注册"按钮
|
||||||
|
6. 页面跳转到 `/pages/profile/setNickname`,携带手机号+密码+verify_token
|
||||||
|
|
||||||
|
注册流程图:
|
||||||
|
```
|
||||||
|
register.vue setNickname.vue
|
||||||
|
│ │
|
||||||
|
├── 输入手机号 │
|
||||||
|
├── 点击"发送验证码" ──→ 发送验证码 │
|
||||||
|
├── 输入验证码 │
|
||||||
|
├── 点击"验证验证码" ──→ 验证通过 │
|
||||||
|
│ 返回 verify_token │
|
||||||
|
├── 输入密码 │
|
||||||
|
├── 点击"注册" → 存储 temp_* │
|
||||||
|
│ + verify_token │
|
||||||
|
└── 跳转 setNickname ─────────────→ │
|
||||||
|
├── 读取 temp_* + verify_token
|
||||||
|
├── 输入昵称 + 选择 star_id
|
||||||
|
└── 点击"下一步" ──→ register API
|
||||||
|
(mobile, password, nickname, star_id, verify_token)
|
||||||
|
```
|
||||||
|
|
||||||
### 2.2 验证码状态
|
### 2.2 验证码状态
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user