若依框架后端登录流程

左手的ㄟ右手 2022-09-09 00:20 1370阅读 0赞

若依框架前后端分离 项目（前端vue，后端 springboot）。

这里只记录后端springboot。

# **验证码：** #

用户进入登录页，请求 /captchaImage 接口获取验证码：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

# **登录** #

用户点击登录，前端会把如下参数传给后端

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

# ** 登录接口 ** /login #

**（0）**最终目的：获取token，前端带着token请求 接口。

**（1）大致流程：**

验证验证码是否正确（过期、输出错误） ->  调用security api来进行用户验证，这里会根据username来查询数据库，判断是否有这个用户，如果有这个用户，接着判断是否是超管（如果是超管，就不会去查询对应的菜单权限；不是超管，会根据userId查询数据库，来获取对应的菜单权限），然后把对应的信息填充在 LoginUser类中，security中，也会记录当前登录的用户信息 -> 最后，更新用户登录ip、时间，然后生成token，返给前端。

**（2）详细流程：**

登录接口 /login

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 4][]

loginService中的login方法：![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 5][]

下边是security 的api了，也是重点：

authenticationManager.authenticate（） 是security内部api，web登录时，内部会调用 authenticationManager.authenticate（）对账号和密码做验证，具体细节不做介绍。最终security会调用UserDetailsServiceImpl.loadUserByUsername(String username) 方法，而若依重写了此方法：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 6][]

在ruoyi-framework中，重点（重写此方法需要实现UserDetailsService接口），重写了loadUserByUsername：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 7][]

根据username查询数据库，一堆if判断用户状态

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 8][]

如果有该用户，会调用createLoginUser() 方法来返回 LoginUser 类，为什么会返回LoginUser ，因为： LoginUser 实现了 UserDetails 接口。

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 9][]

getMenuPermission() 方法：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 10][]

LoginUser类，查询出用户信息，会填充在LoginUser中：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_19_color_FFFFFF_t_70_g_se_x_16][]![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 11][]

接着，菜单权限查询成功， 会异步打印日志，然后更新用户登录ip，日期。

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 12][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 13][]

最后，生成token，返给前端：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 14][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 15][]

# **获取用户信息 **/getInfo #

如果前端登录请求顺利，接着会进入后台首页，在这之前，路由守卫中，还会判断vuex中是否有角色的key（我的理解就是一个角色标识），如果没有，会请求/getInfo 接口：

下边两个角色查询和权限查询 都是根据用户id来查询的：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 16][]

角色查询，其实跟登录时的菜单权限查询类似，都是先判断是否是超管，不是回去查询数据库：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 17][]

权限查询，跟角色查询一样：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 18][]

没问题，直接返回给前端，数据如下：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 19][]

前端会把相关信息存到vuex中：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 20][]

# ** ** #

# **获取路由信息及按钮信息  **/getRouters #

用户信息请求成功后，会在成功的回调中（路由守卫里边）请求路由、按钮的相关信息，

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 21][]

的对应接口： /getRouters

先看下根据userId 获取菜单树，

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 22][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 23][]

getChildPerms()  方法会构建父子级关系（注意这个方法还不是构建前端路由列表），具体，如何递归的自己看源码吧![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 24][]

构建完父子级关系， List<SysMenus> menus 结果为：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 25][]

最后，构建前端需要的路由树，buildMnus() 方法，要理解这个方法，必须对前台相当了解才行！

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 26][]

设置路由的相关信息，可结合前台页面，添加菜单中的选项：

