分享一個前後端分離的web項目（vue+spring boot）

Github地址：https://github.com/smallsnail-wh

• 前端項目名爲wh-web
• 後端項目名爲wh-server
• 項目展示地址爲我的github pages（https://smallsnail-wh.github.io）用戶名：admin，密碼admin（第一次啓動會比較慢）

項目建構簡單介紹：

1. 數據庫設計 
   • 用戶表sys_user：存儲用戶基本信息。
   • 角色表sys_role：存儲不同的角色。
   • 菜單表sys_menu：存儲菜單信息。
   • 用戶和角色關係表r_user_role：存儲用戶和角色的關係。 
     邏輯是sys_user表通過id關聯r_user_role表得到對應的角色ids，再通過得到的角色ids關聯sys_role表得到對應的菜單ids，然後通過菜單ids關聯sys_menu表得到前端需要顯示的菜單數據。 
     表結構和表數據見https://github.com/smallsnail-wh/wh-server/tree/master/src/main/resources/createTable
2. 前端設計 
   主要是使用ivew組件設計頁面，vue-router頁面跳轉，axios通信，webpack打包，詳情見https://github.com/smallsnail-wh/wh-web。
3. 後端設計 
   主要是spring boot+mybatis+spring security+spring security OAuth2。詳情見https://github.com/smallsnail-wh/wh-server

4. 前後端安全協議遵循oauth2。

   下面是主要功能截圖: 
   登陸 
   

用戶管理 

角色配置 

菜單管理 

角色管理與角色權限配置 

 

下載地址:Github地址：https://github.com/smallsnail-wh

更多源碼分享，請關注：