ESP-DashboardPlus
ESP-DashboardPlus
ESP32
⭐☆☆☆☆ (1/5)
已发布
项目简介
A real-time, on-device web dashboard library for ESP32 microcontrollers. Create beautiful, responsive dashboards with mi
ESP-DashboardPlus 是一个专为 ESP32 系列微控制器设计的实时网页仪表盘库，旨在以极少的代码量，在设备上直接生成功能丰富、响应式且美观的 Web 控制界面。它解决了传统嵌入式开发中，为设备构建可视化交互界面时面临的开发周期长、前端技术门槛高、资源占用大等痛点。
标签
项目特点
**实时更新**：基于 WebSocket 通信，实现仪表盘 UI 的即时更新。
**16 种卡片类型**：提供统计、图表、仪表盘、开关、滑块、按钮、输入、下拉菜单、颜色选择器、日期/时间选择器等丰富组件。
**现代主题**：内置工业 IoT 风格的深色/浅色主题，支持切换。
**响应式设计**：完美适配桌面和移动浏览器。
**标签页界面**：集成仪表盘、控制台和 OTA 更新三个标签页。
**OTA 更新**：支持通过 Web 界面拖拽上传固件进行更新。
**控制台日志**：提供全页控制台，支持日志过滤、导出和命令输入。
**高度可定制**：支持自定义主题、标题、卡片排序、卡片尺寸和分组。
**多系列图表**：支持在单个图表中显示多条数据线，并带有图例。
**易于集成**：提供简洁的 C++ API，代码样板少。
**内存优化**：Gzip 压缩的 HTML 存储在 PROGMEM 中，仅占用约 22KB。
技术规格
| 目标平台 | |
|---|---|
| 框架 | |
| 通信方式 | |
| 依赖库 | |
| HTML 存储 | |
| 卡片类型 | |
| 标签页 | |
| 主题 | |
| 许可证 |
项目资源
物料清单 (BOM)
| 物料名称 | 数量 | 参考价格 | 备注 |
|---|---|---|---|
| ESP32 开发板 (如 ESP32 DevKit, ESP32-S3, ESP32-C3) | 1 | — | 核心硬件 |
| LED (可选) | 1 | — | 用于演示开关控制 |
| 电阻 (220Ω) (可选) | 1 | — | LED 限流电阻 |
| 杜邦线 (可选) | 若干 | — | 连接 LED |
| USB 数据线 | 1 | — | 供电和编程 |
所需工具
| 工具 | 用途 | 是否必需 |
|---|---|---|
| PlatformIO (IDE 或 CLI) | 项目构建、库管理和固件上传 | ✅ 是 |
| USB 数据线 | 连接 ESP32 开发板到电脑 | ✅ 是 |
| 现代浏览器 (Chrome/Firefox/Edge) | 访问仪表盘 Web 界面 | ✅ 是 |
| 文本编辑器/IDE (VS Code 等) | 编写和修改代码 | ✅ 是 |
| 焊台 (可选) | 焊接 LED 和电阻 | ▢ 推荐 |
能力画像
记忆与知识检索
1/5
逻辑推演
2/5
表达与交流
1/5
感知与观察
1/5
数理与计算
2/5
动手与操作
3/5
狂热与坚持
1/5
创造与创新
2/5
项目图库
所需技能
🔧 **动手能力**：能够连接 LED 和电阻到 ESP32 开发板，进行简单的电路搭建。
💻 **编程能力**：熟悉 C/C++ 和 Arduino 框架，了解 PlatformIO 开发流程，能够编写和修改 ESP32 固件代码。
⚡ **电子电路**：了解基本的电子元件（LED、电阻）和电路连接方式。
适用场景
**智能家居控制面板**：创建本地化的设备控制界面，用于控制灯光、温度、开关等。
**工业 IoT 监控**：实时显示传感器数据（温度、湿度、压力、电压等），并通过图表展示历史趋势。
**设备调试与配置**：作为开发阶段的调试工具，实时查看设备日志、修改参数、触发 OTA 更新。
**原型验证**：快速搭建 IoT 设备的用户界面，用于概念验证和演示。
**教育项目**：用于学习 ESP32、WebSocket 通信和 Web 前端开发。