後台筆記3(登入退出功能樣式 了解token)

2022-08-11 06:30:11 字數 1736 閱讀 2284

為什麼用token來記錄登入狀態,而不用session與cookie?

如果存在跨域問題就用token來維持登入狀態,如果不存在跨域問題就用cookie和session。

token的原理?(這五步還是要記住的)

token用來儲存登入狀態的,可以通過token驗證這個人是否登入,是登入成功後的唯一身份令牌。

編寫登入功能:

1 新建分支

開啟專案,按下操作:(重要)

1 新建分支,並切換到新分支

2 檢視一看分支。

2 重置專案基本解構

把router資料夾下的index.js刪到如圖所示:

重置完畢!

1 新建元件

2 寫路由,index.js如圖:(這裡特別容易出錯,path前面要加空格,路由規則大括號前面是兩個空格)

瀏覽器輸入:

再配置一下路由重定向,這樣下次開啟就可以直接顯示login元件了。

總結:新建元件,寫路由,寫路由佔位符

安裝開發依賴:

編寫全域性樣式:

在main.js中引入:

編寫完基本樣式後引入元件:

複製elementui中的元件(一定要把裡面的資料繫結刪除,因為data中沒有定義會報錯)

樣式:因為el-form-item有預設樣式了,編寫樣式就方便多了,直接用絕對定位把表單放在最下面

為什麼加box-sizing: boder-box?不加的話可以用f12看看盒子變大了

阿里圖示庫如何使用?匯入fonts那個資料夾到專案assets資料夾下的css資料夾,裡面有很多檔案,開啟demo_fontclass.html會告訴你使用規則。

總結:新建元件,寫路由,寫路由佔位符,布局:兩個都是用絕對定位

個人部落格四 註冊登入退出功能後台開發

宣告 本部落格的註冊登入退出功能將使用django allauth,參考資源如下 django allaut 檔 django allauth教程 新增storm相關應用 storm 新增allauth相關應用 django.contrib.sites allauth allauth.account...

個人部落格四 註冊登入退出功能後台開發

宣告 本部落格的註冊登入退出功能將使用django allauth,參考資源如下 django allaut 檔 django allauth教程 新增storm相關應用 storm 新增allauth相關應用 django.contrib.sites allauth allauth.account...

個人部落格四 註冊登入退出功能後台開發

宣告 本部落格的註冊登入退出功能將使用django allauth,參考資源如下 django allaut 檔 django allauth教程 新增storm相關應用 storm 新增allauth相關應用 django.contrib.sites allauth allauth.account...