前端項目名為wh-web
後端項目名為wh-server
項目展示地址為我的github pages（https://smallsnail-wh.github.io）用戶名：admin，密碼admin（第一次啟動會比較慢）
項目建構簡單介紹：

數據庫設計
用戶表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
前端設計
主要是使用ivew組件設計頁面，vue-router頁面跳轉，axios通信，webpack打包，詳情見https://github.com/smallsnail-wh/wh-web。
後端設計
主要是spring boot+mybatis+spring security+spring security OAuth2。詳情見https://github.com/smallsnail-wh/wh-server
前後端安全協議遵循oauth2。

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

用戶管理

角色配置

菜單管理

角色管理與角色權限配置

想看該項目升級版
---------------------
作者：smallsnail-wh
來源：CSDN
原文：https://blog.csdn.net/smollsnail/article/details/79025689
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！

Spring Boot企業級開發前後端分離博客系統+Thymeleaf實戰+Jpa數據持久化實戰+全文檢索實戰+架構設計與分層+API設計