目录

一、前端部分：

二、后端部分：

---

若依的登录界面十分简洁明了，但是其中蕴含了大量的代码和步骤的推理，分为前端和后端两部分

一、前端部分：

①主界面主要由ruoyi-ui里边public中的index.html以及src当中的main.js、App.vue中完成.

所使用的组件在router中的index.js中实现

二、后端部分：

获取验证码并保存信息：

SysLoginService登录并检验验证码的正确性：

 SysLoginController负责生成返回token指令实现登录功能

 接下来Spring Security中配置了SecurityConfig.java，其中设置了userDetailService。UserDetailsServiceImpl实现了UserDetailService接口，实现了loadUserByUsername方法。

根据用户名去数据库查询用户信息并返回。然后再调用Spring Security内部的认证代码进行认证。

关于Spring Security的流程大概可以用下图概述

 认证完成后，根据用户的信息，构建token，进行返回。前端收到返回后，存储token，并跳转网页，就可以看到完整的若依界面啦！