Spring boot +Vue3.x +Element Plus 前后分離管理項目


 項目介紹

mooding-boot 是一個輕量級的,前后端分離的J2EE快速開發平台,致力於做更簡潔的快速開發平台。

每次做項目都要去找很久適合自己的項目,有時候找到的項目技術相對比較滯后,有時候前端后和后端項目不是同時讓自己滿意,因此利用休息日自己擼了一個比較簡潔的項目,供自己和想自己的小伙伴參考使用。

該項目前端采用時比較新穎的vue3.x和element plus去做的,至少最近三年vue3.x是使用比較多的前端框架,項目實現的功能比較簡單,學習和理解都比較容易,方便后續實現不同項目的業務需求。

后續會基於該項目嘗試開發出倉儲管理、物流管理、社區管理和人事管理項目,如有感興趣的朋友可以從下方找到我個人社交賬號,與我聯系,期待你的加入。

  • 后端采用Spring Boot 2.X、Spring Security、Mybatis 、Mybatis-plus、Druid、Swagger-ui、quartz、Redis 和 Jwt等框架開發。
  • 前端是基於 vue3.x 、 CompositionAPI 、 typescript 、 vite 、 element plus 、 vue-router-next 、 next.vuex,適配手機、平板和pc,希望減少工作量,幫助大家實現前端快速開發

開發環境

  • 后端語言: Java 8
  • 前端語言:vue3.x
  • IDE(JAVA): IDEA / Eclipse安裝lombok插件
  • IDE(前端): WebStorm 或者 VScode
  • 依賴管理:Maven、Yarn/Npm
  • 數據庫:MySQL5.7
  • 緩存:Redis

主要特性

  • 使用最新技術棧,社區資源豐富。
  • 支持數據字典,可方便地對一些狀態進行管理
  • 支持接口級別的功能權限與數據權限,可自定義操作
  • 自定義權限注解與匿名接口注解,可快速對接口攔截與放行
  • 對一些常用地前端組件封裝:表格數據請求、數據字典等
  • 前后端統一異常攔截處理,統一輸出異常,避免繁瑣的判斷
  • 支持在線用戶管理與服務器性能監控,支持限制單用戶登錄
  • 支持運維管理,可方便地對遠程服務器的應用進行部署與管理
  • 高效率開發,代碼生成器可一鍵生成前后端代碼(待完善...)

內置功能

  1. 用戶管理:用戶是系統操作者,該功能主要完成系統用戶配置。
  2. 部門管理:配置系統組織機構(公司、部門、小組),樹結構展現支持數據權限。
  3. 崗位管理:配置系統用戶所屬擔任職務。
  4. 菜單管理:配置系統菜單,操作權限,按鈕權限標識等。
  5. 角色管理:角色菜單權限分配、設置角色按機構進行數據范圍權限划分。
  6. 字典管理:對系統中經常使用的一些較為固定的數據進行維護。
  7. 參數管理:對系統動態配置常用參數。
  8. 通知公告:系統通知公告信息發布維護。
  9. 操作日志:系統正常操作日志記錄和查詢;系統異常信息日志記錄和查詢。
  10. 登錄日志:系統登錄日志記錄查詢包含登錄異常。
  11. 在線用戶:當前系統中活躍用戶狀態監控。
  12. 定時任務:在線(添加、修改、刪除)任務調度包含執行結果日志。
  13. 系統接口:根據業務代碼自動生成相關的api接口文檔。
  14. 服務監控:監視當前系統CPU、內存、磁盤、堆棧等相關信息。
  15. 緩存監控:對系統的緩存信息查詢,命令統計等。
  16. 連接池監視:監視當前系統數據庫連接池狀態,可進行分析SQL找出系統性能瓶頸。
  17. 代碼生成:前后端代碼的生成(java、html、xml、sql)支持CRUD下載 (待完善...)。
  18. 在線構建器:拖動表單元素生成相應的HTML代碼(待完善...)。

在線體驗

        文檔地址:http://49.235.52.198:8081/api/swagger-ui/

項目展示

登錄頁 

用戶管理

角色管理

菜單管理

部門管理

崗位管理

字典管理

參數設置

日志管理

在線用戶

定時任務

服務器監控

 布局修改

 

 

 

 



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM