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

onlythinking發表於2020-05-17

管理系統模版

前言

一套管理系統基礎模版,提供了些基礎功能(包含:系統使用者,選單,許可權,排程任務,常量,資料字典等功能) 方便開發人員專注於業務功能開發。

專案前後端分離,前端採用 vue+element-ui,後端採用 spring-boot

專案地址:

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

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

專案簡介

專案結構

前端

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分支,新增業務功能(如:訂單,商品等)

相關文章