Ruoyi Vue登录功能后端代码调用流程不完全分析

       关于登录

         先运行ruoyi,在它的页面中,打开开发者工具,找到ruoyi登录所用的接口captchalmage。

Ruoyi Vue登录功能后端代码调用流程不完全分析_第1张图片

         也就是这个:

Ruoyi Vue登录功能后端代码调用流程不完全分析_第2张图片

         从这里开始分析,ruoyi的登录流程

Ruoyi Vue登录功能后端代码调用流程不完全分析_第3张图片

 

         对验证码的状态验证完成后,

Ruoyi Vue登录功能后端代码调用流程不完全分析_第4张图片Ruoyi Vue登录功能后端代码调用流程不完全分析_第5张图片 Ruoyi Vue登录功能后端代码调用流程不完全分析_第6张图片         也就是随机生成一个uuid,然后将它赋值给verifyKey

Ruoyi Vue登录功能后端代码调用流程不完全分析_第7张图片Ruoyi Vue登录功能后端代码调用流程不完全分析_第8张图片        决定了验证码的方式后,以一定方式(算式或是字符)显示,形式为图片,为了图片能正常显示,需要将之转换为流信息写出,如下:

Ruoyi Vue登录功能后端代码调用流程不完全分析_第9张图片

 然后,将uuid与转换完成的图片数据流存入ajax。

 Ruoyi Vue登录功能后端代码调用流程不完全分析_第10张图片

 那么有意思了,用户验证在哪里

按住Ctrl点击selectCaptchaonoff进入SysLoginService

Ruoyi Vue登录功能后端代码调用流程不完全分析_第11张图片Ruoyi Vue登录功能后端代码调用流程不完全分析_第12张图片Ruoyi Vue登录功能后端代码调用流程不完全分析_第13张图片

完成后,生成密钥token

return tokenService.createToken(loginUser);

 Ruoyi Vue登录功能后端代码调用流程不完全分析_第14张图片

 最后,将生成的令牌传入ajax后返回

Ruoyi Vue登录功能后端代码调用流程不完全分析_第15张图片

 将token返回前端,完成登录

Ruoyi Vue登录功能后端代码调用流程不完全分析_第16张图片

关于退出登录

删除对应缓存,将页面退回到登录页面。

 

 

 

 

 

 

你可能感兴趣的:(前端,javascript,java)