quick_app.png

Flux Panel

基于FastAPI+Vue3，實(shí)現(xiàn)前后端分離的快速開(kāi)發(fā)框架,支持自動(dòng)生成代碼

項(xiàng)目地址 https://github.com/Richard0403/FluxPanel

平臺(tái)簡(jiǎn)介

FluxPanel是一套全部開(kāi)源的快速開(kāi)發(fā)平臺(tái)，毫無(wú)保留給個(gè)人及企業(yè)免費(fèi)使用。

• 前端采用Vue3、Element Plus，基于<u>RuoYi-Vue3</u>前端項(xiàng)目修改。
• 后端采用FastAPI、sqlalchemy、MySQL、Redis、OAuth2 & Jwt, 基于<u>RuoYi-Vue3-FastAPI</u>后端項(xiàng)目修改。
• 權(quán)限認(rèn)證使用OAuth2 & Jwt，支持多終端認(rèn)證系統(tǒng)。
• 支持加載動(dòng)態(tài)權(quán)限菜單，多方式輕松權(quán)限控制。
• 支持代碼生成，一鍵生成前后端代碼
• 特別鳴謝：<u>RuoYi-Vue3， RuoYi-Vue3-FastAPI</u>

在線體驗(yàn)地址

FluxPanel

用戶(hù)名: admin

密碼: admin123

內(nèi)置功能

1. 用戶(hù)管理：用戶(hù)是系統(tǒng)操作者，該功能主要完成系統(tǒng)用戶(hù)配置。
2. 角色管理：角色菜單權(quán)限分配、設(shè)置角色按機(jī)構(gòu)進(jìn)行數(shù)據(jù)范圍權(quán)限劃分。
3. 菜單管理：配置系統(tǒng)菜單，操作權(quán)限，按鈕權(quán)限標(biāo)識(shí)等。
4. 部門(mén)管理：配置系統(tǒng)組織機(jī)構(gòu)（公司、部門(mén)、小組）。
5. 崗位管理：配置系統(tǒng)用戶(hù)所屬擔(dān)任職務(wù)。
6. 字典管理：對(duì)系統(tǒng)中經(jīng)常使用的一些較為固定的數(shù)據(jù)進(jìn)行維護(hù)。
7. 參數(shù)管理：對(duì)系統(tǒng)動(dòng)態(tài)配置常用參數(shù)。
8. 通知公告：系統(tǒng)通知公告信息發(fā)布維護(hù)。
9. 操作日志：系統(tǒng)正常操作日志記錄和查詢(xún)；系統(tǒng)異常信息日志記錄和查詢(xún)。
10. 登錄日志：系統(tǒng)登錄日志記錄查詢(xún)包含登錄異常。
11. 在線用戶(hù)：當(dāng)前系統(tǒng)中活躍用戶(hù)狀態(tài)監(jiān)控。
12. 定時(shí)任務(wù)：在線（添加、修改、刪除）任務(wù)調(diào)度包含執(zhí)行結(jié)果日志。
13. 服務(wù)監(jiān)控：監(jiān)視當(dāng)前系統(tǒng)CPU、內(nèi)存、磁盤(pán)、堆棧等相關(guān)信息。
14. 緩存監(jiān)控：對(duì)系統(tǒng)的緩存信息查詢(xún)，命令統(tǒng)計(jì)等。
15. 系統(tǒng)接口：根據(jù)業(yè)務(wù)代碼自動(dòng)生成相關(guān)的api接口文檔。
16. 代碼生成：根據(jù)mysql數(shù)據(jù)表的結(jié)構(gòu)，自動(dòng)生成python代碼和vue代碼
17. 表單構(gòu)建：（開(kāi)發(fā)中）

演示圖

flux_api.png

flux_cache.png

flux_code.png

flux_menu.png

項(xiàng)目開(kāi)發(fā)及發(fā)布相關(guān)

開(kāi)發(fā)

# 克隆項(xiàng)目
git clone https://github.com/Richard0403/FluxPanel.git

# 進(jìn)入項(xiàng)目根目錄
cd FluxPanel

前端

本地node版本為v18.20.5， 其他版本可做嘗試，不保證均可正常運(yùn)行

# 進(jìn)入前端目錄
cd flux-frontend

# 安裝依賴(lài)
npm install 或 yarn --registry=https://registry.npmmirror.com

# 建議不要直接使用 cnpm 安裝依賴(lài)，會(huì)有各種詭異的 bug。可以通過(guò)如下操作解決 npm 下載速度慢的問(wèn)題
npm install --registry=https://registry.npmmirror.com

# 啟動(dòng)服務(wù)
npm run dev 或 yarn dev

后端

建議使用aconda管理環(huán)境， python版本推薦3.11

# 進(jìn)入后端目錄
cd ruoyi-fastapi-backend
# 安裝依賴(lài)環(huán)境, 建議使用aconda， python版本推薦3.11
pip3 install -r requirements.txt

# 配置環(huán)境
在.env.dev（開(kāi)發(fā)環(huán)境）文件中配置開(kāi)發(fā)環(huán)境的數(shù)據(jù)庫(kù)和redis，
.env.prod未正式環(huán)境使用， 復(fù)制.env.dev-templates文件即可

# 運(yùn)行sql文件
1.新建數(shù)據(jù)庫(kù)flux-data(默認(rèn)，可修改)
2.使用命令或數(shù)據(jù)庫(kù)連接工具運(yùn)行sql文件夾下的flux-data.sql

# 運(yùn)行后端
python3 app.py --env=dev

訪問(wèn)

# 默認(rèn)賬號(hào)密碼
賬號(hào)：admin
密碼：admin123

# 瀏覽器訪問(wèn)
地址：http://localhost:80

發(fā)布

前端

# 構(gòu)建測(cè)試環(huán)境
npm run build:stage 或 yarn build:stage

# 構(gòu)建生產(chǎn)環(huán)境
npm run build:prod 或 yarn build:prod

后端

# 配置環(huán)境
在.env.prod文件中配置生產(chǎn)環(huán)境的數(shù)據(jù)庫(kù)和redis

# 運(yùn)行后端
python3 app.py --env=prod

交流與贊助

如果有對(duì)本項(xiàng)目及FastAPI感興趣的朋友歡迎star 和提issue