文章目錄
- 用戶登錄功能的實作
- 在SpringBoot中配置資料庫資訊以及mybatis的相關資訊
- 資料庫easyuser表和User物體類
- 前端vue腳手架向SpringBoot后端發送登錄請求
- SpringBoot后端的LoginController控制器的login方法
- UserDao動態代理介面中的getUserByMessage方法
- UserDao.xml映射檔案
- 路由跳轉到Home.vue組件
- 測驗
用戶登錄功能的實作
在SpringBoot中配置資料庫資訊以及mybatis的相關資訊
如下圖：
資料庫easyuser表和User物體類
資料庫中的easyuser表，如下圖：
javabean類User，如下圖：
前端vue腳手架向SpringBoot后端發送登錄請求
login方法的代碼如下圖：
SpringBoot后端的LoginController控制器的login方法
login方法的代碼如下圖：
UserDao動態代理介面中的getUserByMessage方法
首先一定先要在啟動類上面，掃描動態代理介面，如下圖：
UserDao.xml映射檔案
路由跳轉到Home.vue組件
前端向后端發送axios請求之后，后端向前端回傳一個json字串資料，前端決議此json字串，如果flag登錄標志為"ok",則會跳轉路由，瀏覽器的localhost:8081/login地址在路由跳轉之后，變成localhost:8081/home地址，而path:"/home"對應著Home.vue組件，因此Home.vue組件會渲染到App.vue組件的標簽處，Home.vue組件的效果如下圖：
Home.vue組件的代碼，如下圖：
測驗
分別啟動前后端專案，如下圖：
在瀏覽器輸入腳手架專案的生成地址，訪問前端默認首頁，如下圖：
點擊登錄按鈕之后，如下圖：
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/282612.html
標籤：java
上一篇：HashMap原理底層剖析