jeecg-boot 2.2 管理用户快速登录

た入场券 2023-02-16 12:05 6阅读 0赞

### 1：使用场景，通过用户信息实现快速跳转登录 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]

### 2：实现的基本思路 ###

1.  通过登录按钮把用户的基本信息传到后台登录接口（\\src\\views\\system\\modules\\CompanyUserInfo.vue）

//用户快捷登录开始
          userLoging(record){
            console.log("companyUserInfo.vue :用户快速登录开始"+JSON.stringify(record) )
            this.functionA(record)
          },
          functionA(record){
            console.log("开始调用login.vue ：登录函数")
            Utils.$emit('demo',record);
          },
          //用户快捷登录结束

1.  后台写一个判断，可以省去密码验证码等的验证，通过用户id获取用户信息，然后生成需要返回的信息就行了
2.  通过第二步后台其他的就不用动了，后回到前端。

https://www.cnblogs.com/yanqiong/p/10469479.html

1.  上面有个链接是vue跨页面调用方法的步骤，通过这个方法，你可以在用户管理界面写一个方法，在Login,这个页面写一个快速登录方法：functionB（）
2.  下面掉用的方法或者引入的东西没有引入的话，你自己引入一下这里是引入的js里面的方法`...mapActions([ "Login", "Logout","PhoneLogin","ThirdLogin","GetPermissionList","UpdateAppRouter" ]),`

functionB(record) { 
    		//说明一下这里record ，这个是用户信息
            let that=this
            this.currdatetime = new Date().getTime();
            Vue.ls.remove(ACCESS_TOKEN)
            this.getRouterData();
            this.handleChangeCheckCode();
            this.Login(record).then((res) => { 
                  that.departConfirm(res)
                  this.functionC(res.result.token)
                }).catch((err) => { 
                  that.requestFailed(err);
                });
           
          },
          functionC(token) { 
            let constRoutes = [];
            this.GetPermissionList(token).then((res) =>{ 
                  
                });
            clearTimeout(this.timer);  //清除延迟执行
            this.timer = setTimeout(()=>{    //设置延迟执行
                console.log("延时3秒");
                this.reload()
            },1000);
            this.timer = setTimeout(()=>{    //设置延迟执行
                    this.GetPermissionList().then((res) =>{ 
                  constRoutes = generateIndexRouter(res.result.menu);
                 
                  this.UpdateAppRouter(constRoutes).then((res) =>{ 
                   
                  });
                  
                });
            },1000);
          
          },

1.  src\\store\\modules\\permission.js

import router from '../../router'
     // 动态添加主界面路由，需要缓存
        UpdateAppRouter({  commit }, routes) { 
          return new Promise(resolve => { 
            //const [ roles ] = routes.constRoutes
            let routelist
            if(routes.constRoutes == undefined || routes.constRoutes == null){ 
              router.addRoutes(routes)
              routelist = routes;
            }else{ 
              routelist = routes.constRoutes;
            }
            commit('SET_ROUTERS', routelist)
            resolve()
          })
        }

1.  src\\store\\modules\\user.js

// 获取用户信息
        GetPermissionList({  commit },token) { 
          return new Promise((resolve, reject) => { let v_token = Vue.ls.get(ACCESS_TOKEN); let params={} if(token !=undefined ||token !=null){ params = {token:token}; }else{ params = {token:v_token}; } queryPermissionsByUser(params).then(response => { const menuData = response.result.menu; const authData = response.result.auth; const allAuthData = response.result.allAuth; //Vue.ls.set(USER_AUTH,authData); sessionStorage.setItem(USER_AUTH,JSON.stringify(authData));
              sessionStorage.setItem(SYS_BUTTON_AUTH,JSON.stringify(allAuthData));
              if (menuData && menuData.length > 0) { 
                //update--begin--autor:qinfeng-----date:20200109------for：JEECG-63 一级菜单的子菜单全部是隐藏路由，则一级菜单不显示------
                menuData.forEach((item, index) => { 
                  if (item["children"]) { 
                    let hasChildrenMenu = item["children"].filter((i) => { 
                      return !i.hidden || i.hidden == false
                    })
                    if (hasChildrenMenu == null || hasChildrenMenu.length == 0) { 
                      item["hidden"] = true
                    }
                  }
                })
                console.log(" menu show json ", menuData)
                //update--end--autor:qinfeng-----date:20200109------for：JEECG-63 一级菜单的子菜单全部是隐藏路由，则一级菜单不显示------
                commit('SET_PERMISSIONLIST', menuData)
              } else { 
                reject('getPermissionList: permissions must be a non-null array !')
              }
              resolve(response)
            }).catch(error => { 
              reject(error)
            })
          })
        },

1.  踩得坑：router.addRoutes(routes)第二步这个一定不能忘，要不然就算成功跳转页面，左侧菜单加载出来了，路由信息也有可能不正确。

### 3：虽然代码不多，但也是一点一点研究出来的，觉得有用点个赞吧！！！ ###

### 4：另一种方法 ###

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/2020060919191672.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy,size_16,color_FFFFFF,t_70#pic_center