Thingsboard 导入部件与 Logo 修改

咋在这里为大家先介绍一下部件包及修改logo的简单小技巧

如还未成功运行的可查看我上一篇博客,或者进入qq群: China thingsboard

下面由Panther为您手把手教程如何从全英文的规则链改为全中文的

下面请跟我来,前提是项目能够正常运行

干货来啦

这里为部件库中的效果图 _ 自带13个json文件
Thingsboard 导入部件与 Logo 修改_第1张图片
one 同志们第一次下载源码,成功启动后并不会出现这些部件,为什么呢 因为你的数据库中是没有这些数据的

Thingsboard 导入部件与 Logo 修改_第2张图片

two 我们要做的就是 将json文件拖入到部件库,生成这些数据

Thingsboard 导入部件与 Logo 修改_第3张图片

three json文件在哪里呢?

thingsboard\application\target\data\json\system\widget_bundles

four 这里将他们一一导入,您的数据库就会出现对应的数据

现在我来为大家介绍如何修改logo

开始看见tb的代码 着实吓了我一跳,还svg矢量图 - 吓死宝宝啦

其实这里我介绍的就挺简单,直接注释他的代码,然后替换到自己的代码

 <!--Panther 登录页面 logo显示-->
            <!--<img src="{{vm.logoSvg}}" aria-label="logo" class="tb-login-logo"/>-->
            <img src='../../svg/test.svg' lass="tb-login-logo" width="244px" height="55px"/>

Thingsboard 导入部件与 Logo 修改_第4张图片

好啦到这里就结束啦,记得svg背景色要是白色

最后提供一个 jpg 、png转换为svg格式的网站-亲试 有效

https://www.pngtosvg.com/

来源:https://blog.csdn.net/weixin_43137722/article/details/96867240

Thingsboard 话题讨论区:https://www.iotschool.com/topics/node8

欢迎大家加入thingsboard 二次开发讨论群:121202538

thingsboard交流QQ群 121202538

你可能感兴趣的:(thingsboard,物联网,IoTFS)