ssm+shiro+vue+elementui实现简单的权限管理系统源码已上传至GitHub 后端部分：https://

本文已参与「新人创作礼」活动，一起开启掘金创作之路

源码已上传至GitHub

后端部分：github.com/Wisdom-Bao/… 前端部分：github.com/Wisdom-Bao/…

一、登录注册

关键代码：

 @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" });
          }
        });
    }

20200603171220809.jfif

关键代码：

 @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;
    }