1. 程式人生 > >簡單的登錄註冊邏輯。

簡單的登錄註冊邏輯。

登錄模塊 json 用戶註冊 需要 查詢 定義 ext api 後端

註冊:

前端邏輯:

1給註冊添加點擊事件,點擊後出來一個模態框,用兩個類型為textinput供用戶輸入賬號和密碼。

2給註冊按鈕添加點擊事件,當點擊按鈕時,獲取input框中的用戶名和密碼,通過將數據傳送給後端。用戶名和密碼信息用post傳輸,格式為json,接口為定義的接口:/api/register。當後端返回失敗或成功的狀態是提示提示用戶註冊失敗還是成功。

後端邏輯:

1在路由層配置註冊接口。業務代碼不能寫在路由層,導入controller層中的註冊業務代碼。

2model層中寫方法,用戶的信息需要存入數據庫中,寫一個save的方法存儲用戶信息,用戶的信息與數據庫中的信息進行對比,寫一個

find的方法。暴露出去供controller層使用。

3controller層中寫邏輯,首先導入model層的方法。因為前端使用post傳輸數據的,所以先用res.body接收一下前端傳來的數據,首先將用戶名和數據庫中已有的用戶名進行對比,這裏用到的model層提供的查的方法。如果數據庫中有重復的用戶名,res.json返回狀態給前端,提示用戶名已存在。如果無重復的用戶名,用model層提供的save的方法,將用戶名和密碼存入數據庫中,在存入之前用sha256進行加密。res.json返回狀態給前端,提示用戶註冊成功。註冊結束。

登錄:

前端邏輯:

1給登錄添加點擊事件,點出後彈出一個模態框,用兩個類型為

textinput供用戶輸入賬號和密碼。

2給登錄按鈕添加點擊事件,當點擊登錄時獲取input框中的val值,通過ajax傳遞給後端與後端數據庫中的數據進行比較,當後端返回失敗或成功的狀態時提示用戶登錄失敗或登錄成功。前端完成。

後端邏輯:

1在路由層配置登錄接口。業務代碼不能寫在路由層,導入controller層中的登錄業務代碼。

2model層中寫方法,用戶的信息用戶的信息與數據庫中的信息進行對比,寫一個find的方法。暴露出去供controller層使用。

3controller層中寫邏輯,首先導入model層中的方法。前端用post傳輸來數據後,用res.body接收。用傳回信息中的用戶名查詢,如果數據庫中存在用戶名,現將傳來的密碼進行加密,與數據庫中的加密的密碼進行對比,如果正確,則給前端返回登錄成功的狀態,提示用戶登錄成功。後端登錄模塊結束。下載第三方模塊

jsonwebtoken可以進行持久登錄和身份驗證。

簡單的登錄註冊邏輯。