# 大数据展示

**Repository Path**: cloveryuan/big-data-display

## Basic Information

- **Project Name**: 大数据展示
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-02
- **Last Updated**: 2026-03-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 智慧城市运营管理大屏展示

## 项目概述

本项目是智慧城市运营管理大屏展示系统，旨在通过数据可视化技术，实时展示城市运营管理的各项指标和数据，为城市管理者提供直观、全面的决策支持。

## 项目原型图

![项目原型图](src/assets/main.jpg)

## 功能特性

- **实时数据监控**：展示城市各项运营指标的实时数据
- **多维度数据可视化**：通过图表、地图等多种形式展示数据
- **智能分析**：提供数据趋势分析和预测
- **响应式设计**：适配不同屏幕尺寸
- **模块化布局**：可根据需求调整布局和展示内容

## 技术栈

- **前端框架**：Vue 2.6.11
- **路由管理**：Vue Router 3.2.0
- **状态管理**：Vuex (预留)
- **UI 组件库**：Element UI 2.13.2
- **数据可视化**：ECharts 4.8.0
- **3D 地图**：ECharts GL 1.1.1
- **动画效果**：Vue Count To、Vue Seamless Scroll
- **HTTP 客户端**：Axios 0.20.0
- **构建工具**：Vue CLI 4.5.0
- **样式预处理器**：Sass

## 项目结构

```
zhcs_bigscreen/
├── dist/              # 构建输出目录
├── public/            # 静态资源目录
├── src/               # 源代码目录
│   ├── api/           # API 接口
│   ├── assets/        # 静态资源
│   │   ├── font/      # 字体文件
│   │   ├── image/     # 图片资源
│   │   └── style/     # 样式文件
│   ├── router/        # 路由配置
│   ├── utils/         # 工具函数
│   ├── views/         # 页面组件
│   │   ├── first/     # 第一屏
│   │   ├── second/    # 第二屏
│   │   └── three/     # 第三屏
│   ├── App.vue        # 根组件
│   └── main.js        # 入口文件
├── .browserslistrc    # 浏览器兼容性配置
├── .env.development   # 开发环境配置
├── .env.production    # 生产环境配置
├── .eslintrc.js       # ESLint 配置
├── .gitignore         # Git 忽略文件
├── babel.config.js    # Babel 配置
├── package.json       # 项目依赖
├── package-lock.json  # 依赖版本锁定
├── README.md          # 项目说明
└── vue.config.js      # Vue CLI 配置
```

## 项目设置

### 安装依赖

```bash
yarn install
```

### 开发环境运行

```bash
yarn serve
```

### 生产环境构建

```bash
yarn build
```

### 代码检查与修复

```bash
yarn lint
```

## 配置说明

- **开发环境配置**：`.env.development`
- **生产环境配置**：`.env.production`
- **Vue CLI 配置**：`vue.config.js`

## 页面说明

1. **第一屏**：城市整体运营概览，包含地图、关键指标、趋势图表等
2. **第二屏**：详细数据展示，包含各类专题数据
3. **第三屏**：深度分析和预测，包含智能分析结果

## 数据源

本项目使用模拟数据进行展示，实际部署时需要根据真实数据源进行配置。

## 部署说明

1. 执行 `yarn build` 命令构建生产版本
2. 将 `dist` 目录下的文件部署到 Web 服务器
3. 配置服务器环境变量和数据源连接

## 维护与扩展

- **添加新页面**：在 `src/views` 目录下创建新的页面组件
- **添加新图表**：使用 ECharts 配置新的图表组件
- **添加新数据源**：在 `src/api` 目录下配置新的 API 接口

## 注意事项

- 本项目为大屏展示系统，建议在 1920x1080 及以上分辨率的屏幕上使用
- 部分功能需要浏览器支持 WebGL
- 实时数据展示需要后端 API 支持

## 许可证

本项目仅供内部使用，未经授权不得用于商业用途。

## 联系方式

如有问题或建议，请联系项目负责人。