Thingsboard UI Vue3

介绍

Thingsboard UI Vue3 是 Thingsboard 的前端适配版本。作为一个免费开源的前端项目，它采用了最新的 Vue 3、Vite、TypeScript 等主流技术开发，基于vue-vben-admin, 开箱即用，可用于前端替换，也适合学习参考。

🎉 请大家持续关注，watch、star、fork 一键三连

升级提示

该版本为最新版本，适配thingsboard 4.1.0 版本。与其他版本不兼容，如果你是新项目，建议使用最新版本。如果你想查看3.x 版本 请查看其他分支

功能

📌 规则链代码已全部开放

📌 物模型 完成

📌 web组态 开发中...

📌 大屏组态 完成

📌 TDengine 已适配

📌 uniapp小程序 开发中...

📌 仪表板 开发中...

预览地址

thingsboard: http://thingsboard.yantsing.com/vue/

用户名：1069035666@qq.com (我的邮箱)

密码: 17621315188 (我的微信，欢迎讨论交流)

Thingsbaord

thingsboard：V4.0.1，持续跟进更新中

使用技术

• Vite
• Vue-v3
• Vue-Router-v4
• JeeSite Vue3
• Vue-Vben-Admin
• Ant-Design-Vue
• AntV x6

启动

• 打开 .env.development 文件，修改后台接口：

  # 代理设置，可配置多个，不能换行，格式：[访问接口的根路径, 代理地址, 是否保持Host头]
   VITE_PROXY = [["/api","http://127.0.0.1:8080/api",false]]
  # 访问接口的根路径
   VITE_GLOB_API_URL =

• 运行、打包

  # 安装依赖
  yarn install
  # 开发环境运行
  yarn serve
  # 编译打包后运行访问
  yarn preview
  # 打包
  yarn build

规则引擎

• AntV x6

预览图片

🙋‍♂️联系我们