物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

Gary • • 物联网系统

Thingsboard仪表盘的功能非常强大。 我们按使用场景，把常用功能捋一遍。本篇先讲如何创建一个设备列表的仪表盘以及打开设备详情页的实例。

第1步， 创建仪表盘

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

选择部件 – tables

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

第2步，创建数据源

因为我们创建的是设备列表，数据源不是来自一个设备的，而是来自一批设备的。因此要选择别名

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

这边先选出设备，然后再进一步的筛选。

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

第3步，添加要显示的列

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

第4步，数据筛选

筛选你想在这个仪表盘内显示的设备列表

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

第5步，添加动作Action

在仪表盘内创建动作

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

Action动作按钮有几个位置

顶部按钮

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

点击行时 – 在点击这行数据时动作

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

双击行时 – 跟点击行时一样，鼠标双击产生动作

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

动作单元格 – 行的后面一个动作按钮

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

on cell click – 点击某个单元位置产生动作

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

动作按钮图标

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

从设备列表页，点击后进入到某个设备的详情页

进入仪表板编辑模式后，

第1步，添加状态

初始时只有Default状态

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

添加一个状态，名称： ${entityName}

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

切换到刚新建的状态下，添加部件，此时这个状态相当于一个模板，当你设定好后，点击每一行设备，都能按这个模板去展示。

数据源选择 别名 详情页

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

创建别名详情页

筛选器类型 选 仪表板状态实体

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

其他的内容，根据您的需求设置，然后保存。

切换到编辑default 状态的仪表板， 添加动作

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘
物联网开源平台开发系列023 – Thingsboard设备列表仪表盘

保存后，就能正常工作了。

总结一下：

1、可以添加多个动作按钮
2、动作按钮内置图标可换
3、需要设备列表中的某个设备详情页， 有2个关键点，添加状态${entityName} 和 数据源仪表板状态实体

4、可在一个状态页中，添加多个部件，实现同屏显示各种详细信息。

系列文章：

物联网开源平台开发系列001 – 开源平台Thingsboard 介绍

物联网开源平台开发系列002 – Thingsboard 用户系统分析

物联网开源平台开发系列003 – Thingsboard OAuth2 – Google身份验证登陆

物联网开源平台开发系列004 – Thingsboard的实体、资产、设备一般说明及数据存储 – 陈皮王五de杂记

物联网开源平台开发系列005 – Thingsboard的API简述 – 陈皮王五de杂记

物联网开源平台开发系列006 – 在Thingsboard内创建一个设备 – 陈皮王五de杂记

物联网开源平台开发系列007 – Thingsboard的批量导入设备 – 陈皮王五de杂记

物联网开源平台开发系列008 – 浅谈物联网传输协议 – 陈皮王五de杂记

物联网开源平台开发系列009 – Thingsboard服务器对IoT设备下发指令 – 陈皮王五de杂记

物联网开源平台开发系列010 – Thingsboard规则引擎简介 – 陈皮王五de杂记

物联网开源平台开发系列011 – Thingsboard规则节点Originator Telemetry – 陈皮王五de杂记

物联网开源平台开发系列012 – Thingsboard 设备离线Alarm设置 – 陈皮王五de杂记

物联网开源平台开发系列013 – Thingsboard 遥测产生告警Alarm – 陈皮王五de杂记

物联网开源平台开发系列014 – Thingsboard遥测时序数据存储结构及分区策略 – 陈皮王五de杂记

物联网开源平台开发系列015 – Thingsboard postgresql数据库基本配置 – 陈皮王五de杂记

物联网开源平台开发系列016 – 再谈Thingsboard的设备注册 – 陈皮王五de杂记

物联网开源平台开发系列017 – Thingsboard的设备联动场景 – 陈皮王五de杂记

物联网开源平台开发系列018 – Thingsboard获取和处理天气信息 – 陈皮王五de杂记

物联网开源平台开发系列019 – Thingsboard设备数据传播给资产 – 陈皮王五de杂记

物联网开源平台开发系列020 – Thingsboard的实体视图Entity View – 陈皮王五de杂记

物联网开源平台开发系列021 – Thingsboard的网关gateway – 陈皮王五de杂记

物联网开源平台开发系列022 – 通过Thingsboard网关gateway动态创建设备 – 陈皮王五de杂记

物联网开源平台开发系列023 – Thingsboard设备列表仪表盘 – 陈皮王五de杂记

物联网开源平台开发系列024 – Thingsboard接入摄像头方案 – 陈皮王五de杂记

物联网开源平台开发系列025 – Thingsboard规则链节点的JS代码调试 – 陈皮王五de杂记

物联网开源平台开发系列026 – Thingsboard 仪表板Entities table 降序排序 – 陈皮王五de杂记

物联网开源平台开发系列027 – Thingsboard 仪表板数据筛选复杂的数值计算或者多层嵌套筛选逻辑实现 – 陈皮王五de杂记

物联网开源平台开发系列028 – Thingsboard 仪表板数据键的数据后处理功能处理复杂Json对象 – 陈皮王五de杂记

原创文章，作者：Gary，如若转载，请注明出处：https://www.cpw5.top/1280.html

淘宝小店：陈皮王五工作室

赞 (0)
GaryGary
25
上一篇 2025-03-14 下午12:41
下一篇 2025-03-20 下午1:56

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

评论列表（25条）