# vue-structure-big-data

**Repository Path**: hutubaba/vue-structure-big-data

## Basic Information

- **Project Name**: vue-structure-big-data
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基建大数据监控平台

![ ](https://img.shields.io/badge/node-14.18.2-brightgreen.svg)
![ ](https://img.shields.io/badge/Vite-4.1.0-747bff.svg)
![ ](https://img.shields.io/badge/Vue-3.2.45-42b983.svg)
![ ](https://img.shields.io/badge/element--plus-2.2.34-409EFF.svg)

> 基于 Vue 3x + Vite + Element Plus

## 预览

|效果图|效果图|
|:---:|:---:|
|![](/design/cockpit-001.png)|![](/design/cockpit-002.png)|
|驾驶舱主页|管理系统登录|
|![](/design/dashboard-001.png)|![](/design/dashboard-002.png)|
|管理中心首页|管理中心设备监测|
|![](/design/dashboard-003.png)|![](/design/dashboard-004.png)|
|管理中心配置|管理中心报表|

## 开发和构建

当前工程基于 [Vite](https://vitejs.cn/) 构建工具启动。开发调试前请确保本地 Node.js 环境已安装，注意：**Vite 需要 Node.js 版本 >= 12.0.0。**，如果版本过低，建议 `npm install -g n` 安装 Node.js 版本管理命令。

```bash
# 启动调试模式
# 浏览器访问：http://localhost:8080
$ yarn && yarn dev

# 启动调试开发模式，并使用其他后端环境的接口
# 其他可用环境参数：prod 生产环境 | test 测试环境，默认为 dev 开发环境
# 例如：下面的命令启动成功后，前端访问 http://localhost:8080，会调用生产环境的服务接口
$ yarn && yarn dev:prod

# 构建和部署
# 下面的命令将执行代码构建，并在根目录产生一个 dist 目录，其中为构建完成的前端资源
$ yarn && yarn build

# 构建其他环境
# 其他可用环境参数：dev 开发环境 | test 测试环境，默认为 prod 生产环境
# 如下面的命令将构建为测试环境
$ yarn && yarn build:test
```

## 技术栈

- Vue 3：使用新的语法规范，提供更好的运行性能；
- Pinia：代替 Vuex 的状态管理模块；
- Vue Router：路由管理；
- Element Plus：优秀可扩展的前端 UI 组件库；
- Axios：前端 HTTP 请求库；
- Day.js：日期处理库；

## 有用的资源

- Vue 3 官网：<https://v3.cn.vuejs.org/>
- Pinia 官网：<https://pinia.vuejs.org/>
- Vue Router 4x：<https://router.vuejs.org/zh/>
- Element Plus 官网：<https://element-plus.gitee.io/>
- lodash 中文网：<https://www.lodashjs.com/>
- Day.js 中文网：<https://dayjs.fenxianglu.cn/>

## 技术支持

重庆亦句信息科技有限公司