ThingsBoard3.9.1前端增加菜单详细(实测ok)

咚咚汇

已于 2025-05-19 23:15:50 修改

阅读量947

点赞数 13

CC 4.0 BY-SA版权

分类专栏： ThingsBoard 文章标签： iot thingsboard 菜单

于 2025-05-09 17:16:39 首次发布

本文链接：https://blog.youkuaiyun.com/hssjf/article/details/147832674

ThingsBoard 专栏收录该内容

59 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

最近在整理thingsboard课程，基于最新thingsboard版本3.9.1/4.0，欢迎大家收藏、关注我，提问，在评论区留言，我争取把最新、最准、最好的课程，呈现在各位亦师亦友的csdn广大读者面前。

1.增加菜单

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咚咚汇

关注关注

13
点赞
踩
27

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

ThingsBoard3.9.1实测OTA升级全流程

hssjf的专栏

05-07

1103

thingsboard3.9.1/4.0版本OT升级实测全流程。

ThingsBoard3.9.1前端定制化开发/Logo/样式/颜色

hssjf的专栏

05-08

868

thingsboard3.9.1/4.0前端样式修改/Logo图标替换/登录页面修改。

2 条评论您还未登录，请先登录后发表或查看评论

thingsboard 新增一个测试菜单页面

七七的博客

06-13

482

thingsboard 新增一个测试菜单页面

ThingsBoard（3）（编译和运行）

fanged的专栏

05-27

378

搞了很久，最后发现可以用的初始化脚本是在thingsboard/application/target/bin/install。因为自己编译的版本是没有/usr/share/thingsboard/bin/install/install.sh这个文件。手动下载https://services.gradle.org/distributions/gradle-7.3.3-bin.zip，拷贝到~/.gradle/wrapper/dists/gradle-7.3.3-bin/xxxxxxx。默认的配置是这样的。

Thingsboard V3.9 前端二次开发创建新的菜单页面

qq_26843937的博客

01-10

493

本次教程修改Thingsboard源码，新增一个菜单页面

开篇随便聊聊

zjtyxy2007的专栏

02-28

4979

随想，开篇。

探索创新：Thingsboard UI Vue —— 一个基于Vue.js的物联网UI组件库

gitblog_00045的博客

03-31

1149

探索创新：Thingsboard UI Vue —— 一个基于Vue.js的物联网UI组件库去发现同类优质开源项目:https://gitcode.com/ 项目简介在物联网(IoT)应用开发中，构建美观、易用且功能强大的用户界面是至关重要的一步。是一个专为物联网项目设计的前端UI框架，它基于流行的Vue.js框架，提供了丰富的预置组件和工具，帮助开发者快速构建出与Thingsboard I...

【fly-iot飞凡物联】（5）：开源项目Apache IoTDB，开源项目学习，原来还有这样的项目，关于IOT的几个开源项目汇总下

freewebsys的专栏

05-16

1139

未经博主允许不得转载。

ThingsBoard平台web-ui界面修改

guxiaohai_的博客

09-27

5646

一：导入部件库与修改logo 详细教程：https://www.iotschool.com/topics/712 导入部件库：找到tingsboard源码application\src\main\data\json\system\widget_bundles 启动tingsboard程序项目找到部件库菜单栏，点击文件json导入修改logo图片：制定自身需求logo，格式为.svg 导入进tingsboard源码ui-ngx\src\assets目录下找到源码ui-ngx\src\app\sha

ThingsBoard3.9.1技术栈总结包括前端/后台/APP

hssjf的专栏

05-07

941

thingsboard3.9.1/4.0前端后台APP技术栈。

ThingsBoard3.9.1基础概念详细解释-OTA/通知/仪表板

hssjf的专栏

05-07

858

thingsboard3.9.1/4.0基础概念详细解释-OTA升级/通知中心/仪表板。

thingsboard项目说明，绝对有用

12-19

学习thingsboard平台架构，这个资料绝对的精品，包含项目框架整理说明、架构流程图等等，分享出来，希望能够帮助到大家！

ThingsBoard添加主题定制功能

物联网三分钟

05-08

4402

