动环监控软件产品系统

企业级服务器机房和数据中心对运行环境有严格要求，温湿度异常、电力波动、设备故障等问题若无法及时发现，可能导致服务器宕机甚至硬件损坏，造成重大数据和经济损失。传统动环监控依赖人工巡检或多个独立子系统，存在数据孤岛、告警滞后、运维效率低等痛点。本项目旨在开发一套Web端动环监控软件，将温湿度、电力、UPS、空调、烟感、门禁等多类环境与设备数据统一采集、实时展示、智能告警，帮助运维人员7×24小时掌握机房运行状态，实现从被动响应到主动预防的运维模式转变，降低故障率与人工成本。

实时数据看板：首页大屏展示机房温湿度、电力参数、UPS状态、空调运行等核心指标，支持多机房切换，数据秒级刷新，关键指标超限变色预警。
设备管理模块：对传感器、空调、UPS、配电柜等设备进行统一登记与分组管理，支持设备信息增删改查、状态标签标记（在线/离线/告警），便于运维人员快速定位设备。
告警与通知中心：支持对各类指标设置上下限阈值，超限时自动触发告警并推送通知（页面弹窗、邮件），告警记录可按时间、级别、设备筛选查询，支持告警确认与工单关联。
历史数据查询与趋势分析：提供按时间段查询历史监测数据功能，支持折线图、柱状图等可视化图表，辅助运维人员分析环境变化趋势，为容量规划和设备维护提供数据依据。
报表导出：支持按日/周/月生成巡检报表和告警统计报表，可导出为PDF或Excel格式，满足合规审计和管理汇报需求。
权限与用户管理：基于角色的访问控制，区分系统管理员、运维人员、只读访客等角色，不同角色对应不同操作权限，保障系统安全。

我主要负责Web前端全部页面开发与数据交互实现。技术栈采用HTML5+CSS+JavaScript原生开发，通过WebSocket与后端采集服务通信实现数据实时推送，采用模块化JavaScript架构组织代码。实现亮点：一是看板页面采用CSS Grid+Flexbox布局实现多指标自适应排列，适配不同屏幕尺寸；二是告警模块设计了前端节流防抖机制，避免高频告警刷屏，同时支持告警分级聚合展示；三是历史趋势图表基于Canvas自绘折线图，实现大数据量下的流畅渲染与缩放交互；四是整体采用事件驱动架构，各模块通过自定义事件总线通信，降低模块间耦合度，便于后续功能扩展。难点在于多路传感器数据并发更新时的页面性能优化，以及WebSocket断线重连机制与数据补传的前端处理策略。