ThingsBoard添加首页设置-展示仪表功能

本文介绍如何在ThingsBoard中添加首页仪表板展示功能,包括租户管理员设置首页仪表板的步骤,涉及前端修改及后端接口交互。提供B站演示链接,并提示详细代码可在额外付费的语雀链接获取。
摘要由CSDN通过智能技术生成

此文具体代码在文末语雀链接,需额外付费

说明

功能模仿PE版的 白标签菜单中的 home settings,PE可以注册试用30天。
此功能分俩部分,一部分是租户管理员设置其首页展示的仪表板,另一部分是租户管理员设置客户的用户的首页为仪表板内容,且用户自己不能更改。
这篇文章内容只关于第一部分,第二部分后面新开一篇来写。
首页罗列的菜单,在左侧菜单栏都有,所以可以说默认的首页展示的内容毫无意义,所以增加仪表板展示功能。

B站演示地址https://www.bilibili.com/video/BV1qA411V7rx/

效果1演示

ThingsBoard添加首页仪表板切换功能

思路说明

「首页」这个菜单是路由至ui-ngx/src/app/modules/home/pages/home-links组件,F12查看PE版在点击「首页」和点击「白标签-首页设置」的网络请求及参数。
在home-links组件中添加参数控制要显示原始首页内容还是tb-dashboard-page组件(他就是仪表板)。
按照文

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
Thingsboard是一个开源的IoT平台,提供了许多基础功能,包括设备管理、数据可视化、规则引擎等。如果需要根据自己的业务需求进行二次开发,可以通过自定义插件、调用API或者直接修改源代码来实现。下面是基于Thingsboard源代码的CURD后端开发流程: 1. 安装并启动Thingsboard 首先需要安装并启动Thingsboard,可以参考官方文档进行操作。 2. 创建新的数据模型 在Thingsboard中,数据模型是指设备、传感器、属性等实体间的关系。如果需要添加新的实体,可以通过创建新的数据模型来实现。具体操作可以参考官方文档。 3. 创建新的REST API 在Thingsboard中,可以通过创建新的REST API来实现CURD操作。具体操作如下: (1)在源代码中创建新的Java类,继承AbstractWebsocketHandler类。 (2)在新的Java类中实现对应的HTTP请求处理方法,比如GET、POST、DELETE等。 (3)在新的Java类中实现对应的数据模型CURD操作,比如查询、新增、修改、删除等。 (4)在新的Java类中定义对应的路由信息,比如URL路径、请求方法等。 (5)在Thingsboard配置文件中定义新的REST API路由信息。 4. 测试新的REST API 完成以上步骤后,可以启动Thingsboard并测试新的REST API是否能够正常工作。可以使用Postman等工具进行测试,也可以在自己的应用中调用该API。 总的来说,通过自定义REST API可以实现对Thingsboard的二次开发,满足不同业务需求。当然,需要注意的是,修改源代码可能会影响到系统的稳定性和可维护性,需要谨慎操作。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fool_dawei

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值