B站演示地址https://www.bilibili.com/video/bv1RV41177Gb 此文具体代码在文末语雀链接文章目录效果演示资料思路具体代码新建菜单组件效果演示 https://www.bilibili.com/video/bv1RV41177Gb 说明：由于CE版没有权限功能，所以不能主题定制功能不能细分到每个用户一套主题。本文实现的是：定制主题绑定租户，租户管理员和客户用户继承所属租户的主题，且租户管理员可修改主题；不同租户下的租户管理员和客户用户登录后分别显示自己的主题。这个

ThingsBoard 操作手册

SHMLL888的专栏

08-05

2751

其配置中的 Attribute scope 用于设置属性的作用域，可在共享属性和服务端属性中选择，Key 用于配置属性的名称，Number of digits after floating point 用于配置计算结果的保留小数位，Add to message body 和 Add to message metadata 为可选择项，勾选后同步将数据存入消息正文和元数据；Rename keys in：选择项，可以选择更改哪里的数据，从数据（Data）中更改或从元数据（Metadata）中更改。

Thingsboard SCADA, 工业物联网SCADA监控web版, 数字孪生Digital Twin

qq_26843937的博客

01-13

728

Thingsboard v3.8和3.9重点支持了SCADA，效果如下（组件是实时动态变化的，图中的按钮都可以点击进行控制或者弹出详情）这里我还可以吹下牛：现在能支持SCADA这个功能，还是多谢我在Github提的这个需求被他们架构师采纳了

thingsboard记录二级路由菜单

aliceyang2012的专栏

04-27

296

左侧一堆仪表板菜单，均有二级，但发现点击期中一个，其他都会变成选中状态，而且下拉都展开了，晕乎~~~ 捣鼓了一圈，发现菜单的state不能用相同的名字，因为menu.service.js里面有一段控制二级展开和active的代码 function sectionHeight(section) { if ($state.includes(section.state)) { return section.height; } else { return '0px'; } } function

ThingsBoard 前端项目背景图片部件开发

weixin_41394875的博客

09-27

806

ThingsBoard 是目前 Github 上最流行的开源物联网平台，本文介绍如何在 ThingsBoard 前端项目中开发背景图片部件。

Thingsboard开源平台（一）1.基本介绍

Ls101624的博客

07-06

2379

Thingsboard开源平台（一）--基本介绍

如何重置ThingsBoard的全部数据库？

最新发布

06-09

