1.登入概述和Token原理分析
token原理：在用戶端登入頁面輸入使用者名和密碼進行登入 ，伺服器驗證通過之後生成該使用者的 token 并傳回 ，然後用戶端存儲該 token。後續所有的請求都攜帶該 token 發送請求，由伺服器端驗證 token 是否通過。
2.登入功能實作
(1)打開項目前現在項目終端輸入：git status 檢查工作區是否幹淨；在開發中若要開發一個新功能就要把它放到一個新分支上，在該新分支上進行開發完畢後再合并到master上
git建立新分支 - 明明一顆大白菜 - 部落格園www.cnblogs.com
（2）設定背景色并在螢幕中央繪制登入盒子：需要安裝開發依賴less-loader和less寫CSS
（3）繪制帶icon的input輸入框：可以通過
prefix-icon
和
suffix-icon
屬性在 input 元件首部和尾部增加顯示圖示，也可以通過 slot 來放置圖示。導入第三方圖示庫使用。
https://element.eleme.cn/#/zh-CN/component/formelement.eleme.cn
（4）實作表單的重置功能：先為表單綁定ref屬性就可以擷取該表單的執行個體對象，然後可以通過this.$refs.ref屬性名，擷取到該表單，對其調用重置表單：resetFields（包括重置表單内容和表單規則）方法
（5）登入之後的完善操作：驗證成功後，使用this.$router.push跳轉到home頁面
程式設計式的導航 | Vue Routerrouter.vuejs.org
（6）路由守衛導航控制頁面通路權限：利用sessionStorage儲存的token來判斷使用者有沒有通路權限，若token為空則強制跳轉到login頁面程式設計式的導航 | Vue Router（6）路由守衛導航控制頁面通路權限：利用sessionStorage儲存的token來判斷使用者有沒有通路權限，若token為空則強制跳轉到login頁面
（7）實作退出功能：點選退出按鈕，清空token并跳轉到login頁面
（8）将本地代碼送出代碼到碼雲中：先終端中先運作‘git status’檢視是否有未被添加的檔案（紅名），若有運作‘git add .’添加後再次檢查，使用‘git checkout master’切換到master分支，運作‘git push’送出到倉庫master分支中。建立login分支并送出到倉庫指令：‘git push -u origin login’