国产欧美国产精品第二区-国产欧美日韩亚洲一区-国产中文字幕一区在线-欧美一级在线免费播放

登錄
免費注冊
400-6565-277
首頁圖

新聞動態(tài)

news information

如何用低代碼工具高效搭建3D可視化大屏頁面?三個關(guān)鍵步驟!

2023-09-21作者:捷碼瀏覽:

通過捷碼快速開發(fā)平臺,只需3步,就可輕松搭建可視化大屏!



捷碼平臺遠眺旗下的快速開發(fā)平臺。開發(fā)者可通過拖拽等可視化方式,在捷碼上快速搭建應(yīng)用,所見即所得。捷碼內(nèi)置海量酷炫的組件,比如3D組件、大屏組件、業(yè)務(wù)系統(tǒng)組件、APP組件、GIS組件等等,尤擅長于3D數(shù)字孿生和GIS,高度貼合各類智慧場景的可視化開發(fā)需求。本文接下來將以地球可視化頁面為例,帶你從0開始快速搭建可視化頁面。


效果



第一步,創(chuàng)建一個空白頁面


填寫頁面名稱,選擇固定寬高布局



第二步、頁面搭建

           

(1)主場景搭建


往畫布中拖入地圖組件中的地球,調(diào)整屬性;



(2)添加漸變遮罩


某些場景中需要使用漸變遮罩淡化主場景四周內(nèi)容,突出中間內(nèi)容和四周的業(yè)務(wù)圖表,在畫布中拖入大屏組件中的漸變遮罩。


(3) 布局


在主場景之上進行頁面布局,為下一步添加業(yè)務(wù)圖表做好準(zhǔn)備。



將3個web組件中的fixedcontainer 加入到畫布,配置在頁面頂部、左邊、右邊。


(4)加入業(yè)務(wù)圖表


   頂部fixedcontainer拖入大屏組件中的流光文字:

  • 左側(cè)依次拖入大屏組件中的標(biāo)題、基礎(chǔ)柱狀圖、嵌套環(huán)形圖、立體圖片;
  • 右側(cè)依次拖入大屏組件中的標(biāo)題、立體環(huán)餅圖、基礎(chǔ)折現(xiàn)圖、輪播表格;
  • 配置屬性后保存后查看預(yù)覽效果;


第三步、綁定業(yè)務(wù)數(shù)據(jù)


述完成的頁面還是使用的靜態(tài)數(shù)據(jù),為了能正確展示業(yè)務(wù),需要將組件與業(yè)務(wù)數(shù)據(jù)通過平臺的綁定功能連接起來。


配置好的效果:


除此之外,還可以使用模板創(chuàng)建頁面,捷碼內(nèi)置了多個智慧行業(yè),比如智慧園區(qū)、智慧水務(wù)、智慧交通、智慧工地、智慧礦山、智慧農(nóng)業(yè)等智慧領(lǐng)域模板,可以直接點擊頁面模板,一鍵完成頁面搭建。




%用戶還看了以下內(nèi)容

物聯(lián)網(wǎng)+低代碼,遠眺科技助力智慧風(fēng)電高效應(yīng)對挑戰(zhàn)! 閱讀751次

低代碼平臺如何讓企業(yè)數(shù)字化轉(zhuǎn)型少走彎路?我的實戰(zhàn)觀察 閱讀559次

開封職院低代碼培訓(xùn)圓滿落幕,校企合作再結(jié)碩果 閱讀573次

數(shù)字孿生+物聯(lián)網(wǎng)+低代碼,遠眺科技賦能智慧消防建設(shè) 閱讀980次

快速試用捷碼

x