谷粒学院前台登录流程

谷粒学院前台登录流程

登录验证部分

第一步 前台输入账号密码

第二步 后端验证

• 首先判断手机号是否存在
• 其次判断密码是否正确
• 再判断账号是否被禁用

验证通过后,利用 JwtUtils 工具生成 JwtToken 返回

//登录成功
        String jwtToken = JwtUtils.getJwtToken(mobileMember.getId(), mobileMember.getNickname());
        return jwtToken;

第三步 登录成功后

前端将得到的token值保存到Cookie中

cookie.set('guli_token', response.data.data.token,{ domain: 'localhost'})

获取用户信息部分

登录成功后,前端会把保存到Cookie中,如上图所示.发送请求时,服务器可以根据请求中的token值解析出用户信息.

//根据token获取用户信息
    @GetMapping("getMemberInfo")
    public R getMemberInfo(HttpServletRequest request){
        String memberId = JwtUtils.getMemberIdByJwtToken(request);
        System.out.println("memberId:"+memberId);
        UcenterMember member = memberService.getById(memberId);
        return R.ok().data("userInfo",member);
    }

前端调用成功后,将用户信息保存到cookie中

loginApi.getLoginUserInfo().then(response => {
      //       //用户信息
            this.loginInfo = response.data.data.userInfo
            console.log(this.loginInfo);
      //       //将用户信息记录cookie
            cookie.set('guli_ucenter', this.loginInfo, { domain: 'localhost' })
      //       //跳转页面
            // window.location.href = "/";
         })