玫琳凯网站建设与推广方案开源网站代码

玫琳凯网站建设与推广方案,开源网站代码,国内新闻摘抄2022年,设计专业新手网站用户名密码验证码的登录全流程#xff0c;核心是“前端校验→后端验证→安全确认→会话创建”#xff0c;既保障安全性又兼顾用户体验#xff0c;具体步骤如下#xff1a; 一、前置准备#xff08;系统预设#xff09; 定义用户标识#xff1a;用户名可为手机号、邮箱或…用户名密码验证码的登录全流程核心是“前端校验→后端验证→安全确认→会话创建”既保障安全性又兼顾用户体验具体步骤如下一、前置准备系统预设定义用户标识用户名可为手机号、邮箱或自定义账号确保系统内唯一。密码规则设置长度≥8位、含大小写字母数字特殊字符的复杂度要求存储时用BCrypt算法加密并添加随机盐值。验证码规则默认6位数字有效期10分钟60秒内可重发单日发送次数限制如5次。二、核心登录流程7步闭环1. 用户发起登录请求用户访问登录页面输入用户名、密码点击“获取验证码”按钮。2. 前端前置校验校验输入格式用户名是否符合规则如手机号11位、密码长度是否达标。防止无效请求格式错误时即时提示如“请输入正确手机号”不向后端发送请求。控制发送频率点击“获取验证码”后按钮置灰60秒倒计时避免重复发送。3. 验证码生成与发送前端将手机号/用户名发送至后端后端生成随机验证码和唯一UUID。后端通过Redis存储验证码以“verification:sms:login:手机号”为键并调用短信/邮箱服务商接口发送验证码。后端返回UUID给前端前端存入sessionStorage会话结束自动清除更安全。4. 后端账号与密码验证用户输入验证码后提交登录表单前端将用户名、加密后的密码、验证码、UUID一并发送至后端。后端先校验账号状态查询数据库确认用户名是否存在是否被冻结/禁用。密码校验用存储的盐值对提交密码重新哈希与数据库中的加密密码比对一致则进入下一步不一致返回“密码错误”并记录次数。5. 验证码有效性校验后端以用户名为键从Redis取出验证码和UUID与前端提交的信息比对。校验通过立即删除Redis中的验证码防止重复使用校验失败提示“验证码错误/已过期”失败次数达5次则临时锁定30分钟。6. 会话创建与权限加载验证通过后后端生成JWT Token含用户ID、角色、30分钟过期时间返回给前端存入cookie或localStorage。前端携带Token请求权限列表后端查询用户关联的角色与操作权限如“查看数据”“修改信息”并返回。7. 登录成功跳转前端根据权限列表展示对应菜单和按钮自动跳转至系统首页完成登录。三、异常场景处理密码错误连续3次错误锁定账号需通过手机号验证码或管理员解锁。验证码问题超时或错误时允许用户重新发送明确提示剩余次数。账号异常冻结/禁用状态下前端提示“账号已锁定请联系管理员”。会话失效Token过期后自动跳转登录页提示“登录已失效请重新登录”。四、关键安全与体验优化传输安全所有数据通过HTTPS加密传输防止中间人攻击。体验细节提供“显示密码”按钮、清晰的错误提示避免“登录失败”模糊表述。防护机制限制单IP/账号登录频率防止暴力破解记录登录日志便于追溯异常操作。