SpringBoot+Vue+ElementUI+動態菜單模版


管理系統模版

前言

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

項目前后端分離,前端采用 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,或者后端擴展,具體部署架構根據自身項目情況而定。

基本功能

權限

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

后端采用Shiro框架實現權限的控制。

用戶權限數據庫表模型

項目前端界面:

定時任務

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

數據庫模型

項目前端界面

其它

數據字典

總結

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

  • 項目1.x 分支基礎模版(后續會繼續更新)
  • 計划新增2.x分支,添加業務功能(如:訂單,商品等)


免責聲明!

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



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