# 大屏

**Repository Path**: zhang_jm/large-screen

## Basic Information

- **Project Name**: 大屏
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-12
- **Last Updated**: 2026-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 智慧校园数据中心大屏

智慧校园数据可视化大屏

## 技术栈

- **Vue 3** - 渐进式 JavaScript 框架
- **Vite** - 下一代前端构建工具
- **Vue Router** - Vue.js 官方路由
- **ECharts** - 百度开源可视化图表库
- **TailwindCSS** - 实用优先的 CSS 框架

## 页面结构

1. **智慧校园数据中心大屏 (Dashboard)** 
2. **数据统计 (Statistics)** 
3. **管理中心 (Management)** 

## 快速开始

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 项目结构

```
school-dashboard/
├── public/
│   └── favicon.svg
├── src/
│   ├── components/
│   │   ├── charts/
│   │   │   ├── AreaChart.vue
│   │   │   ├── BarChart.vue
│   │   │   ├── GroupBarChart.vue
│   │   │   ├── HorizontalBarChart.vue
│   │   │   ├── MultiBarChart.vue
│   │   │   ├── PieChart.vue
│   │   │   ├── ResourcePieChart.vue
│   │   │   └── RingChart.vue
│   │   ├── DataCard.vue
│   │   ├── DeviceCard.vue
│   │   └── StatCard.vue
│   ├── router/
│   │   └── index.js
│   ├── styles/
│   │   └── index.css
│   ├── views/
│   │   ├── Dashboard.vue
│   │   ├── Management.vue
│   │   └── Statistics.vue
│   ├── App.vue
│   └── main.js
├── index.html
├── package.json
├── tailwind.config.js
├── postcss.config.js
└── vite.config.js
```