區塊是基于基礎組件封裝的一個黑盒工具。本文介紹區塊的功能特性,幫助您快速了解并使用區塊。
區塊可以定義內部外部的數據傳輸,對內可以封裝業務相關的組件樣式、組件布局、默認數據(不包含除靜態數據和API外的數據源)和藍圖邏輯,對外可定義業務相關的區塊數據接口。
區塊功能為專業版及以上版本功能,如果您需要使用此功能,請先將DataV版本升級到專業版或尊享版。
區塊接口節點說明
區塊定義內部和外部的數據傳輸,依靠藍圖編輯器中的數據接口節點、事件接口節點和動作接口節點進行配置,不同接口的區別如下:
數據接口:用于接收外部數據源傳入區塊的數據,再通過藍圖編輯器分發數據給內部的組件。
事件接口:用于接收內部組件的事件,并向外拋出數據。
動作接口:用于接收外部組件觸發的動作,并使得內部組件執行相應的業務邏輯。
您在使用區塊時,只需要將區塊作為一個整體,了解并設置對外定義的區塊接口即可,無需關注內部邏輯。如果你要在區塊編輯器中配置并使用區塊接口,詳情請參見使用區塊接口。
區塊示例說明
如下圖區塊示例:區塊中定義了兩個數據接口、一個事件接口和三個動作接口,不同類型接口的功能解釋示例如下。
導入玫瑰圖數據接口,用于接收到數據后立即將數據傳輸導入到ECharts玫瑰圖組件中。
輪播列表點擊事件接口,用于對外接收輪播列表組件中的當點擊單行時拋出的數據。
更新樣式動作接口,用于在獲取數據之后,通過串行數據處理邏輯節點處理數據后,最后調用了垂直膠囊柱狀圖組件的更新組件配置動作。
下圖是上述案例的區塊在使用時對外展示的數據源配置、交互配置和藍圖參數內容的樣式。
數據源配置 交互配置 藍圖參數配置
區塊使用常見問題
Q:區塊內是否有組件?
A:您可以拖拽區塊編輯器圖層欄內的組件到畫布中,配置組件的樣式,詳情請參見區塊編輯器概覽和區塊內組件樣式配置說明。
Q:區塊內是否有交互?
A:您可以將區塊導出到藍圖編輯器,在藍圖編輯器中,將區塊接口節點與區塊中對應的組件節點連線,完成所需的業務邏輯的交互配置,詳情請參見使用區塊接口。
Q:區塊內部和外部是否有交互?
Q:區塊功能怎么調試?
A:您可以通過使用區塊預覽功能,調試配置完成的區塊接口等功能,詳情請參見預覽區塊。
Q:區塊搭建完成后,如何在可視化應用畫布編輯器中使用?
A:您可以先將區塊發布,再進入可視化應用畫布編輯器中,在編輯器中打開組件庫,選擇區塊模塊,在區塊列表中查看已搭建的區塊內容,也可添加所需區塊,詳情請參見發布區塊和添加區塊。
Q:區塊新版本發布后,如何一鍵升級可視化應用中正在使用的舊區塊?
A:您可以在畫布編輯器中,單擊目標區塊,進入區塊的右側面板,在面板右上角單擊升級區塊版本,升級區塊的方法與升級組件內容一致。
Q:如何快速便捷的創建區塊?
A:除了在區塊面板創建空白區塊之外,還支持在工作臺頁面你的組件收藏面板中一鍵升級收藏后的組件成區塊。詳情請參見升級已收藏的資產為區塊。