Appearance
登录页面
功能需求表
| 序号 | 功能需求 | 需求描述 | 功能说明 | 校验规则 | 交互说明与流程 | 涉及字段 | 错误提示 | 成功提示 |
|---|---|---|---|---|---|---|---|---|
| 1 | 登录页面 | 提供统一的登录页面，支持手机号密码登录和手机号验证码登录两种方式切换 | 页面元素： • LOGO：系统品牌标识 • 系统名称："供应链中台管理系统" • 登录方式切换：标签页切换，默认选中"用户名密码登录" • 手机号：文本输入框，必填，11位数字,占位符"请输入手机号" • 密码输入框：输入密码，占位符"请输入密码"，支持明文/密文切换 • 记住我：复选框，勾选后90天内免登录 • 忘记密码：告知用户如需找回密码，请联系客服。 • 登录按钮：提交登录表单 • 版权信息：底部版权声明 | - | 打开登录页面，默认显示"手机号密码登录"标签页 点击标签页可切换到"手机号验证码登录" | LOGO、系统名称、登录方式切换、手机号、密码、记住我、忘记密码、登录按钮、版权信息 | - | - |
| 2 | 手机号密码登录 | 用户通过手机号和密码进行登录验证 | 字段定义： • 手机号：文本输入框，必填，11位数字 • 密码：密码输入框，必填，6-20位，包含字母和数字以及特殊字符，支持显示/隐藏切换 • 记住我：复选框，非必填，勾选后90天内免登录 | 手机号：不能为空；11位数字校验 密码：不能为空；必填，6-20位，包含字母和数字以及特殊字符 | 1.用户输入手机号和密码 2.点击"登录"按钮或按回车键提交 3.前端进行基础格式校验 4.调用登录接口验证用户名和密码 5.验证成功后跳转到系统首页 6.验证失败显示错误提示 | 手机号、密码、记住我 | 请输入手机号; 请输入正确的手机号; 请输入密码; 密码格式不正确; 手机号或密码错误; 用户不存在; 账号已禁用，请联系管理员; 账号已锁定，请30分钟后再试; 网络异常，请稍后重试 | 登录成功 |
| 3 | 手机号验证码登录 | 用户通过手机号和短信验证码进行登录验证 | 字段定义： • 手机号：文本输入框，必填，11位数字 • 验证码：文本输入框，必填，6位数字，短信验证码 • 记住我：复选框，非必填，勾选后90天内免登录 • 获取验证码：按钮，60秒倒计时，点击发送验证码短信 | 手机号：不能为空；11位数字校验 验证码：不能为空；6位数字校验 验证码发送规则：验证码长度6位数字，有效期30分钟，发送间隔60秒，每日限制同一手机号最多发送10次，手机号必须在用户表中存在 | 1.切换到"手机号验证码登录"标签页 2.用户输入手机号 3.点击"获取验证码"按钮 4.系统发送短信验证码到用户手机 5.按钮进入60秒倒计时，倒计时结束可重新发送 6.用户输入收到的6位验证码 7.点击"登录"按钮或按回车键提交 8.前端进行基础格式校验 9.调用登录接口验证手机号和验证码 10.验证成功后跳转到系统首页 11.验证失败显示错误提示 | 手机号、验证码、记住我 | 请输入手机号; 请输入正确的手机号; 请输入验证码; 验证码格式不正确; 验证码错误; 验证码已过期，请重新获取; 该手机号未注册; 今日发送次数已达上限，请明天再试; 验证码发送失败，请稍后重试; 网络异常，请稍后重试 | 登录成功; 验证码已发送，请注意查收 |
| 4 | 密码显示/隐藏切换 | 密码输入框支持明文和密文显示切换，方便用户确认输入的密码 | 点击密码输入框右侧的眼睛图标，图标切换：👁️（显示）/👁️🗨️（隐藏），密码内容在明文和密文之间切换 | - | 点击密码输入框右侧的眼睛图标，密码内容在明文和密文之间切换 | 密码 | - | - |
| 5 | 记住我功能 | 支持"记住我"功能，勾选后90天内免登录 | 勾选记住我：生成长期有效的Token，有效期90天 Token存储：存储在浏览器的LocalStorage中 | - | 勾选"记住我"复选框后，90天内免登录 | 记住我 | - | - |
| 6 | 登录安全机制 | 提供登录安全保护机制 | 安全机制： • 账号锁定：密码错误超过5次锁定账号30分钟 | 密码错误超过5次锁定账号30分钟 | 1.密码错误超过5次，锁定账号30分钟 | - | - | - |
| 7 | 退出登录 | 用户退出系统，清除登录状态 | 清除LocalStorage中的Token 清除浏览器本地存储的用户信息 跳转到登录页面 | - | 1.点击"退出登录"按钮 2.调用退出登录接口 3.清除Token和用户信息 4.跳转到登录页面 | - | - | 退出成功 |
提示信息表
| 场景 | 提示类型 | 提示内容 |
|---|---|---|
| 登录成功 | Success | 登录成功 |
| 手机号或密码错误 | Error | 手机号或密码错误 |
| 用户不存在 | Error | 用户不存在 |
| 账号已禁用 | Error | 账号已禁用，请联系管理员 |
| 账号已锁定 | Error | 账号已锁定，请30分钟后再试 |
| 验证码错误 | Error | 验证码错误 |
| 验证码已过期 | Error | 验证码已过期，请重新获取 |
| 验证码发送成功 | Success | 验证码已发送，请注意查收 |
| 验证码发送失败 | Error | 验证码发送失败，请稍后重试 |
| 手机号不存在 | Error | 该手机号未注册 |
| 发送次数超限 | Error | 今日发送次数已达上限，请明天再试 |
| 请输入密码 | Error | 请输入密码 |
| 密码格式不正确 | Error | 密码格式不正确 |
| 请输入手机号 | Error | 请输入手机号 |
| 请输入验证码 | Error | 请输入验证码 |
| 退出成功 | Success | 退出成功 |
| 网络异常 | Error | 网络异常，请稍后重试 |