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 話題討論區：https://www.iotschool.com/topics/node8

歡迎大家加入thingsboard 二次開發討論群：121202538