2.用户登录流程

用户登录流程

1)前端发送获取验证码请求

2)后端生成验证码,同时将生成的内容分成两个部分,一个是image,一个是code,例如 image里记录 1+ 1 = ?,code里记录2

3)后端为image 生成一个uuid,并写入redis,key为uuid,value为code,同时设置redis过期时间,也就是前端如果在指定时间内没有完成登录表单提交,则会提示验证码过期。

4)后端将image 和 uuid发送给前端,前端展示image图片

5)前端用户填写登录表单,点击提交。提交到后台的数据结构如下:

6)验证码核对,通过uuid 从redis获取code值,与用户传入的比较
7)下面的代码让人云里雾里了,下面的代码用到了spring框架内容。

上面这段代码会调用UserDetailsServiceloadUserByUsername方法。

该方法会与数据库的用户名、密码进行比对,注意密码是要进行hash计算 + 盐 后与数据库比较

8)后端验证完毕后,生成token发送给前端,token的生成是调用jwt库进行随机生成。

9)前端将token记录到cookies

至此 用户登录过程已完成,整个过程比较简单,除了刚才用到spring的认证框架,逻辑上有些跳转。

相关推荐
lee_curry4 小时前
第四章 jvm中的垃圾回收器
java·jvm·垃圾收集器
QQ1__8115175155 小时前
Spring boot名城小区物业管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
九转成圣6 小时前
Java 性能优化实战:如何将海量扁平数据高效转化为类目字典树?
java·开发语言·json
SmartRadio6 小时前
ESP32-S3 双模式切换实现:兼顾手机_路由器连接与WiFi长距离通信
开发语言·网络·智能手机·esp32·长距离wifi
laowangpython6 小时前
Rust 入门:GitHub 热门内存安全编程语言
开发语言·其他·rust·github
我叫汪枫6 小时前
在后台管理系统中,如何递归和选择保留的思路来过滤菜单
开发语言·javascript·node.js·ecmascript
_.Switch6 小时前
东方财富股票数据JS逆向:secids字段和AES加密实战
开发语言·前端·javascript·网络·爬虫·python·ecmascript
软件技术NINI6 小时前
webkit简介及工作流程
开发语言·前端·javascript·udp·ecmascript·webkit·yarn
Brendan_0016 小时前
JavaScript的Stomp.over
开发语言·javascript·ecmascript
念2346 小时前
f5 shape分析
开发语言·javascript·ecmascript