---
# System prepended metadata

title: '作業五 電商管理平台 詹子禾,郭奕漢'

---

# 作業五 電商管理平台 詹子禾,郭奕漢
## 系統功能
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