前言
- web-flash是基於Spring Boot和Vue.js的web系統，包含了基於element搭建的後台管理系統和基於vux搭建的手機端h5站點
- web-flash具備後台管理類別系統的通用的基礎功能，而且提供了基於idea intellij的的代碼生成插件，可以一鍵生成前後端頁面。
- web-flash提供了一個後台管理系統和前端h5站台系統
- 另提供Material Design風格的單體版：material-admin
- 另提供web-flash spring cloud版本
- 另web-flash提供了基於vue3的前端系統，點選查看
目錄說明
- flash-api 後台api服務
- flash-vue-admin 基於vuejs的後台管理系統
- flash-vue-h5 行動裝置內容系統，以背景管理CMS內容管理模組的內容進行展示。
- flash-core 基礎模組，包括工具類，dao，service，bean等內容
- flash-generator 程式碼產生模組,配合IDEA 程式碼產生插件webflash-generator使用效果更好
- flash-workflow 基於activiti實作工作流程功能
示範
- 後台管理(vue版本) http://flashadmin.enilu.cn
- 手機端http://flash-mobile.enilu.cn/#/index 開啟瀏覽器後使用debug模式的手機視圖模式瀏覽
技術選型
- 核心框架：Spring Boot
- 資料庫層：Spring data jpa
- 資料庫連線池：Druid
- 快取：Ehcache
- 前端：基於Vue.js的Element（後端）和vux（手機端）
- 工作流程：activiti
包含的功能
web-flash包含了成熟的後台管理功能和手機端h5內容網站系統
- 部門管理
- 使用者管理
- 角色管理
- 選單管理：配置選單功能
- 權限分配：為指定的角色配置特定的功能選單
- 參數管理：維護系統參數，並快取系統參數提供高效率的讀取
- 資料字典管理：配置維護資料字典
- 定時任務管理：編寫、配置、執行定時任務
- 業務日誌：透過註解的方式記錄使用者操作日誌，並提供日誌查詢功能
- 登入日誌：查看使用者登入登出日誌
- cms內容管理，配合flash-vue-h5提供了手機端內容展示系統
- 訊息管理：配置訊息模板，發送短信，郵件訊息
- 工作流程：流程定義，發起申請，待辦事項
- 基於idea插件的程式碼生成
使用
- 克隆本項目
- 導入idea或者eclipse
- 建立資料庫：web-flash
CREATE DATABASE IF NOT EXISTS webflash DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
CREATE USER ' webflash '@ ' % ' IDENTIFIED BY ' webflash190602@ABC ' ;
GRANT ALL privileges ON webflash. * TO ' webflash ' @ ' % ' ;
flush privileges;
- 在開發環境中配置了系統啟動後自動建立資料庫和初始化數據，所以不需要開發人員手動初始化資料庫
- 確保開發工具下載了lombok插件
- 修改flash-api中資料庫連線配置
- 啟動flash-api，造訪http://localhost:8082/swagger-ui.html ，保證 api服務啟動成功
- 進入flash-vue-admin目錄
- 運行npm install --registry=https://registry.npmmirror.com
- 運行npm run dev
- 啟動成功後訪問http://localhost:9528 ,登錄，用戶名密碼:admin/admin
- 後台管理運作效果圖：
- 進入flash-vue-h5目錄
- 運行npm install --registry=https://registry.npmmirror.com
- 運行npm run dev
- 啟動成功後造訪http://localhost:8088/#/index
- 手機端運行效果圖：
打包
install
如果使用程式碼產生功能，需要先執行下mvn install 將flash-generator模組安裝到本機maven倉庫
線上文件
交流
- Gitter: Gitter channel
- QQ:752844606
Change Log
