# iot-vue3

**Repository Path**: iot_33/iot-vue3

## Basic Information

- **Project Name**: iot-vue3
- **Description**: ⚡环境监测物联网平台⚡ ：Vue3前端项目，一站式解决环境监测问题，提供从Web端数据管理与分析 —— 硬件端数据采集 —— App端设备操作
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2026-02-27
- **Last Updated**: 2026-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
	<img alt="logo" src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/logo/logo.png">
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Iot-Vue3 v1.0.0</h1>
<h4 align="center">基于SpringBoot+Vue3环境监测项目</h4>


## 平台简介

* 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) 版本。

## 前端运行

```bash
# 克隆项目

# 进入项目目录
cd iot-Vue3

# 安装依赖
yarn --registry=https://registry.npmmirror.com

# 启动服务
yarn dev

# 构建测试环境 yarn build:stage
# 构建生产环境 yarn build:prod
```

## 内置功能

1.  设备管理：设备是第一元素，数据由设备上传。
2.  设备组管理：显示设备组信息，管理设备分组。
3.  设备组通知理：显示设备组通知信息，用于设备警报发生时，邮件通知员工。
4.  操作日志管理：记录设备操作日志，显示处理设备操作记录。
5.  传感器数据管理：显示传感器数据。
6.  警报管理：对警报信息进行管理。
7.  警报规则管理：对系统动态配置警报规则参数。



## 演示图
APP端
<table>
   <tr>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-1.jpg"></td>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-2.jpg"></td>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-3.jpg"></td>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-4.jpg"></td>
   </tr>
    <tr>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-5.jpg"></td>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-7.jpg"></td>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-8.jpg"></td>
       <td><img src="https://gitee.com/crocodilePole/iot-vue3/raw/main/src/assets/images/app-9.jpg"></td>
   </tr>

   
</table>


![输入图片说明](src/assets/images/1-dashboard.png)

![输入图片说明](src/assets/images/2-%E5%88%86%E6%9E%90.png)

![输入图片说明](src/assets/images/3-device.png)

![输入图片说明](src/assets/images/4-deviceGroup.png)

![输入图片说明](src/assets/images/4-deviceGroup-ops.png)