開源 SpringBoot+vueJs 前後端管理系統模版

管理系統模版

前言

一套管理系統基礎模版,提供了些基礎功能(包含:系統用戶,菜單,權限,調度任務,常量,數據字典等功能) 方便開發人員專注於業務功能開發。

項目前後端分離,前端採用 vue+element-ui,後端採用 spring-boot

項目地址:

https://github.com/cuteJ/shop-server (後端)

https://github.com/cuteJ/shop-web-mgt (前端)

項目簡介

項目結構

前端

src -- 源碼目錄
├── api -- API
├── assets -- 圖片資源文件
├── components -- 通用組件
├── directive -- vue指令
├── filters -- 過濾器
├── lang -- 國際化配置
├── icons -- svg文件
├── router -- 路由配置
├── store -- vuex狀態管理
├── styles -- 全局css樣式
├── utils -- 工具類
└── views -- 頁面組件
    ├── app -- 應用管理(小程序)
    ├── dashboard -- 首頁
    ├── errorPage -- 錯誤頁面
    ├── layout -- 佈局頁面
    ├── login -- 登錄頁
    ├── profile -- 個人配置
    ├── svg-icons -- 圖標
    ├── system -- 系統管理
        ├── components -- 頁面級別組件
        ├── sysApiListManager -- 接口列表
        ├── sysAuthorityManager -- 接口權限
        ├── sysDicManager -- 常量管理
        ├── sysJobManager -- 定時任務
        ├── sysJobRunLogManager -- 定時任務日誌
        ├── sysMenuManager -- 菜單管理
        ├── sysMetadataManager -- 數據字典
        ├── sysOptLogManager -- 操作日誌
        ├── sysRegionManager -- 地區管理
        ├── sysRoleManager -- 角色管理
        ├── sysUserManager -- 系統用戶管理
    ├── user -- C端用戶管理
        ├── userLoginManager -- C端用戶列表

後端

shop-server
    ├── install -- 腳本文件
    ├── shop-server-api -- 公共模塊(包含 model mapper 工具配置類等)
    ├── shop-server-app (包含 H5登錄,各類小程序登錄) 
    ├── shop-server-mgt 

運行架構

​ 體量小的項目實行單一運行架構,nginx 完全承擔了靜態文件服務器,和後端應用代理。

如需CDN,或者後端擴展,具體部署架構根據自身項目情況而定。

ds_home.png

基本功能

權限

權限設計分爲前端和後端,前端根據返回的後臺菜單權限數據控制菜單頁面顯示與隱藏。

後端採用Shiro框架實現權限的控制。

model_user.png

用戶權限數據庫表模型

db_user.png

項目前端界面:

jp_user_menu_list.png

jp_user_role_list.png

jp_user_user_list.png

定時任務

定時任務採用quartz 進行簡單 封裝實現。

model_job.png

數據庫模型

db_job.png

項目前端界面

jp_job_instanceLog.png

jp_job_tp.png

jp_job_trigger_add.png

jp_job_trigger_list.png

其它

數據字典
jp_other_db.png

總結

項目正在起步階段,目前完成1.0.0,待測試。後續開發計劃.....

  • 項目1.x 分支基礎模版(後續會繼續更新)
  • 計劃新增2.x分支,添加業務功能(如:訂單,商品等)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章