# vue-project

**Repository Path**: java-object-oriented/vue-project

## Basic Information

- **Project Name**: vue-project
- **Description**: 这是一个基于Vue 3和Vite的营销数据管理系统，用于管理挖掘机品牌数据。系统提供数据概览、图表分析、数据表格等功能。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-11
- **Last Updated**: 2025-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 营销数据管理系统 - Vue 3 项目

## 项目介绍

这是一个基于Vue 3和Vite的营销数据管理系统，用于管理挖掘机品牌数据。系统提供数据概览、图表分析、数据表格等功能。

## 技术栈

- Vue 3
- Vite
- ECharts (数据可视化)
- LayUI (UI组件库)
- jQuery

## 项目结构

```
vue-project/
├── index.html         # 入口HTML文件
├── package.json       # 项目依赖
├── vite.config.js     # Vite配置文件
├── README.md          # 项目说明
└── src/
    ├── main.js        # 入口JavaScript文件
    ├── App.vue        # 根组件
    └── components/    # 组件目录
        ├── Sidebar.vue         # 侧边栏组件
        ├── TopBar.vue          # 顶部导航栏组件
        ├── WelcomePanel.vue    # 欢迎面板组件
        ├── StatsContainer.vue  # 统计卡片组件
        ├── ChartRow.vue        # 图表组件
        └── DataTable.vue       # 数据表格组件
```

## 安装和运行

1. 安装依赖
```bash
cd vue-project
npm install
```

2. 运行开发服务器
```bash
npm run dev
```

3. 构建生产版本
```bash
npm run build
```

## 功能特点

- 数据概览：显示关键业务指标
- 图表分析：销售趋势和品牌分布可视化
- 数据表格：展示详细数据并支持搜索、筛选
- 响应式设计：适配不同屏幕尺寸

## 注意事项

- 项目依赖Node.js 14或更高版本
- 本项目使用的LayUI和ECharts通过CDN引入
- 开发环境下，数据接口为模拟数据