← 返回项目库
物联网设备运维工业数字化

IoT 设备运营中枢｜ThingsBoard 中文本地演示

面向物联网运维团队的中文设备运营工作台，提供设备台账、告警处理、规则链、资产目录与工作台设置。

本交付版本基于 ThingsBoard UI Vue3 前端源码，补充了无需外部 ThingsBoard 服务即可运行的本地演示适配。演示入口提供设备运营总览、设备筛选与状态模拟、告警处理、规则启停、资产浏览和设置保存等可操作流程；真实设备接入、规则执行、权限体系和后端数据同步仍需按上游 ThingsBoard 4.2.0 环境配置。

真实界面

项目截图

共 6 张

设备运营总览
设备台账
告警中心
规则链
资产目录
工作台设置

Capabilities

核心功能

✓设备运营总览与在线率指标
✓设备台账搜索、筛选与状态模拟
✓告警分级、详情查看与处理标记
✓规则链启停与运行状态展示
✓资产目录与设备分组浏览
✓工作台默认首页与主题设置保存
✓无需外部服务的本地演示数据
✓保留 ThingsBoard 前端适配结构

适用场景

物联网运维工作台原型评估
Vue 3 与 ThingsBoard 前端定制学习
设备管理和告警流程演示

适合谁

物联网平台学习者、设备运维团队、需要评估 ThingsBoard 前端定制起点的开发者与中小企业。

商业化思路

开源源码交付与物联网前端二次开发；真实设备、后端服务和生产运维环境由使用者自行配置。

你会拿到什么

  • ✓完整前端源码与上游 Apache License 2.0 文件
  • ✓中文本地演示页面、演示数据与启动配置

部署流程

  1. 1在源码目录执行 pnpm install --frozen-lockfile 安装依赖
  2. 2执行 pnpm run dev 后访问 /preview/dashboard，或执行 pnpm run build 后部署 dist 静态文件
  3. 3如需接入真实 ThingsBoard，请按 README 配置后端地址、代理和权限，并自行验证兼容性

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

本地演示不连接真实 ThingsBoard 服务；设备状态、告警、规则和设置均为浏览器内存中的演示数据，刷新页面后恢复初始状态。

部署难度

中等

最低配置

Node.js 18+、pnpm 或 npm；本地演示为静态前端，可由 Vite 或 Nginx 提供服务。接入完整 ThingsBoard 功能还需要兼容的 ThingsBoard 4.2.0 后端实例。

开源许可证

Apache License 2.0

最后验证

2026-09-02

技术栈

Vue 3ViteTypeScriptAnt Design VueVue RouterUnoCSS

授权说明

交付包保留上游 LICENSE 与版权信息，并披露本地化修改。修改内容包括中文本地演示页面、默认入口、环境配置兼容性与构建修复；本交付不替代上游许可证，也不代表真实后端服务已接入。

Release notes

版本记录

1 个已发布版本

vcn-c2b17f7ec714 当前推荐

新增中文设备运营本地演示入口；修复 UnoCSS 构建兼容性与空代理配置运行错误；补充无需后端的设备、告警、规则、资产和设置交互。

部署要求：Node.js 18+；pnpm 或 npm；完整后端能力另需 ThingsBoard 4.2.0 服务。

已知问题：本地演示不提供真实设备接入、用户认证、规则执行和远程数据持久化。

登录后领取