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。
技术规格
| 目标平台 | ESP32, ESP32-S3, ESP32-C3 |
|---|---|
| 框架 | Arduino (PlatformIO 推荐) |
| 通信方式 | WebSocket (基于 ESPAsyncWebServer) |
| 依赖库 | ESPAsyncWebServer, ArduinoJson |
| HTML 存储 | Gzip 压缩后存储在 PROGMEM，约 22KB |
| 卡片类型 | 16 种 (Stat, Gauge, Chart, Toggle, Slider, Button, ActionButton, Link, Input, Dropdown, ColorPicker, Date, Time, Timezone, Location, Status) |
| 标签页 | Dashboard, Console, OTA Update |
| 主题 | 深色/浅色模式 |
| 许可证 | MIT |
项目资源
搜索资源
物料清单 (BOM)
| 物料名称 | 数量 | 参考价格 | 备注 |
|---|---|---|---|
| ESP32 开发板 (如 ESP32 DevKit, ESP32-S3, ESP32-C3) | 1 | — | 核心硬件 |
| LED (可选) | 1 | — | 用于演示开关控制 |
| 电阻 (220Ω) (可选) | 1 | — | LED 限流电阻 |
| 杜邦线 (可选) | 若干 | — | 连接 LED |
| USB 数据线 | 1 | — | 供电和编程 |
能力画像
⚪ 记忆与知识检索: 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 前端开发。