/**
     * 构建前端路由所需要的菜单
     * 
     * @param menus 菜单列表
     * @return 路由列表
     */
    @Override
    public List<RouterVo> buildMenus(List<SysMenu> menus)
    {
        List<RouterVo> routers = new LinkedList<RouterVo>();
        for (SysMenu menu : menus)
        {
            // 路由的相关信息
            RouterVo router = new RouterVo();
            // 0 路由是否显示，1 不显示 -> hidden: true/false
            router.setHidden("1".equals(menu.getVisible()));
            // 设置路由name，且会把name首字母大写 -> name: "name"
            router.setName(getRouteName(menu));
            // 设置路由访问路径 -> path: "/path"
            router.setPath(getRouterPath(menu));
            // 设置组件
            router.setComponent(getComponent(menu));
            // 设置meta信息
            router.setMeta(new MetaVo(menu.getMenuName(), menu.getIcon(), StringUtils.equals("1", menu.getIsCache()), menu.getPath()));
            // 设置Children，如果有的话，子组件默认都是显示的 且 不重定向的。接着递归去设置子组件的一些属性值
            List<SysMenu> cMenus = menu.getChildren();
            // 【目录】 如：前端 系统管理
            if (!cMenus.isEmpty() && cMenus.size() > 0 && UserConstants.TYPE_DIR.equals(menu.getMenuType()))
            {
                router.setAlwaysShow(true);
                router.setRedirect("noRedirect");
                router.setChildren(buildMenus(cMenus)); // 递归设置子组件的属性
            }
            // 【是否是内连接的菜单且没有父级（对应前端页面比如：首页）】
            else if (isMenuFrame(menu))
            {
                // 下边这些跟上边一样了
                router.setMeta(null);
                List<RouterVo> childrenList = new ArrayList<RouterVo>();
                RouterVo children = new RouterVo();
                children.setPath(menu.getPath());
                children.setComponent(menu.getComponent());
                children.setName(StringUtils.capitalize(menu.getPath()));
                children.setMeta(new MetaVo(menu.getMenuName(), menu.getIcon(), StringUtils.equals("1", menu.getIsCache()), menu.getPath()));
                childrenList.add(children);
                router.setChildren(childrenList);
            }
            // ???????? 是否为内链组件 ????????
            else if (menu.getParentId().intValue() == 0 && isInnerLink(menu))
            {
                router.setMeta(new MetaVo(menu.getMenuName(), menu.getIcon()));
                router.setPath("/inner");
                List<RouterVo> childrenList = new ArrayList<RouterVo>();
                RouterVo children = new RouterVo();
                String routerPath = StringUtils.replaceEach(menu.getPath(), new String[] { Constants.HTTP, Constants.HTTPS }, new String[] { "", "" });
                children.setPath(routerPath);
                children.setComponent(UserConstants.INNER_LINK);
                children.setName(StringUtils.capitalize(routerPath));
                children.setMeta(new MetaVo(menu.getMenuName(), menu.getIcon(), menu.getPath()));
                childrenList.add(children);
                router.setChildren(childrenList);
            }
            routers.add(router);
        }
        return routers;
    }

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 27][]

构建完成，直接返给前台数据，前台请求成功的返回结果：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 28][]

然后动态添加路由信息，vue2.xxx新api addRouters() 可动态添加路由。

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 29][]

此时，一个完整的从前端 **请求****验证码 -> 登录 -> 获取用户信息 ->  获取菜单权限** 请求流程就结束了。。。

补充下：

前台请求过来的菜单权限，还需要过滤，因为像Component组件名都是字符串，下边是过滤的主要方法，替换前端组件，还有就是把菜单组件变为懒加载状态。

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 30][]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/accd82f943e346288b607a44db8db42d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/7e4cd8ba74764f6788ed2b0408031eb7.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220829/3a031fb1bdb54a2e87a82ff360e7bb85.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220829/cbaa8ae943084647aa3919761644ae96.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220829/3267b7dfd63441ec861930df8812bb54.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220829/b1db5dc65f6046338e33f2cef3a90524.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220829/6886159ff08d463d884b3fbdd0fe405f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220829/5d8baa2fed0a42da8272072673729331.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220829/49f45a58dd044d698e675c5a1f15cdc5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220829/bf0e52dd1312416ab5d3149e908b0202.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 10]: /images/20220829/a6ddb4f4eef34033ac3aced798afc687.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_19_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/2021082809470728.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1,size_19,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 11]: /images/20220829/96099364db2e4c76a45cb632d20bbd0e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 12]: /images/20220829/ad1ee559e4fa43a2b4b19e080861c0a2.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 13]: /images/20220829/f89723ebc6584f9fa01cbe484c0d7da0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 14]: /images/20220829/ea2db48d38944b009969c2a52c55abbb.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 15]: /images/20220829/ce2fa30e232548f7b1ef5fe3099036fc.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 16]: /images/20220829/58a96ddb1cf245bfb07d9035c024cfbf.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 17]: /images/20220829/4174acd64d5a4f5dadf02699b9e2db83.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 18]: /images/20220829/3566c890a3c045fda588ed3f716c8160.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 19]: /images/20220829/d72573cc19074e6498112564a08ebd89.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 20]: /images/20220829/55b1b62665e54f9e9dc0540d3a398b29.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 21]: /images/20220829/2a3bd85589dc4e729e120af25bd59f7c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 22]: /images/20220829/83514d0018dd46569d2712eb19ab00d6.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 23]: /images/20220829/e9c0c171778b457286ff30bc07f13e4c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 24]: /images/20220829/d15edf383978472ca0493cdc10a292a5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 25]: /images/20220829/9e2fad19964f446f89389b32f265c193.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 26]: /images/20220829/ec3ee1c1a7f847ceb5b508f6e3d84f30.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 27]: /images/20220829/a7438c00e3624f96b8fad80fa3d8b950.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 28]: /images/20220829/e1573d8352bd4d10862ef5886975e811.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 29]: /images/20220829/9823e874999b4a778d417aec519dc607.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA57qi5peX5LiL55qE5bCP5YW1_size_20_color_FFFFFF_t_70_g_se_x_16 30]: /images/20220829/9341d5f8b4204d59be3c7cbf1ff0e470.png