Thingsboard前端二次开发学习

2023才学不晚

已于 2024-02-02 15:07:11 修改

阅读量835

点赞数 11

分类专栏： thingsboard前端文章标签：学习

于 2024-01-05 13:20:53 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/xiaoming_Super/article/details/135403819

版权

thingsboard前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

目录

1、可直接同名替换原有logo

2、可用不同名的自己的logo

更改网站名字

更改主题颜色

更改首页的内容

注释页面“帮助问号？”

目录解析

logo修改

logo操作的图片是svg矢量图大小是1543*320

一个将图片转为svg图片的网站：在线jpg,png图片转SVG工具-BeJSON.com

1、可直接同名替换原有logo

名为logo_title_white.svg 图片路径如下

2、可用不同名的自己的logo

1、将svg图片放在src\assets\自己的logo.svg 目录下

2、更改路径

src/app/modules/home/components/dashboard-page/dashboard-page.component.ts

src/app/shared/components/logo.component.ts

更改ico，建议直接同名替换原ico图片

一个将图片转ico网站：PNG轉ICO轉換器。在线自由 — Convertio

更改网站名字

一下三处将ThingsBoard改为自己网站名

src\index.html

src\environments\environment.prod.ts

src\environments\environment.ts

更改主题颜色

直接全局搜$tb-primary-color

可改颜色的地方试着改一下看以一下主题颜色是否改变，因版本不同版本具体路径不同

更改首页的内容

1、可自定义一个仪表盘来作为首页

2、修改原有首页

这部分内容在src\assets\dashboard\下静态加载的

首页的每一个白色块就是如下框起来的部分（可自行查找需要修改的部分）

如果想删除块就删除如下对应块框起来的地方

如果想修改块大小位置就修改如下注释位置

注释页面“帮助问号？”

找到文件：ui-ngx\src\app\shared\components\help.component.html
注释button源码

2023才学不晚

关注

11
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
Thingsboard前端二次开发学习

目录解析
复制链接

扫一扫

专栏目录

2023才学不晚 CSDN认证博客专家 CSDN认证企业博客

码龄6年

20: 原创

61万+: 周排名

9万+: 总排名

4259: 访问

: 等级

249: 积分

24: 粉丝

37: 获赞

2: 评论

26: 收藏

私信

关注

热门文章

分类专栏

fuxa 1篇
thingsboard前端 2篇
工具 2篇
前端学习 3篇
Java学习 6篇
数据库学习 2篇
框架 2篇
C++学习 1篇

最新评论

Java面向对象学习
CSDN-Ada助手: 非常感谢用户的第四篇博客，题目为“Java面向对象学习”。我真心祝贺用户的创作热情和努力，持续地写作是一件不易的事情。对于下一步的创作建议，建议用户可以深入分析Java面向对象编程的实际应用场景，结合实例进行讲解，让读者更加深入地了解面向对象的概念和原理。期待用户更多优秀的文章，继续加油！ CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
Java Web学习
CSDN-Ada助手: 一定要坚持创作更多高质量博客哦, 小小红包, 以资鼓励, 更多创作活动请看: 新星计划2023: https://marketing.csdn.net/p/1738cda78d47b2ebb920916aab7c3584?utm_source=csdn_ai_ada_redpacket 新星计划2023: https://marketing.csdn.net/p/1738cda78d47b2ebb920916aab7c3584?utm_source=csdn_ai_ada_redpacket 上传ChatGPT/计算机论文等资源，瓜分￥5000元现金: https://blog.csdn.net/VIP_Assistant/article/details/130196121?utm_source=csdn_ai_ada_redpacket 新人首创任务挑战赛: https://marketing.csdn.net/p/90a06697f3eae83aabea1e150f5be8a5?utm_source=csdn_ai_ada_redpacket Microsoft Edge功能测评！: https://activity.csdn.net/creatActivity?id=10403?utm_source=csdn_ai_ada_redpacket 职场解惑讨论会: https://activity.csdn.net/creatActivity?id=10427?utm_source=csdn_ai_ada_redpacket 可持续能源技术真的能改变世界吗？: https://activity.csdn.net/creatActivity?id=10425?utm_source=csdn_ai_ada_redpacket 无效数据，你会怎么处理？: https://activity.csdn.net/creatActivity?id=10423?utm_source=csdn_ai_ada_redpacket 物联网技术正在如何影响我们的生活: https://activity.csdn.net/creatActivity?id=10421?utm_source=csdn_ai_ada_redpacket 生物识别技术能否成为应对安全挑战的绝佳选择？: https://activity.csdn.net/creatActivity?id=10411?utm_source=csdn_ai_ada_redpacket 应届生如何提高职场竞争力: https://activity.csdn.net/creatActivity?id=10409?utm_source=csdn_ai_ada_redpacket 讯飞星火大模型将超越chatgpt？: https://activity.csdn.net/creatActivity?id=10407?utm_source=csdn_ai_ada_redpacket 职场新人备忘录: https://activity.csdn.net/creatActivity?id=10405?utm_source=csdn_ai_ada_redpacket “裸奔”时代下该如何保护网络隐私: https://activity.csdn.net/creatActivity?id=10401?utm_source=csdn_ai_ada_redpacket VR vs AR：哪种技术更有潜力改变未来？: https://activity.csdn.net/creatActivity?id=10399?utm_source=csdn_ai_ada_redpacket 蓝桥杯备赛指南分享: https://activity.csdn.net/creatActivity?id=10317?utm_source=csdn_ai_ada_redpacket
java学习
CSDN-Ada助手: 恭喜您写了第三篇博客，标题看起来很有意思！学习Java确实需要一定的耐心和毅力，但我相信您一定会有所收获。对于下一步的创作建议，我建议您可以探索一下Java应用的实际场景，比如开发一个小型应用程序或者参与开源项目。继续加油！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
eclipse的使用
CSDN-Ada助手: Java 技能树或许可以帮到你：https://edu.csdn.net/skill/java?utm_source=AI_act_java

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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