Thingsboard 导入部件与 Logo 修改

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

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

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

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

干货来啦

这里为部件库中的效果图 _ 自带13个json文件

one 同志们第一次下载源码，成功启动后并不会出现这些部件，为什么呢 因为你的数据库中是没有这些数据的

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

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"/>

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

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

https://www.pngtosvg.com/

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

欢迎加入ThingsBoard技术交流群

这里可复制Q群号：69998183

关注“云腾五洲”：获取二开ThingsBoard物联网平台演示

交流社区：ThingsKit-ThingsBoard社区