小工具知识网

当前位置: 首页 > 行业知识 > ThingsBoard前端Vue版本开源啦!!!!

行业知识

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

2026-11-12 19:53:09 来源:互联网转载

拓深公司介绍:网站地址

专注于端+云的新消防&新电力解决方案:

(1)实现电流指纹技术在多种环境下设备故障分析;

(2) 实现非侵入式诊断识别的技术难点突破和产品化;

(3)能够达到90%以上设备及线路故障预警覆盖率;

可视化业务呈现:

充分利用互联网生态应用,在平台层图视应用中间件的支持下,打造统一视图云门户下多用户、多行业、轻量级、模块化的业务体验。

多模型AI算法:

全球范围内率先将电流指纹技术应用在新消防领域 [10]。采用边+云架构的高效算法架构,高鲁棒性干扰抑制算法、非侵入式负荷拆解算法和半监督式算法和强化学习等多模型融合技术,大幅提升准确率。多负载复合场景下的广泛应用,实现全面的用电安全保障。

多样化物联网前端:

以AI智能化为攻坚方向,融合多种传感器技术,结合特定场景下的微系统化,通过专网传输,与智慧化平台互通互联。

ThingsVue

 简介

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

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

       项目地址

      Thingsvue

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

       预览

      首页
      规则链

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

      1. 规则引擎消息

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

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

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

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

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

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

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

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

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

              • 当消息被规则引擎中所有节点处理成功,那么该消息将被标注为”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 基本使用

                     安装使用

                    获取项目代码:代码地址

                    (下载代码请点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 一键三连

                    ‍♂️ 项目请联系

                    欢迎bug反馈,需求建议,技术交流等

                    QQ扫码入群(群号:392529836):

                    项目合作请联系

上一篇:怎么关闭漏接服务器功能?

下一篇:揭秘pyd文件,深度解析与应用指南