<think>首先，用户的问题是关于如何在ThingsBoard中重置整个数据库。根据之前的对话历史，用户在安装ThingsBoard时遇到管理用户报错，现在想重置整个数据库。我需要基于提供的引用和相关知识来回答。回顾引用：-[^1]：提到了ThingsBoard数据库的表结构信息，包括40张数据表。-[^2]：是Bilibili视频链接，关于ThingsBoard课程，可能不直接相关。-[^3]：介绍了PostgreSQL的psql工具。-[^4]：提到了ThingsBoard3.9.1的数据库表结构，有58个表。-[^5]：讨论了规则链表的结构。用户在上一次查询中明确了“我想重置ThingsBoard的全部数据库的方法”，所以我需要提供重置整个数据库的步骤。关键点：-ThingsBoard默认使用PostgreSQL数据库。-重置数据库意味着清除所有数据，包括用户、设备等。-方法通常是删除数据库并重新创建它。步骤：1.**停止ThingsBoard服务**：防止数据冲突或损坏。2.**备份数据库（可选）**：如果生产环境，建议备份。3.**删除数据库**：使用PostgreSQL命令。4.**重新创建数据库**：使用PostgreSQL或安装脚本。5.**重新启动服务**：让ThingsBoard重建数据库结构。在之前的回答中，我提到了删除用户或重置数据库的方法。现在扩展一下。具体步骤：1.**停止服务**：-Linux:`sudoservicethingsboardstop`-Windows:通过服务管理器停止。2.**连接到PostgreSQL**：-使用psql:`psql-Upostgres`（或其他用户名）-命令参考[^3]。3.**列出数据库**（可选）：-`\l`查看所有数据库。4.**删除数据库**：-`DROPDATABASEthingsboard_db;`-数据库名可能是`thingsboard_db`，根据安装确认。5.**创建新数据库**：-`CREATEDATABASEthingsboard_db;`-授予权限：`GRANTALLPRIVILEGESONDATABASEthingsboard_dbTOthingsboard_user;`（如果有用户名）6.**重新初始化数据库**：-启动ThingsBoard服务：`sudoservicethingsboardstart`-ThingsBoard在启动时会自动创建表结构（首次安装时）。-或者，运行安装脚本：`sudo/usr/share/thingsboard/bin/install/install.sh--loadDemo`（如果只想加载演示数据）注意事项：-重置会丢失所有数据。-确保ThingsBoard配置正确，知道数据库名和凭据。-数据库名通常为`thingsboard_db`，用户名如`thingsboard`。用户可能想通过卸载或重新安装来重置。但数据库重置是独立的。在回答中：-结构清晰：分步骤说明。-包括相关引用：如使用[^3]的psql命令。-生成相关问题。相关问题：1.如何在重置数据库后恢复数据？2.ThingsBoard数据库备份方法？3.如何修改默认数据库配置？最后，确保回答真实可靠。基于ThingsBoard官方文档或常见实践。</think> ### 如何在ThingsBoard中重置整个数据库要重置ThingsBoard的整个数据库，您需要手动删除默认的PostgreSQL数据库（通常是`thingsboard_db`），然后让ThingsBoard在服务启动时自动重建数据库结构。以下是详细步骤，**重要：此操作会永久删除所有数据，仅在开发环境或全新安装前执行。生产环境请先备份数据**[^1][^3]。 #### 1. **停止ThingsBoard服务** 防止服务运行时数据库冲突： ```bash sudo service thingsboard stop # Linux系统命令 ``` - Windows用户：通过“服务管理器”停止名为“thingsboard”的服务。 #### 2. **备份数据库（可选但强烈推荐）** 如果您需要保留数据，先备份： ```bash pg_dump -U postgres thingsboard_db > thingsboard_backup.sql # 备份到SQL文件 ``` - `-U postgres`：使用PostgreSQL管理员用户（默认用户名），如果配置自定义用户，需替换[^3]。 - 恢复数据：`psql -U postgres -d thingsboard_db -f thingsboard_backup.sql` #### 3. **连接到PostgreSQL并删除数据库** 使用`psql`工具（PostgreSQL命令行）[^3]： ```bash psql -U postgres # 以管理员身份连接（密码可能需要输入） ``` 在`psql`会话中执行： ```sql -- 查看现有数据库列表 \l -- 删除默认数据库（通常是thingsboard_db） DROP DATABASE IF EXISTS thingsboard_db; -- 退出psql \q ``` - **注意**： - 数据库名参考ThingsBoard配置文件（默认`/etc/thingsboard/conf/thingsboard.yml`中的`spring.datasource.url`）。 - 如果表存在依赖关系，使用`DROP DATABASE ... WITH (FORCE);`强制删除[^1]。 #### 4. **重新创建数据库和用户（可选）** 如果数据库完全重置后需重建： ```bash psql -U postgres -c "CREATE DATABASE thingsboard_db;" # 创建新库 psql -U postgres -c "GRANT ALL PRIVILEGES ON DATABASE thingsboard_db TO thingsboard;" # 授权给ThingsBoard用户 ``` - ThingsBoard安装后会自动创建默认用户`thingsboard`（凭据在配置文件中）[^4]。 #### 5. **启动ThingsBoard服务并验证** 服务启动时会自动初始化表结构： ```bash sudo service thingsboard start # Linux命令 ``` - 查看日志确认成功：`tail -f /var/log/thingsboard/thingsboard.log`（查找“Database initialized”信息）。 - 访问ThingsBoard Web界面（`http://localhost:8080`），使用默认用户登录（如`sysadmin@thingsboard.org`/`sysadmin`）测试是否为新数据库[^2]。 #### 注意事项 - **数据丢失风险**：重置后所有设备、规则、用户数据（包括表如`tb_user`）将被清除[^1][^5]。 - **自动重建机制**：ThingsBoard在首次连接到空数据库时，会运行SQL脚本创建全部表结构（如3.9.1版本有58个表）[^4]。 - **配置检查**：确保`thingsboard.yml`中的数据库连接设置正确。 - **替代方法**：如果要保留部分数据，可以只删除用户表（如`DELETE FROM tb_user;`），但不保证一致性。如果问题持续，检查PostgreSQL版本兼容性或重装ThingsBoard。