# waterMonitoringSystem

**Repository Path**: T-super21/monitoringSystem

## Basic Information

- **Project Name**: waterMonitoringSystem
- **Description**: 🔥响应式大屏监控水质系统
- **Primary Language**: JavaScript
- **License**: AFL-3.0
- **Default Branch**: 1.0
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-11-29
- **Last Updated**: 2025-02-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, Echarts, AMap

## README


## 项目介绍

> 基于原生HTML + Javascript实现大屏监控页面。本项目1.0分支代码为开源的期末作品,仅供学习使用，后续重构代码,开放2.0分支。
> 1.0分支数据均为模拟数据，渲染数据无网络请求；二次开发可根据webSocket推送更新相关模块数据即可。
 
## 项目预览
- [在线预览](https://www.ittgh.cn/mts)
  
## 项目特性 
- **页面响应式**：原生媒体查询media
- **Javascript**: 应用程序级 JavaScript 的语言

## 项目架构

### 技术选型
- [Javascript]()：开发框架熟悉
- [iceui](https://iceui.cn/)：UI控件库
- [Less]()：样式编译
- [Echarts](https://echarts.apache.org/zh/index.html)：可视化图表库
- [aMap](https://lbs.amap.com/)：高德地图

## 主要目录说明
```
monitoringSystem
└───components          项目组件
└───config              项目配置文件
└───js                  项目加载js入口文件
└───lib                 依赖文件包
└───module              项目数据文件
└───static              静态资源【重要】
│   └───css             项目样式
│   └───img             图片资源
│   └───video           视频资源
└───utils               工具类文件
└───views               项目主要文件
    └───monitor         大屏页面
    └───register        注册页面
└─── index.html         登录页面入口
```

## 用户管理

- **admin**：admin

## 注意事项

> 如果项目中报错问题，请在 config 目录下新建securitKey.js 文件，定义 AMAP_KEY 和SECURITY_KEY常量。
> 如果项目中地图无法显示等问题，请把config目录下的securitKey.js 中的常量换成自己的高德key。

## 功能截图

<table>
    <tr>
        <td>
        <img src="https://gitee.com/T-super21/monitoringSystem/raw/1.0/static/img/project/login_1.jpg" height="200"/>
        </td>
        <td><img src="https://gitee.com/T-super21/monitoringSystem/raw/1.0/static/img/project/login_2.jpg" height="200"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/T-super21/monitoringSystem/raw/1.0/static/img/project/register_1.jpg" height="200"/></td>
        <td><img src="https://gitee.com/T-super21/monitoringSystem/raw/1.0/static/img/project/register_2.jpg" height="200"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/T-super21/monitoringSystem/raw/1.0/static/img/project/main_1.jpg" height="200"/></td>
        <td><img src="https://gitee.com/T-super21/monitoringSystem/raw/1.0/static/img/project/main_2.jpg" height="200"/></td>
    </tr>
    <tr>
        <td><img src="https://gitee.com/T-super21/monitoringSystem/raw/1.0/static/img/project/main_3.jpg" height="200"/></td>
    </tr>
</table>