ThingsBoard前端Vue版本开源啦！！！！

ThingsVue

🎉 简介

ThingsVue 是一个免费开源的中后台模版，是ThingsBoard开源物联平台的前端版本。使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。

ThingsBoard从入门到实战课程，深入透析底层原理，快速搭建自己的IOT平台_哔哩哔哩_bilibiliThingsBoard从入门到实战课程，深入透析底层原理，快速搭建自己的IOT平台共计3条视频，包括：1、ThingsBoard项目介绍、2、ThingsBoard前端Vue版本代码编译、3、ThingsBoard本地后端源码编译等，UP主更多精彩视频，请关注UP账号。https://www.bilibili.com/video/BV1CH36egEDM/?spm_id_from=333.999.0.0&vd_source=5b535ac3589f53abe431d7f6afc44ff4 

ThingsBoard是一个用于数据收集、处理、可视化和设备管理的开源物联网平台。

Vue vben admin + ThingsBoard 结合两者的优点致力于打造一款开箱即用且更符合国人的开发习惯的开源物联网平台

📌 特性

• 最新技术栈：使用 Vue3/vite2 等前端前沿技术开发
• TypeScript：应用程序级 JavaScript 的语言
• 主题：可配置的主题
• 国际化：内置完善的国际化方案
• 权限：内置完善的动态路由权限生成方案
• 组件：二次封装了多个常用的组件

🍭 需要掌握的基础知识

本项目需要一定前端基础知识，请确保掌握 Vue 的基础知识，以便能处理一些常见的问题。建议在开发前先学一下以下内容，提前了解和学习这些知识，会对项目理解非常有帮助:

• Vue3 文档
• TypeScript
• Vue-router
• Ant-Design-Vue
• Es6
• Vitejs
• WindiCss
• Echarts
• Antv/x6
• Pinia
• axios

🌐 项目地址

Things Vuehttp://thingsvue.tpson.cn:7772/#/login?redirect=/tb-home/index

账号：admin@thingsboard.org 
密码：admin123456

💻 预览

首页

​

规则链

​

规则引擎是对于处理复杂的事件具有灵活配置和高度定制化的特点，使用规则引擎的Filter、Enrichment和Transform节点通过设备和相关资产发出输入消息，使用规则引擎的Action、Externala节点触发各种操作与通信。

        规则引擎消息

规则引擎消息可以被被序列化并有着规定的数据结构同时可以表示系统中的各种消息，例如：

• 设备遥测, 属性更新或RPC调用；
• 实体生命周期事件: created、updated、deleted、assigned、unassigned、属性更新;
• 设备状态事件: connected, disconnected, active, inactive,等；
• 其他事件。

        规则节点

规则节点是规则引擎的基本组件每次处理单个输入消息并生成一个或多个输出消息:

• 规则节点是规则引擎的主要逻辑单元;
• 规则节点可以是Filter、Enrichment、Transform输入消息或者是执行Action与External节点对外部系统进行通信。

        规则节点关系

规则节点之间存在关联性每个节点都有对应关系类型，用于标识关系的逻辑标签:

• 当规则节点生成输出消息时，它总是将消息路由到下一个指定的节点并通过关系类型进行关联;
• 表示成功与否的规则节点关系是Success和Failure;
• 表示逻辑运算的规则节点可以是True或False;
• 一些特定的规则节点可能使用完全不同的关系类型例如：“Post Telemetry”、“Attributes Updated”、“Entity Created”等。

        规则链

规则链是规则节点及其关系的逻辑组；例如：下面的规则链将：

• 将所有遥测消息保存到数据库中;
• 如果消息中的温度字段高于50度，则发出“高温警报”;
• 如果消息中的温度字段低于-40度，则发出“低温警报”;
• 如果在脚本中发生逻辑或语法错误时，则无法执行温度脚本检查控制台记录。

        消息处理结果

有三种消息处理结果：成功、失败和超时：

• 当消息被规则引擎中所有节点处理成功，那么该消息将被标注为”Success”;
• 当消息被规则引擎中任一节点处理失败，那么此消息将被标记”Failure”;
• 当处理超过配置的阈值时将消息标记为“Timeout”。

设备配置

​

仪表盘

​

 所有仪表板都是使用部件库中的部件进行构建从而形成一个最终功能界面提供给用户进行使用，例如：可视化、远程控制、警报和静态HTML内容。有5种类型部件：

• 图表部件：基于Echarts图表显示设备特定历史时间的数据；
• 表格部件：以表格的形式显示与遥测，属性相关的告警信息；
• 控件部件：通过为目标设备指定RPC命令向设备下发控制指令例如：保温设备所设置的温度；
• 静态部件：显示静态可自定义的 HTML 内容不使用任何数据源。
• 卡片部件：显示指定属性或时序数据例如：设备型号或最新的温度数据；

API统计

​

🍮 准备

• node和 git-项目开发环境
• Vite- 熟悉 vite 特性
• Vue3- 熟悉 Vue 基础语法
• TypeScript- 熟悉TypeScript基本语法
• Es6+- 熟悉 es6 基本语法
• Vue-Router-Next- 熟悉 vue-router 基本使用
• Ant-Design-Vue- ui 基本使用

🎽 安装使用

获取项目代码：代码地址https://gitee.com/tpsonwell_admin/thingsvue.git

（下载代码请点start，关注不迷路，我们会持续更新！！！）

 https://gitee.com/tpsonwell_admin/thingsvue.git

安装依赖：

yarn

运行：

yarn serve

打包：

yarn build

🧭 关于分支

分支名称	备注
master	稳定版, 跟随官方最新版本

⛄ APP端

基于uniapp完成1.0.0版本开发，如需使用或者交流请入群或联系负责人

🎨 企业应用场景实例

数字能源

数字能源综合管理平台是电力能耗运维管理的智能解决方案，广泛适用于政府、园区、高校等事业单位。平台基于物联网技术，对电力能耗、电器设备运行参数等数据进行实时采集、分析，帮助企业发现异常能耗、发掘节能潜力，结合用户用电习惯智能分派节能目标，实现对能源的精细化管理，达到提节能降耗、降本增效的目的。 

​

​

消防智能预警监测系统

消防智能预警监测系统是依托于物联网、大数据、人工智能，区块链等技术，结合电流指纹算法，对各类消防终端监测设备采集数据的分析与运用。实现”70+“款设备接入、“30+“业务场景覆盖、”500+“项目落地。广泛运用于城市运营、社区管理、文旅、高校、园区、商业综合体、九小场所等行业。致力于帮忙客户实现消防的智能化改造、提升智能化管理水平、降低监管压力、守护人民生命财产安全。 

​

​

🌈 ThingsVue迭代计划

我们的开发团队将致力于平台功能的持续精进，定期进行维护与优化，并陆续推出含新功能的迭代版本。确保仪表盘、部件库、规则链等核心模块运作流畅，功能日臻完善，为用户提供优质的使用体验。

📩 若想了解更多更新细节与前沿动态，可以加入我们的开发者社区，与我们一同交流讨论。

计划	预计发布时间
app2.0.0发布	2024-06
界面优化	2024-07
图像库功能	2024-09
大屏可视化拖拽	2024-10
...	...

项目问题咨询：如下：开源免费！！！

🎉 请大家持续关注，Watch、Star、Fork 一键三连