ssm+shiro+vue+elementui实现简单的权限管理系统

源码已上传至GitHub

后端部分：https://github.com/Wisdom-Bao/shiro-ssm.git
前端部分：https://github.com/Wisdom-Bao/shiro-vue.git

一、登录注册

在这里插入图片描述
关键代码：

 @RequestMapping("login")
 @ResponseBody
 public String login(String username,String password){
    
    
        Subject subject = SecurityUtils.getSubject();
        UsernamePasswordToken token = new UsernamePasswordToken(username, password);
        try {
    
    
            subject.login(token);
            return "success";
        } catch (UnknownAccountException e) {
    
       //用户名不存在
            return "no user";
        } catch (IncorrectCredentialsException e) {
    
         //密码错误
            return "wrong password";
        }

    }

 submitForm(formName) {
    
    
      this.$http
        .get(`/login?username=${
      
      formName.username}&password=${
      
      formName.pass}`)
        .then(resp => {
    
    
          if (formName.code != this.identifyCode) {
    
    
            this.$message({
    
    
              type: "info",
              message: "验证码错误"
            });
          } else if (resp.data == "success") {
    
    
            sessionStorage.setItem("token", "true");
            sessionStorage.setItem("username", formName.username);
            sessionStorage.setItem("password", formName.pass);
            _this.$router.push({
    
     path: "/" });
            this.$message({
    
    
              type: "success",
              message: "登录成功"
            });
          } else if (resp.data == "wrong password") {
    
    
            this.$message({
    
    
              type: "info",
              message: "密码错误"
            });
            _this.$router.push({
    
     path: "/login" });
          } else if (resp.data == "no user") {
    
    
            this.$message({
    
    
              type: "info",
              message: "用户名不存在"
            });
            _this.$router.push({
    
     path: "/login" });
          }
        });
    }

在这里插入图片描述

在这里插入图片描述
关键代码：

 @RequestMapping("register")
 @ResponseBody
 public String register(String username, String password, String code){
    
    
        if(!code.equals(this.messageCode)){
    
    
            return "wrong code";
        }
        Object salt = ByteSource.Util.bytes(username);
        SimpleHash simpleHash = new SimpleHash("MD5", password, salt, 1);
        User user = new User();
        user.setName(username);
        user.setPassword(simpleHash.toString());
        userService.addUser(user);
        return "register success";
    }

submitForm(formName) {
    
    
      this.$http
        .get(
          `/register?username=${
      
      formName.username}&password=${
      
      formName.pass}&code=${
      
      formName.code}`
        )
        .then(resp => {
    
    
          console.log(resp);
          if (resp.data == "register success") {
    
    
            this.$message({
    
    
              type: "success",
              message: "注册成功"
            });
            _this.$router.push({
    
     path: "/" });
          }else if(resp.data == "wrong code"){
    
    
            this.$message({
    
    
              type: "info",
              message: "验证码不正确"
            });
          }
        });
    },

二、展示个人信息

在这里插入图片描述
关键代码：

    @ResponseBody
    @RequestMapping("findAllUserInfo")
    public List<UserVo> findAllUserInfo(){
    
    
        List<User> userList = userService.findAllUsers();
        List<UserVo> userVoList = new ArrayList<>();
        for(User user : userList) {
    
    
            Set roleSet = new HashSet();
            List<Role> roleList = roleService.findRoleByUserId(user.getId());
            for (Role role : roleList) {
    
    
                roleSet.add(role.getName());
            }
            UserVo userVo = new UserVo();
            userVo.setUserId(user.getId());
            userVo.setUserName(user.getName());
            userVo.setUserRoles(roleSet);
            userVoList.add(userVo);
        }
        return userVoList;
    }