HDriveGUI — 可视化上位机

HDriveGUI 是一款基于 Vue 3 + Vite 开发的可视化上位机软件，用于通过串口实时轮询并解析设备数据，并以优雅的图表形式呈现。
项目封装了 web-serial-modbus 与 CRC 校验逻辑，支持多种运行模式（速度模式、力矩模式、零力矩模式等），适配多类设备调试与监控场景。

功能特性

• 实时数据采集：基于 Web Serial API 进行串口通信，支持高频轮询与数据流可视化。
• Modbus 协议支持：内置 Modbus 协议封装与 CRC 校验，实现稳定的数据传输。
• 多模式运行：
  • 速度模式
  • 力矩模式
  • 零力矩模式
• 数据可视化：
  • 使用 ECharts 提供多种图表类型
  • 支持动态切换与缩放
• 现代化界面：
  • 基于 Vuetify 3 的 Material Design 风格
  • UnoCSS 原子化样式快速定制
• 高性能响应：
  • 使用 lodash.debounce 优化频繁事件触发
  • 基于 Pinia 进行全局状态管理

技术栈

• 前端框架：Vue 3 + Vite
• UI 组件库：Vuetify
• 图表库：ECharts
• 状态管理：Pinia
• 样式方案：UnoCSS

演示