快捷導(dǎo)航

SpringBoot實(shí)現(xiàn)網(wǎng)站的登陸注冊邏輯記錄

更新時(shí)間：2021年10月12日 15:32:56 作者：xbhog

登陸注冊功能是我們?nèi)粘ｉ_發(fā)中經(jīng)常遇到的一個(gè)功能,下面這篇文章主要給大家介紹了關(guān)于SpringBoot實(shí)現(xiàn)網(wǎng)站的登陸注冊邏輯的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下

技術(shù)列表：

SpringBoot
MySQL
redis
JWT

用戶登錄邏輯：

首先打開前端登錄頁面，F(xiàn)12進(jìn)行網(wǎng)頁URL抓?。?/p>

隨便輸入信息，查看請求后端的地址：

地址：

請求 URL: http://localhost:8888/login
請求方法: POST
狀態(tài)代碼: 200 
遠(yuǎn)程地址: [::1]:8888
引用站點(diǎn)策略: strict-origin-when-cross-origin

很明顯，前端用戶輸入賬戶，通過post請求傳遞給后端接收：

@RequestMapping("/login")
public class LoginController {
    @Autowired
    private LoginService loginService;
    @PostMapping
    public Result login(@RequestBody LoginParam loginParam){
        return loginService.login(loginParam);
    }

}

這里為了方便傳輸,把前端參數(shù)封裝成對象傳入.

后端驗(yàn)證查詢賬戶的邏輯操作：

獲取賬戶密碼
判斷賬戶密碼是否為空
密碼加密，采用MD5加密+鹽的操作
通過處理的賬戶密碼(加密)進(jìn)行數(shù)據(jù)庫查詢

String pwd = DigestUtils.md5Hex(password + salt);
//根據(jù)賬號和加密的密碼進(jìn)行數(shù)據(jù)庫的查找
SysUser sysUser = sysUserService.findUser(account, pwd);

查找成功，使用JWT工具包生成token，保存到redis中

向前端返回生成的token，檢查token,進(jìn)行登錄

{
    "code": 200,
    "success": true,
    "msg": "success",
    "data": "eyJhbGciOiJIUzI1NiJ9.eyJleHAiOjE2MzQ4OTY1MDIsInVzZXJJZCI6MSwiaWF0IjoxNjM0MDA3NDcwfQ.9elJSiGa-QARLqKGLTeFW9go7ujsArd0QV_HihHfEm0"
}

這里就實(shí)現(xiàn)了JWT和redis實(shí)現(xiàn)簡單的登錄驗(yàn)證功能。

用戶注冊邏輯：

前端請求：

前端傳遞賬戶名、密碼、昵稱，調(diào)用http://localhost:8888/register地址進(jìn)行post傳參，后端接收參數(shù)

1、獲取前端參數(shù)，判斷參數(shù)是否合法(是否為空)

2、判斷賬戶是否存在，存在，返回賬戶已經(jīng)被注冊了的json數(shù)據(jù)

3、不存在、注冊賬戶（生成User對象）調(diào)用保存接口，保存的時(shí)候需要將密碼進(jìn)行MD5+鹽加密

4、生成token令牌

String token = JWTUtils.createToken(sysUser.getId());

5、存入redis 并返回

這里存入redis是因?yàn)椋猿晒髸D(zhuǎn)到前端頁面，前端頁面會去redis中找user的信息進(jìn)行對比，如果存在，顯示登錄，反之登錄失敗。

6、注意加上事務(wù)，一旦中間的任何過程出現(xiàn)問題，注冊的用戶需要回滾(防止臟數(shù)據(jù))

將生成得token傳遞給前端：

{
    "code": 200,
    "success": true,
    "msg": "success",
    "data": "eyJhbGciOiJIUzI1NiJ9.eyJleHAiOjE2MzQ4NDc0MzQsInVzZXJJZCI6MTQ0NzU1MjU3MDYzMDQzNDgxNywiaWF0IjoxNjMzOTU4NDAxfQ.zn5meG_lUWROuz7TmkUGS0MTjO1-TDQa42uM_-uhXqs"
}

前端調(diào)用該接口，：

http://localhost:8888/users/currentUser

前端將獲得token傳遞給后端接口currentUser，在redis中找到user信息，校驗(yàn)信息，解析數(shù)據(jù)，返回用戶基本信息，前端解析

前端index.js部分代碼段：

login({commit}, user) {
      return new Promise((resolve, reject) => {
        login(user.account, user.password).then(data => {
          if(data.success){
            commit('SET_TOKEN', data.data)
            setToken(data.data)
            resolve()
          }else{
            reject(data.msg)
          }
        }).catch(error => {
          reject(error)
        })
      })

到這里就是簡單的登錄注冊的功能，上述內(nèi)容都是部分代碼段，如果有需要學(xué)習(xí)的可以評論留言。