Febs Vue 版釋出，基於 Spring Boot 的許可權管理系統
摘要：
一款基於 Spring Boot，Shiro，Vue 的前後端分離許可權管理系統，前端元件採用 ant-design-vue 。
預覽地址
伺服器頻寬小，初次載入較慢，請耐心等待： http://111.230.157.133:8081 。
賬號密碼：
...
一款基於 Spring Boot，Shiro，Vue 的前後端分離許可權管理系統，前端元件採用 ant-design-vue 。
預覽地址
伺服器頻寬小，初次載入較慢，請耐心等待： http://111.230.157.133:8081 。
賬號密碼：
| 賬號 | 密碼 | 許可權 |
| scott | 1234qwer | 註冊賬號，擁有檢視，新增匯出等許可權，但不能新增使用者 |
| jack | 1234qwer | 普通賬戶，僅擁有所有頁面檢視許可權 |
| mrbird | 進群獲取，或者自己搭建體驗 | 超級管理員，擁有所有增刪改查許可權 |
功能模組
├─系統管理 │├─使用者管理 │├─角色管理 │├─選單管理 │├─部門管理 │└─字典管理 ├─系統監控 │├─線上使用者 │├─系統日誌 │├─Redis監控 │├─請求追蹤 │└─系統資訊 │├─JVM資訊 │├─伺服器資訊 │└─Tomcat資訊 │─任務排程 │├─定時任務 │└─排程日誌 │─網路資源 │├─天氣查詢 │├─影視資訊 ││├─即將上映 ││└─正在熱映 │└─每日一文 └─其他模組 └─匯入匯出
技術選型
前端
後端
系統特點
-
根據不同使用者許可權動態構建路由
-
RESTFul風格介面
-
前後端請求引數校驗
-
支援Excel匯入匯出
-
前端頁面佈局多樣化，主題多樣化
-
自定義Vue許可權指令來控制DOM元素渲染與否：
| 指令 | 含義 | 示例 |
|---|---|---|
| v-hasPermission | 當用戶擁有列出的許可權的時候，渲染該元素 | <template v-hasPermission="'user:add','user:update'"><span>hello</span></template> |
| v-hasAnyPermission | 當用戶擁有列出的任意一項許可權的時候，渲染該元素 | <template v-hasAnyPermission="'user:add','user:update'"><span>hello</span></template> |
| v-hasRole | 當用戶擁有列出的角色的時候，渲染該元素 | <template v-hasRole="'admin','register'"><span>hello</span></template> |
| v-hasAnyRole | 當用戶擁有列出的任意一個角色的時候，渲染該元素 | <template v-hasAnyRole="'admin','register'"><span>hello</span></template> |
請求流程
下圖展示了在FEBS-Vue中一個請求的完整流程：
系統預覽
使用教程
後端
-
IDEA 或者 Eclipse安裝lombok外掛
-
新建MySQL（版本5.7.x）資料庫，匯入 SQL 檔案
-
匯入專案
-
修改資料庫配置，redis配置，等待Maven下載依賴
-
啟動專案
前端
# 安裝yarn npm install yarn # 下載依賴 yarn install # 啟動 yarn start # 編譯 yarn build
詳細文件編寫中...
鳴謝
感謝以下優秀的開源專案：
反饋交流
