当前位置：首页 > news >正文

如何使用iframe来渲染ThingsBoard仪表盘

news 2026/2/9 2:31:35

1、概述

当我们在使用ThingsBoard的时候，有时候需要再自己的前端项目中展示大屏，thingsboard的仪表盘是可以来做大屏的，虽然界面达不到非常的美观，但是对比之前的版本，现在的版本仪表盘做了很多的优化了。可以实现将thingsboard的仪表板嵌入到自己的vue界面中作为大屏显示。

2、实现

首先我们再thingsboard上创建一个仪表盘

然后进入仪表盘添加一个部件库，并设备数据源，这里的数据源就是哪个实体来产生数据，产生数据的字段就是温度（temperature）

如下图：保存仪表盘

然后点击仪表盘将其设置为公开，代表这个仪表盘都可以访问

如何使用iframe来渲染ThingsBoard仪表盘

1、概述当我们在使用ThingsBoard的时候，有时候需要再自己的前端项目中展示大屏，thingsboard的仪表盘是可以来做大屏的，虽然界面达不到非常的美观，但是对比之前的版本，现在的版本仪表盘做了很多的优化了。可以实现将thingsboard的仪表板嵌入到自己的vue界面中作为大屏显示…...

编程日记 2025/2/9 2:09:16

退格法记单词（类似甘特图）

退格法记单词，根据记忆次数或熟练程度退格，以示区分，该方法用于短时高频大量记单词： explosion爆炸，激增 mosquito蚊子granary粮仓，谷仓 offhand漫不经心的 transient短暂的slob懒惰而邋遢的…...

编程日记 2025/2/9 2:05:12

计算 MySQL 表行的成本是多少？

当计算表中的所有行时，将使用什么索引？好吧，MySQL文档文档对此提供了一个直接的答案，引用： InnoDB 通过遍历最小的可用二级索引来处理 SELECT COUNT（*） 语句除非索引或优化器提示指示优化器使用…...

编程日记 2025/2/9 2:04:10

Pygame介绍与游戏开发

提供pygame功能介绍的文档：Pygame Front Page — pygame v2.6.0 documentation 基础语法和实现逻辑与CLI不同，pygame提供了图形化使用界面GUI（graphical user interface）基于图像的界面可以创建一个有图像和颜色的窗口要让py…...

编程日记 2025/2/9 2:03:09

webpack配置方式

1. 基本配置文件 (webpack.config.js)（导出一个对象） 最常见的方式是通过 webpack.config.js 文件来配置 Webpack，导出一个对象。你可以在这个文件中导出一个配置对象，指定入口、输出、加载器、插件等。 // webpack.config.js m…...

编程日记 2025/2/9 2:00:06

10. k8s二进制集群之Kube Scheduler部署

在开始之前需要准备什么？创建kube-scheduler证书请求文件【即证书的生成⓵】根据上面证书配置文件生成kube-scheduler证书【即证书的生成⓶】创建与关联kube-scheduler配置文件（为后面生成系统服务做准备）创建kube-scheduler服务配置文件【准备系统服务⓵】创建kube-schedul…...

编程日记 2025/2/9 1:59:04

java实现8583报文解析技术详解

文章目录概要整体架构流程技术名词解释技术细节小结概要 ISO 8583协议是金融交易系统中广泛使用的通信协议，用于规范报文的格式和数据交换。解析8583报文是实现金融交易系统的关键技术之一。本文将详细介绍8583报文解析的核心实现，重点关注解析算法和关键代码逻辑。 8583报…...

编程日记 2025/2/9 1:46:51

k8s服务发现有哪些方式？

在 Kubernetes 中，服务发现是指如何让应用程序在集群内互相找到并通信。Kubernetes 提供了多种服务发现的方式，适应不同的使用场景。以下是 Kubernetes 中常见的服务发现方式： 1. 环境变量（Environment Variables） 概…...

编程日记 2025/2/9 1:42:45

