← 返回项目库

AIoT 物联网设备统一管理演示平台

面向学习与研究的中文 AIoT 设备、告警、组织和数据中心统一管理演示平台。

AIoT 物联网设备统一管理演示平台基于 Vue 3、Element Plus、ECharts 与 TypeScript，提供设备总览、生命周期管理、组织权限、告警中心、数据中心和通知设置等完整产品界面。上架版本默认启用社区演示模式，无需账号、数据库或 MQTT 服务即可浏览真实交互界面，同时在源码中保留原有 Node.js 后端与完整服务接入能力。

真实界面

项目截图

共 5 张

AIoT 设备总览
设备数据刷新
折叠式管理导航
系统显示设置
设备通知中心

Capabilities

核心功能

✓设备运营数据总览
✓设备生命周期管理
✓组织与用户权限界面
✓告警与通知中心
✓数据中心可视化
✓主题与布局设置
✓社区免登录演示模式

适用场景

AIoT 管理后台学习
物联网产品原型研究
Vue 3 数据看板教学
设备运营流程演示

适合谁

物联网产品学习者、Vue 3 前端开发者、AIoT 方案设计人员和社群教学用户。

商业化思路

用于社群学习与研究 AIoT 管理后台的信息架构、数据看板和设备运营流程。

你会拿到什么

  • ✓完整前后端源码包
  • ✓五张真实运行交互截图
  • ✓社区演示模式与风险披露说明

部署流程

  1. 1进入 frontend 目录并执行 npm install。
  2. 2执行 npm run build 生成 dist。
  3. 3用任意静态服务器部署 dist；如需连接完整后端，设置 VITE_COMMUNITY_DEMO=false 并按源码配置服务。

真实验证结果

生产构建成功；真实浏览器验证了总览、数据刷新、导航折叠、系统设置和通知中心五个交互状态，中文断言通过，控制台无错误。

部署前须知

社区演示使用本地样例数据；完整设备接口需要配套数据库、Redis、MQTT 与 Node.js 后端。npm audit 报告上游依赖含 11 项中危、24 项高危和 4 项严重风险，研究展示可运行，但生产部署前应升级依赖并复核兼容性。

部署难度

简单

最低配置

Node.js 18+ 与 npm；演示版构建后可作为静态 Web 资源部署。

开源许可证

上游未提供许可证文件

最后验证

2026-08-20

技术栈

Vue 3TypeScriptElement PlusEChartsPiniaViteNode.js

授权说明

许可证缺失仅作为来源事实披露，不阻断社群学习与研究展示；使用者应自行确认再分发或商用边界。

Release notes

版本记录

1 个已发布版本

v1.0.0-cn.1 当前推荐

首个中文社群学习交付版本，增加免登录社区演示、稳定样例指标、演示说明和有效站点图标。

部署要求：Node.js 18+、npm 与现代浏览器；完整服务模式另需后端依赖。

已知问题：演示模式不连接真实设备；生产部署前需处理已披露的上游依赖安全风险。

登录后领取