為了幫助用戶快速上手最新功能，高效搭建可視化項目，我們還特別邀請到能力中心產(chǎn)品經(jīng)理雪糕來到EasyV在線直播間和大家分享～在7月6日（本周四）下午3點！會為大家詳解組件容器功能，并進行實操演示。這次直播會解答你的疑問，讓你輕松掌握組件容器的奧秘，千萬別錯過這次和產(chǎn)品經(jīng)理面對面雪糕互動的機會啦！

想要觀看直播回放，可前往視頻號「EasyV數(shù)字孿生可視化」了解詳情!

6月29日，易知微內(nèi)部設(shè)計師和產(chǎn)品經(jīng)理最期待的功能之一「組件容器」已經(jīng)悄悄上線！有許多用戶都很好奇組件容器功能到底是什么？它能幫我去解決什么困擾呢？

一、兩大難題

之所以被稱為“內(nèi)部最期待的功能之一”，是因為在易知微項目建設(shè)的過程中，尤其是數(shù)據(jù)運營類大屏的設(shè)計，我們會頻繁地需要使用多個同類型組件進行拼貼，并且還需要不斷進行重復性的數(shù)據(jù)接入。同樣我們在客戶溝通中發(fā)現(xiàn)，許多客戶在利用EasyV搭建交付過程中也曾遇到同樣的困擾。這類重復性的工作伴隨而來的工作困擾其實可以總結(jié)為“兩大難題”。

重復組件多個模塊制作及數(shù)據(jù)接入工作量大。大屏制作時需要頻繁地制作諸多相似組件搭配來滿足其不同維度組合的、臨時的數(shù)據(jù)呈現(xiàn)需求。

組件搭配使用頻繁，成組難以靈活適配多應(yīng)用場景。在實際項目制作時，常常需要通過組件搭配來完整呈現(xiàn)數(shù)據(jù)效果，但僅僅通過“成組”，很難在布局、數(shù)據(jù)上快速適配。

這里我們舉個例子，《醫(yī)療運營監(jiān)控數(shù)據(jù)大屏》包含15個重復組件，而每個組件中的數(shù)據(jù)不同，預示著要完成這個大屏，至少需要重復配置15遍樣式及數(shù)據(jù)邏輯。

二、四大亮點

基于以上“兩大難題”，EasyV產(chǎn)研團隊快速響應(yīng)，給大家?guī)砹四軌驅(qū)崿F(xiàn)“積木式組裝”功能——組件容器。

所謂組件容器，就是自定義拼接組件（即實例）的生產(chǎn)容器，容器大小即為各實例對外可視區(qū)域大小。

而定義中所說的實例則是指組件容器內(nèi)各個重復模塊單元，其中的預設(shè)實例是指在組件容器的編輯模式內(nèi)，自定義拼接組件的實例模塊。而我們將通過數(shù)據(jù)驅(qū)動，按照設(shè)定的自動布局，渲染生成的其他相同模塊稱之為衍生實例。

實際應(yīng)用中我們發(fā)現(xiàn)：在大屏搭建時未使用組件容器時，搭建者需逐個對組件進行樣式配置和數(shù)據(jù)配置，數(shù)據(jù)接入及后期的維護成本極大。

而在利用組件容器自定義拼接組件后，統(tǒng)一在組件容器外部接入數(shù)據(jù)源，統(tǒng)一接入數(shù)據(jù)源，完成數(shù)據(jù)分發(fā)，通過數(shù)據(jù)驅(qū)動，按照設(shè)定的自動布局，可批量渲染生成相同實例模塊。

現(xiàn)在通過組件容器功能，用戶在搭建可視化項目時更加高效、靈活：

個性定制：用戶只需簡單的拖拉拽，便能輕松完成自定義組件的拼接?？梢詽M足用戶多樣化、專屬定制組件需求，豐富大屏應(yīng)用場景。

批量生成：通過數(shù)據(jù)驅(qū)動的模式，我們實現(xiàn)了按照設(shè)定的自動布局，批量渲染生成相同實例模塊的能力，滿足多模塊重復組件、組合展示需求。

降本增效：通過統(tǒng)一接入數(shù)據(jù)源，完成數(shù)據(jù)分發(fā)，無需對每個組件進行逐個數(shù)據(jù)源接入和樣式配置，大大降低數(shù)據(jù)接入及后期的維護成本。

靈活配置：組件容器內(nèi)的任意實例都具備與內(nèi)外部進行自定義交互配置的能力。您可以自由地選擇特定實例項進行交互操作，從而增強交互配置的靈活性。

三、四步搞定

這項功能的實現(xiàn)僅需四步：

Step 1：點擊組件容器，進行樣式初步調(diào)整；

Step 2：自定義拼接和樣式預覽；

Step 3：數(shù)據(jù)分發(fā)邏輯與數(shù)據(jù)配置；

Step 4：自定義交互配置。

整體步驟與以往的組件配置相符，只是多了從【組件容器】進入【編輯頁】、【編輯頁中的自定義拼接】，以及【選擇數(shù)據(jù)源類型】的分發(fā)和接入這三個步驟。但是在實際應(yīng)用中，卻能讓整體搭建效率提高近10倍～

比較特殊的是，在【數(shù)據(jù)分發(fā)邏輯與數(shù)據(jù)配置】的過程中，需要注意以下配置流程：

①原始數(shù)據(jù)：待分發(fā)給標題、翻牌器組件。

②自定義組件標識：給標題、翻牌器自定義輸入標識。

③數(shù)據(jù)處理：由過濾器處理為標準數(shù)據(jù)格式。

④數(shù)據(jù)分發(fā)：完成數(shù)據(jù)分發(fā)，數(shù)據(jù)驅(qū)動多實例生成（三條數(shù)據(jù)則完成3個實例）

總結(jié)來看，組件容器以自定義“積木式組裝”的形式，不僅使重復組件搭建更靈活、數(shù)據(jù)接入更便利，更豐富了更多如交通車輛監(jiān)控、倉庫設(shè)備管理、銷售訂單管理、水利工程建設(shè)、電商數(shù)據(jù)看板等復雜可視化場景。

還想了解更多功能細節(jié)？點擊「組件容器」操作指南
:https://easyv.cloud/help/docs/vhbm0z4l5ser9026.html，進入幫助文檔，內(nèi)有案例Demo等多種資料，僅需3min即可快速上手。

更多數(shù)字孿生項目咨詢&低代碼數(shù)字孿生平臺免費試用:https://easyv.cloud/?t=bilibili