- Demo 简介
是什么：智感温盾（TempGuard）是一套面向实验室场景的温度监测与预警 Web 系统，支持多路传感器实时采集、数据可视化、智能告警推送和数据报表导出。
面向谁：高校实验室管理员、科研院所设备管理人员、生物医药企业质控部门等需要严格温控环境的用户。
主要功能：
功能模块 说明
实时监测 多设备温度实时刷新（约1.2s间隔）、趋势折线图、KPI统计看板
设备管理 设备增删改查、搜索过滤，支持4种主流温湿度传感器（DHT22/DS18B20/PT100/SHT30）
告警中心 分级告警（严重/警告/信息）、筛选查看、一键标记已解决
数据报表 按日期范围查询历史温度记录、支持 CSV 导出
系统设置 MQTT 配置、企业微信 Webhook 告警推送、用户密码管理、演示模式
界面展示：
实时监测页面
- Demo 创作思路
灵感来源：在高校实验室工作中，培养箱、冷藏柜、超低温冰箱等设备的温度波动直接影响实验结果可靠性。传统的人工定时巡检效率低、容易遗漏异常，且无法追溯历史温度曲线。因此想到做一个轻量级但功能完整的温度监测系统。
想解决的问题：
实验室多台温控设备分散管理，巡检耗时且容易遗漏异常
温度异常发现不及时，导致样品报废或实验失败
缺乏温度历史数据的追溯能力，无法做质量审计
为什么做这个方向：
实验室温控是科研工作的基础设施，需求真实且普遍
IoT 传感器成本已大幅降低（DHT22 仅几块钱），系统落地门槛低
相比商业软件动辄数万元，自建轻量系统更适合中小型实验室
3. Demo 体验地址
本地运行方式：
TempGuard-v1.0.0.zip (138.6 KB)
1. 解压后进入项目目录
cd TempGuard-v1.0.0
2. 安装依赖
npm install
3. 初始化数据库
npm run init-db
4. 启动服务
npm start
5. 浏览器访问 http://localhost:5678
默认账号：admin / admin123
系统要求：Node.js >= 18.0.0
- TRAE 实践过程
开发流程概述
整个项目使用 TRAE 从 0 到 1 完成开发，包括后端 API、前端界面、数据库设计、UI 优化和测试封装。以下是关键开发阶段：
第一阶段：基础架构搭建
使用 TRAE 创建 Express + SQLite 后端框架
设计用户认证（JWT）、设备管理、温度记录、告警系统的数据模型
实现 RESTful API 和 WebSocket 实时推送
第二阶段：前端界面开发
使用 TRAE 编写单页应用（SPA）前端，包含登录页和5个功能模块
实现响应式侧边栏导航、设备卡片、趋势图表（Canvas 绘制）
集成 MQTT 模拟器用于演示模式
第三阶段：UI 优化与交互增强
统一为新拟态（Neumorphism）设计风格
重新设计全部图标（Logo、导航、KPI）
优化温度刷新速度（1.2s间隔 + 200ms动画）
添加顶栏时间星期显示和节日祝福弹窗
第四阶段：测试与封装
完整功能测试（登录、5大模块、退出）
控制台错误排查与修复
项目打包为 Zip 交付
关键步骤截图
截图1：实时监测仪表盘
展示4台设备（培养箱、冷藏柜、超低温冰箱、恒温箱）的实时温度、湿度、趋势曲线和告警列表。
实时监测
截图2：设备管理与硬件信息
设备列表支持搜索、添加、编辑、删除；下方展示可接入的4种传感器（DHT22/DS18B20/PT100/SHT30）和4种连接方式（WiFi/USB/LoRa/蓝牙）。
设备管理
截图3：告警中心
分级告警列表，支持按全部/严重/警告/信息筛选，每条告警可一键标记已解决。
告警中心
截图4：系统设置
MQTT 配置、企业微信 Webhook 告警推送、用户列表、修改密码、演示模式开关、数据导出等功能。
系统设置
关键任务对话 Session ID
1.468824893365536:a7f4d2d35d94733fdc7b4e4cd339072d_6a3892094193767bca29a942.6a3b36e84ae17264414fd825.6a3b36e84ae17264414fd823:TRAE Work CN.0.1.22.no_sid.no_ppe.T(2026/6/24 09:46:16)
2.2468824893365536:d034cb636559603da2af09be137c6585_6a3892094193767bca29a942.6a3b38cf4ae17264414fd84c.6a3b38cf4ae17264414fd84a:TRAE Work CN.0.1.22.no_sid.no_ppe.T(2026/6/24 09:54:23)
3.2468824893365536:b0e55a42625b9146748b6f37b06b7966_6a3892094193767bca29a942.6a3b3aaf4ae17264414fd884.6a3b3aaf4ae17264414fd882:TRAE Work CN.0.1.22.no_sid.no_ppe.T(2026/6/24 10:02:23)
