# 作業五 電商管理平台 詹子禾,郭奕漢 ## 系統功能 1. 系統功能 * 用戶管理:用戶是系統操作者,該功能主要完成系統用戶配置 * 菜單管理:配置系統菜單、操作權限、按鈕權限標識等,本地緩存提供性能 * 部門管理:配置系統組織機構(公司、部門、小組),樹結構展現支持數據權限 2. 工作流程 * 流程模式:配置工作流的流程模型,支持文件導入與在線設計流程圖,提供7種任務分配規則 3. 支付系統 * 支付訂單:查看用戶發起的支付寶、微信等的【支付】訂單 * 退款訂單:查看用戶發起的支付寶、微信等的【退款】訂單 4. 基礎設施 * MySQL 監控:視當前系統數據庫連接池狀態,可進行分析SQL找出系統性能瓶頸 * Redis 監控:監控Redis 數據庫的使用情況,使用的Redis Key 管理 * 表單構建:拖動表單元素生成相應的HTML 代碼,支持導出JSON、Vue 文件 5. 數據報表 * 報表設計器:支持數據報表、圖形報表、打印設計等 * 大屏設計器:拖拽生成數據大屏,內置幾十種圖表組件 6. 社群軟體 * 帳號管理:配置接入的社群軟體公眾號,可支持多個公眾號 * 數據統計:統計公眾號的用戶增減、累計用戶、消息概況、接口分析等數據 7. 商城系統 * 商品中心:商品管理、分類、屬性 * 訂單管理:交易訂單、售後訂單 8. 會員中心 * 會員系統:基本訊息、會員積分 ## 系統架構圖 ![](https://i.imgur.com/OAYcpsV.png) 圖片網址 : https://i.imgur.com/OAYcpsV.png ## 前、後端技術、資料庫 ### 前端 手機 ![](https://i.imgur.com/iGfKnJZ.png) 電腦 ![](https://i.imgur.com/wJEyHbv.png) 1. 基於 Vue.js 框架的前端技術 2. 使用了 Element-UI 和 Bootstrap-Vue 這兩種 UI 庫 3. 使用了 Vue Router 實現路由功能 4. 使用了 Vuex 管理應用狀態 5. 使用了axios庫進入HTTP請求 6. 使用了uniApp+uview實現用戶App 7. 前後端代碼生成(Java,Vue,SQL,單元測試) ### 後端 1. 基於Spring Boot框架的後端技術 2. 使用了Spring Security實現安全認證 3. 使用了 MyBatis 進行數據庫操作 4. 使用了 Swagger 生成 API 文檔 5. Spring Boot:為主要的後端框架 6. Spring Security:用於權限管理和安全性的保障 7. JWT:用於用戶認證和授權 ### 資料庫 1. 使用了 MySQL 作數據庫 2. Redis監控數據庫的使用狀況 ## 實際執行結果 http://dashboard.yudao.iocoder.cn/ ![](https://hackmd.io/_uploads/H1HH0ZYEn.jpg) ![](https://hackmd.io/_uploads/HkBr0WFV2.jpg) ![](https://hackmd.io/_uploads/HJrS0WKV2.jpg) 資料來源:https://github.com/YunaiV/ruoyi-vue-pro