【SqlServer】SQL Server Management Studio (SSMS) 下载、安装、配置使用及卸载——保姆级教程

超详细的 SQL Server Management Studio (SSMS) 下载、安装、连接数据库配置及卸载教程 SQL Server Management Studio (SSMS) 是微软提供的图形化管理工具，主要用于连接、管理和开发 SQL Server 数据库。以下是详细的 SSMS 下载、安装、连接数据库以及卸载的完整教…...

编程日记 2025/2/9 1:40:41

[ESP32:Vscode+PlatformIO]添加第三方库开源库与Arduino导入第三方库的区别

前言 PlatformIO与Arduino在添加第三方库方面的原理存在显著差异在PlatformIO中，第三方库的使用是基于项目（工程）的。具体而言，只有当你为一个特定的项目添加了某个第三方库后，该项目才能使用该库。这些第三方库的文…...

编程日记 2025/2/9 1:33:32

音频文件格式——AAC、OGG和FLAC

3.AAC文件格式 3.1 封装格式解析高级音频编码 （Advanced Audio Coding） 是一种用于有损数字音频压缩的音频编码标准。它被设计为 MP3 格式的继承者，在相同比特率下通常可以获得比 MP3 更高的音质。AAC有两种封装格式： ADIF&am…...

编程日记 2025/2/9 1:32:30

BUU26 [极客大挑战 2019]HardSQL1

输入一些SQL关键词，发现空格，，union，and，by都被过滤了被过滤，就用like替代发现登录成功，可以注入报错注入注意 1.这里过滤了空格，就用()将内容包裹起来比如说&#xff1a…...

编程日记 2025/2/9 1:29:26

多光谱成像技术在华为Mate70系列的应用

华为Mate70系列搭载了光谱技术的产物——红枫原色摄像头，这是一款150万像素的多光谱摄像头。相较于普通摄像头，它具有以下优势： 色彩还原度高：色彩还原准确度提升约 120%，能捕捉更多光谱信息，使拍摄照片色…...

编程日记 2025/2/9 1:28:22

借助 Cursor 快速实现小程序前端开发

借助 Cursor 快速实现小程序前端开发在当今快节奏的互联网时代，小程序因其便捷性、高效性以及无需下载安装的特点，成为众多企业和开发者关注的焦点。然而，小程序的开发往往需要耗费大量的时间和精力，尤其是在前端开发阶段。幸运…...

编程日记 2025/2/9 1:26:20

【deepseek】ollama chatbox webui 本地部署deepseek 踩坑记录

部署 1、前往Ollama官网下载跨平台工具官网直达：https://ollama.com/download 2、挑选适合自己设备的模型版本，获取运行指令访问模型库：https://ollama.com/library/deepseek-r1 ▌配置建议： • 入门级：1.5B版本&…...

编程日记 2025/2/9 1:22:16

在离线的服务器上部署Python的安装库

在离线服务器上部署 Python 安装库（如 SQLAlchemy、pandas、pyodbc 等），可以使用以下方法： 方法 1：在联网机器上下载依赖，拷贝到离线服务器适用于：服务器完全无法访问互联网。步骤 1. 在联网…...

编程日记 2025/2/9 1:12:03

计算机网络笔记再战——理解几个经典的协议2

理解互联网与TCP/IP 下面，我们将会开始理解互联网这个东西，进一步的，我们会理解何为TCP/IP 我们的互联网就是一个巨大的网状结构，需要注意的是——每一个网状的节点之间都是使用一个叫做NOC，Network Operation Center…...

编程日记 2025/2/9 1:04:54

设计高效的测试用例：从需求到验证

在现代软件开发过程中，测试用例的设计一直是质量保证（QA）环节的核心。有效的测试用例不仅能够帮助发现潜在缺陷，提升软件质量，还能降低后期修复成本，提高开发效率。尽管如此，如何从需求出发&…...

编程日记 2025/2/9 1:03:53

git reset 命令

