基于iframe页面嵌套的Thingsboard二次开发方案

已于 2024-04-03 10:50:54 修改
阅读量400 收藏
点赞数 1
分类专栏： IoT Thingsboard 文章标签： iot
于 2023-05-24 14:17:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26843937/article/details/130845890
版权

欢迎star 该 github, IoT 服务器架构与设计 Blog🐵（后续该文章的优化修改只会在Github改）

github已经更新

=下面是旧的没更新的======

该方案没有改动Thingsboard源码（如果用收费版，是无法修改源码的，但是可以自己新建一个服务去访问thingsboard数据库），所以想到了通过html的iframe进行页面嵌套。
下面看效果，简直无缝衔接
在这里插入图片描述

配置如下，iframe的url拼接了一个静态token（可手动轮换，这里映射了一个customerId，所以可以给不同customer创建不同的dashboard），该token就是thingsboard到二次开发系统的customer凭证
在这里插入图片描述

感谢### 欢迎github, IoT 服务器架构与设计 Blog上star支持

码届小王
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Thingsboard前端二次开发学习
xiaoming_Super的博客
01-05 635
目录解析
thingsboard学习分享.xls
05-15
主要记录了本人在自学TB过程的一些记录，特此分享一下，后续还有很多需要补充的，望见谅！
【环境搭建和安装】thingsboard二次开发环境搭建
最新发布
wuwuhe99的博客
03-21 749
thingsboard环境搭建和安装部署
ThingsBoard 二次开发 - 事件处理
IoTHub - 物联网开源技术社区
01-25 571
ThingsBaord 二次开发，事件处理，ThingsBoard 作为 PaaS 平台，不修改源码。
ThingsBoard 二次开发 - 网关 API
IoTHub - 物联网开源技术社区
01-25 1190
ThingsBaord 二次开发，网关 API，ThingsBoard 作为 PaaS 平台，不修改源码。
Thingsboard二次开发---4.基于Thingsboard的在线组态软件
Diego的博客
08-19 3849
Thingsboard提供了非常强大的物联网功能，其中仪表板功能可以快速的搭建数据大屏，但美中不足的是对于工业组态没有提供很好的工具，本文介绍在thingsboard基础上利用svg技术开发通用组态软件，后续文章会逐步介绍开发的过程。
Thingsboard二次开发---5.在Thingsboard中增加解决方案管理功能
Diego的博客
10-08 633
在使用Thingsboard的过程中发现TB虽然非常灵活，但实际的最终用户更希望是针对特定场景的成熟解决方案，页面都做好，不需要再进行配置，所以在原来的基础上增加了解决方案的功能，此方案比较适合给用户提供SaaS化的解决方案，给大家提供一个用TB做项目的思路，供参考。
ThingsBoard 二次开发 - 设备遥测
IoTHub - 物联网开源技术社区
01-24 1081
ThingsBaord 二次开发，设备遥测，ThingsBoard 作为 PaaS 平台，不修改源码。
Thingsboard二次开发---1. 增加新实体后端开发步骤
Diego的博客
12-22 5379
前言 Thingsboard是一款基于springcloud，非常优秀的物联网平台，其开源版本CE版已经提供了丰富的物联网功能，我们可以基于Thingsboard快速构建自己的物联网平台，但实际项目中一般都需要基于Thingsbaord扩展特定的业务功能。 Thingsboard架构相对来说比较复杂，代码的抽象级别比较高，对于初学者是比较难的，本文总结了后端代码增加一个完整实体的过程。 实体在Thingsboard中就对应一个数据库的表，实体代表则可进行数据的存储，读写等操作。 后端增加实体的步骤 本文以增
ThingsBoard 二次开发之源码分析 4-启动分析 3
云腾五洲官方博客
10-01 2431
创建AppActor和StatsActor两个Actor,并未创建其他的Actor;在收到的时候，由于之前没有初始化，所以会初始化该应用的所有, 根据②③④点分析，循环切递归的创建了所有的;关于的理解：mailbox理解为一个信箱，里面有一些信件(即入队列的消息)，这些信件有一些是高优先级，有些是普通优先级的，每次取信件的时候，都先看有没高优先级的，先处理高优先级的信件，再处理普通优先级的信件。那么信件处理人是谁呢？信件的处理人就是每一个Actor.实际上的信件处理方法都是每一个Actor的方法；
iframe 多层嵌套 无限嵌套 高度自适应的解决方案
12-14
有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应 A页面 复制代码代码如下: <body> <iframe id=”main” name=”main” width=”980″ scrolling=”no” ...
在vue中实现嵌套页面(iframe)
10-15
主要介绍了在vue中实现嵌套页面(iframe)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于解决iframe标签嵌套问题的解决方法
11-21
问题描述 当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否...如果为否，我们就会嵌套一个iframe标签来打开一个相应的
ThingsBoard 二次开发 - 设备管理
IoTHub - 物联网开源技术社区
01-23 677
ThingsBaord 二次开发，设备管理，ThingsBoard 作为 PaaS 平台，不修改源码。
IoT开源平台Thingsboard二次开发研究
热门推荐
houpanqi的博客
10-25 2万+
ThingsBoard 二次开发指南 参考资料 [TB官方文档（英文）](https://thingsboard.io/docs/) [Protobuf的讲解](https://www.ibm.com/developerworks/cn/linux/l-cn-gpb/index.html) 概述 1 整个ThingsBoard的代码中，变量、方法命名规范; 2 变量和方法的标识符...
ThingsBoard 二次开发 - 设备控制
IoTHub - 物联网开源技术社区
01-24 973
ThingsBaord 二次开发，设备控制，ThingsBoard 作为 PaaS 平台，不修改源码。
开源的物联网技术平台(Thingsboard)
weixin_52437323的博客
03-05 2922
物联网开源平台
ThingsBoard 二次开发之源码分析 5-如何接收 MQTT 连接
云腾五洲官方博客
10-01 3832
处理MQTT的连接其实就是走完了整个规则引擎的逻辑，其他类型的消息，比如遥测数据，属性更新，RPC请求发送与接收，大体流程大同小异；在处理消息流向的时候，我们一定要清楚其订阅或者发布的主题是什么，这样我们才不会丢失方向；Actor的模型就是根据消息的类型，使用AppActor进行一步步的分发，最终交由合适的RuleNode进行处理；
iframe嵌套页面
06-02
使用iframe可以将一个网页嵌入到另一个网页中。要嵌套一个页面，需要在父页面中添加一个iframe标签，并指定iframe的src属性为要嵌套的页面的URL。例如，下面的代码将在父页面中嵌套一个名为“child.html”的子页面： ```html <iframe src="child.html"></iframe> ``` 当用户打开父页面时，浏览器会加载子页面并将其嵌入到iframe标签中。你可以使用CSS来控制iframe的大小、位置和样式，以便将其与父页面的布局相匹配。但需要注意的是，嵌套页面可能会导致安全问题，因此需要谨慎使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值