🔐
登录流程 · 交互教学图
点击节点探索
🌙
暗色
通过
格式错误↩
通过
错误/重试↩
用 户 访 问
展示登录表单
用户输入
账号 / 密码
前端JS
格式验证
NEW
发送 HTTP 请求
POST /api/login
NEW
数 据 库 查 询
SELECT * FROM users
NEW
密码
校验
生成 JWT Token
存储 Token(Cookie / LS)
登录成功 → 首页
步骤说明
0 / 10
点击节点或步骤查看详情
👆 选择一个步骤开始学习 ★ 标注 NEW 的节点为新增内容: · 前端 JS 格式验证 · 发送 HTTP 请求 · 数据库查询
🧪 模拟登录
⚠️ 失败
0
/3
① JS验证
›
② HTTP请求
›
③ DB查询
›
④ 密码校验
👤
🔑
登 录
重置
// 等待操作...