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框架内容。

上面这段代码会调用UserDetailsService的loadUserByUsername方法。

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

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

9)前端将token记录到cookies

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

相关推荐
Wang's Blog1 分钟前
Java 项目实战:交友项目 - 联系人列表
java·开发语言·交友
我命由我123455 分钟前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
架构师伯子明7 分钟前
FFmpeg C++学习(一):编译和demo
开发语言·c++·学习
海域云SeaArea_10 分钟前
Windows Server 2008 R2 从零安装 IIS7.5(二):php.ini 配置
开发语言·windows·php
叼烟扛炮19 分钟前
[LangChain] 学习笔记(02):LCEL 链式调用与动态模型配置实战
服务器·开发语言·网络·笔记·学习·langchain
xixingzhe221 分钟前
图表中同比与环比的区别:看趋势还是看变化?
开发语言·python
andyweike29 分钟前
Swift
开发语言·ios·swift
纪念 22930 分钟前
C++算法(六)
开发语言·c++·算法
香蕉大香蕉(06敬畏市场)1 小时前
MySQL 单点详解(01)
java·数据库·mysql·面试·博客·实习
LaughingZhu1 小时前
Product Hunt 热榜 2026-10-30:Empacer、Scape、Floot in ChatGPT
java·前端·数据库·人工智能·chatgpt·notion