git reset 的作用 git reset 是一个非常强大的命令，用于将当前分支的 HEAD（即当前指向的提交）重置到指定的提交。它还可以根据参数的不同，对工作区（Working Directory）和暂存区（Staging Area&a…...

编程日记 2025/2/9 1:00:49

docker被“遗忘”的那些参数该如何拯救

一、docker容器启动时没有指定端口，如何在不删除容器的情况下配置端口呢在 Docker 中，如果容器启动时没有指定端口映射，可以通过以下步骤在不删除容器的情况下配置端口： 方法 1: 使用 docker commit 和 docker run 提交容器为新…...

编程日记 2025/2/9 0:56:43

铭豹扩展坞 USB转网口突然无法识别解决方法

当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因：背景：一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...

编程新知 2026/2/8 4:37:22

边缘计算医疗风险自查APP开发方案

核心目标：在便携设备（智能手表/家用检测仪）部署轻量化疾病预测模型，实现低延迟、隐私安全的实时健康风险评估。一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...

编程新知 2026/1/28 10:02:54

今日科技热点速览

🔥 今日科技热点速览 🎮 任天堂Switch 2 正式发售任天堂新一代游戏主机 Switch 2 今日正式上线发售，主打更强图形性能与沉浸式体验，支持多模态交互，受到全球玩家热捧。 🤖 人工智能持续突破 DeepSeek-R1&…...

编程新知 2025/11/20 14:26:29

Linux离线（zip方式）安装docker

目录基础信息操作系统信息docker信息安装实例安装步骤示例遇到的问题问题1：修改默认工作路径启动失败问题2 找不到对应组基础信息操作系统信息 OS版本：CentOS 7 64位内核版本：3.10.0 相关命令： uname -rcat /etc/os-rele…...

编程新知 2025/11/23 23:50:53

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights）多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

Go 并发编程基础：通道（Channel）的使用

在 Go 中，Channel 是 Goroutine 之间通信的核心机制。它提供了一个线程安全的通信方式，用于在多个 Goroutine 之间传递数据，从而实现高效的并发编程。本章将介绍 Channel 的基本概念、用法、缓冲、关闭机制以及 select 的使用。一、Channel…...

编程新知 2025/12/4 8:54:35

LLMs 系列实操科普（1）

写在前面： 本期内容我们继续 Andrej Karpathy 的《How I use LLMs》讲座内容，原视频时长 ~130 分钟，以实操演示主流的一些 LLMs 的使用，由于涉及到实操，实际上并不适合以文字整理，但还是决定尽量整理一份笔…...

编程新知 2026/1/31 11:35:24

C# 表达式和运算符(求值顺序)

求值顺序表达式可以由许多嵌套的子表达式构成。子表达式的求值顺序可以使表达式的最终值发生变化。例如，已知表达式3*52，依照子表达式的求值顺序，有两种可能的结果，如图9-3所示。如果乘法先执行，结果是17。如果5…...

编程新知 2026/1/31 13:13:28

Scrapy-Redis分布式爬虫架构的可扩展性与容错性增强：基于微服务与容器化的解决方案

在大数据时代，海量数据的采集与处理成为企业和研究机构获取信息的关键环节。Scrapy-Redis作为一种经典的分布式爬虫架构，在处理大规模数据抓取任务时展现出强大的能力。然而，随着业务规模的不断扩大和数据抓取需求的日益复杂，传统…...

编程新知 2026/2/4 19:29:38

Ubuntu系统多网卡多相机IP设置方法

目录 1、硬件情况 2、如何设置网卡和相机IP 2.1 万兆网卡连接交换机，交换机再连相机 2.1.1 网卡设置 2.1.2 相机设置 2.3 万兆网卡直连相机 1、硬件情况 2个网卡n个相机电脑系统信息，系统版本：Ubuntu22.04.5 LTS；内核版本…...

编程新知 2026/2/4 16:40:55

1、概述

2、实现

相关文章：