# 销售可视化系统

**Repository Path**: wei-zhou-abc/sales-visualization-system

## Basic Information

- **Project Name**: 销售可视化系统
- **Description**: 一个基于 Vue 3 和 Spring Boot 构建的综合性销售数据可视化分析系统。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-02-16
- **Last Updated**: 2025-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 销售数据分析系统

一个基于Vue 3和Spring Boot构建的综合性销售数据可视化分析系统。通过直观的图表展示，帮助用户分析销售数据，提高决策效率。

## 页面展示
![输入图片说明](img/产品数据分析.png)
![输入图片说明](img/客户数据分析.png)
![输入图片说明](img/店铺数据监控.png)
![输入图片说明](img/收入数据分析.png)
![输入图片说明](img/核心数据分析.png)
![输入图片说明](img/详细数据展示.png)
![输入图片说明](img/权限列表控制.png)

## 视频演示
![输入图片说明](img/sale-system.gif)

## 主要功能说明

### 数据分析
- 支持多维度数据筛选（时间、类别、城市、性别等）
- 提供多种图表展示（折线图、柱状图、面积图、饼图、漏斗图等）
- 支持数据导出和详细查看
- 实时数据更新和动态图表展示

### 自定义仪表板
- 用户可创建个性化仪表板
- 支持多种数据源配置
- 拖拽式图表布局
- 支持保存和共享仪表板

### 权限控制
- 基于角色的访问控制（管理员/普通用户）
- 支持按仪表板分配查看权限
- 提供完整的权限管理界面
- 仪表板所有权转移功能

## 开发指南

### 前端开发
1. 组件开发遵循Vue 3 Composition API规范
2. 使用Element Plus组件库构建界面
3. 使用ECharts进行数据可视化
4. 代码规范：
   - 变量名使用驼峰命名法
   - 常量使用全大写并用下划线分隔
   - 类名使用帕斯卡命名法
   - 每个文件顶部添加注释说明功能和用途

### 后端开发
1. 遵循RESTful API设计规范
2. 使用MyBatis-Plus进行数据库操作
3. 实现基于角色的权限控制
4. 使用统一的异常处理和响应格式

## 功能特点

### 数据分析模块
- **核心数据分析**：展示销售额、利润、订单量、客户数等关键指标
- **产品数据分析**：产品表现分析和类别洞察
- **客户数据分析**：客户行为和人口统计分析
- **店铺数据监控**：店铺绩效监控和对比
- **收入数据分析**：收入趋势和分布分析
- **详细数据查询**：原始数据查看，支持多维度筛选
- **自定义仪表板**：用户可创建和配置个性化仪表板

### 权限管理
- 基于角色的访问控制（管理员/普通用户）
- 仪表板访问权限管理
- 数据查看权限控制
- 权限委派和转移

## 技术栈

### 前端
- Vue 3 (Composition API)
- Element Plus UI组件库
- ECharts图表库
- Axios请求处理
- Vue Router路由管理
- Pinia状态管理
- Vite构建工具

### 后端
- Spring Boot 2.7+
- MyBatis-Plus ORM框架
- MySQL 8.0数据库

## 项目结构
#### 后端根目录: sale-system/
- src/
  - main/
    - java/
      - com/
        - sale/
          - salesystem/
            - config/ # 配置文件
            - controller/ # 控制器
            - dto/ # 数据传输对象
            - entity/ # 数据库实体
            - mapper/ # MyBatis映射器
            - service/ # 业务逻辑
            - pom.xml # Maven配置

#### 前端根目录: sale-ui/
- src/
  - api/ # API接口
  - components/ # 公共组件
  - views/ # 页面组件
    - analysis/ # 分析页面
    - permissions/ # 权限管理页面
    - dashboard-manage/ # 仪表板管理页面
  - router/ # 路由配置
  - utils/ # 工具函数
- package.json # NPM配置

## 安装和运行

### 后端
1. 导入数据库脚本`sale_system.sql`
2. 配置`application.properties`中的数据库连接信息
3. 运行Spring Boot应用

### 前端
1. 安装依赖: `npm install`
2. 开发模式: `npm run dev`
3. 构建生产版本: `npm run build`

## 使用说明
1. 管理员账号: abc/123
2. 普通用户账号: a/a 或 abc123/123
3. 登录后可根据权限访问不同功能模块
4. 管理员可通过权限管理页面分配访问权限