管理和編排組件
通過低代碼可視化方式搭建可跨頁面復用的組件，該組件內(nèi)部可包含變量、邏輯流、JS方法等構成復雜的組件邏輯。本文介紹如何新建、編排、使用和刪除組件等操作。
前提條件
當前應用為輕應用。
當前應用版本處于開發(fā)狀態(tài)，尚未發(fā)布。
當前賬號具有應用開發(fā)權限。
新建組件
在應用列表頁面，單擊目標輕應用名稱。
在目標輕應用導航欄中，選擇。
在組件編排頁面，單擊新建組件。
在新建組件面板，完成組件名稱、組件編碼和描述（非必填）設置后，單擊創(chuàng)建。
說明組件編碼為英文字母和數(shù)字的組合，以字母開頭，且項目內(nèi)唯一，創(chuàng)建后不支持修改。編碼長度不得超過80個字符。
編排組件
在組件編排頁面，單擊目標組件或其右側操作列下的編排組件。
如果您在創(chuàng)建輕應用時應用場景配置為PC端+H5端，您可以單擊
或
圖標切換端側。
說明本文以僅應用場景配置為PC端為例說明如何編排組件。
在新打開的編排組件畫布，構建業(yè)務組件。單擊畫布左側的
圖標，在標準組件或自定義組件頁簽下，您可以拖拽目標組件至畫布右側然后構建業(yè)務組件。
業(yè)務組件是根據(jù)場景需求，將多個基本組件按照一定順序、樣式或邏輯組合成為一個可在多處重復利用的組件。在后續(xù)開發(fā)過程中如果遇到類似需求，您可以直接使用該業(yè)務組件，而不需要從基本組件重新開始構建。
配置組件屬性。單擊組件編排畫布右上角的組件定義，您可以參考以下步驟配置組件屬性。
在屬性頁簽下的屬性定義區(qū)域，您可以通過單擊添加一項添加組件屬性。
例如，下圖添加了title，intro，image三個屬性，您可以單擊目標屬性名稱左側的
圖標編輯屬性類型、設置器、支持動態(tài)配置和默認值等。
業(yè)務組件支持屬性自定義操作，豐富了組件的屬性，您可以通過配置的屬性來定制符合業(yè)務需求的組件。
在屬性頁簽下的事件定義區(qū)域，您可以通過單擊添加一項添加事件類型的屬性。
單擊屬性名稱左側的
圖標編輯事件標題和事件入?yún)?/b>等。
業(yè)務組件在觸發(fā)某一事件時會執(zhí)行該屬性。
綁定屬性。
綁定基礎屬性。將步驟3中設置的屬性綁定到業(yè)務組件內(nèi)部需要外部控制的基礎組件的屬性上。例如，將業(yè)務組件的title屬性綁定到其內(nèi)部卡片組件的標題屬性上。
單擊卡片組件標題屬性右側的
圖標，在綁定變量對話框中，選擇，完成后單擊確定。您后續(xù)如果再配置更新該業(yè)務組件的title屬性，則該卡片組件的標題屬性也會同步更新。
綁定事件屬性（您需進入到邏輯流面板綁定事件屬性）。
單擊目標基礎組件的事件頁簽，選擇。
在onClick點擊時對話框中，單擊邏輯編排，頁面會自動跳轉至邏輯流編排頁面。
在邏輯流編排畫布右側的流程圖中單擊
圖標，在彈出的編排節(jié)點框中，選擇執(zhí)行組件事件。
在執(zhí)行組件事件面板，選擇步驟3中已配置的目標業(yè)務組件事件，且完成入?yún)⑾嚓P配置項設置后，單擊保存。
上圖中被綁定的組件在觸發(fā)點擊動作時，就會執(zhí)行該事件屬性。
完成業(yè)務組件構建后，單擊組件編排頁面右上角的保存。
使用組件
在頁面編排頁面，單擊目標頁面名稱或目標頁面名稱右側操作列下的編排頁面。
在頁面編排畫布中，單擊畫布左側的
圖標，在區(qū)塊面板的低代碼組件頁簽下，您可以拖拽目標業(yè)務組件至畫布右側然后進行頁面編排。
具體操作，請參見可視化編排頁面。
根據(jù)具體場景的需要，配置業(yè)務組件的屬性，通過給每一個屬性傳入具體的值，內(nèi)部接收到后會將值傳入到被綁定的具體屬性上。
編輯組件屬性
在組件編排頁面，單擊目標組件右側操作列下的編輯屬性。
在編輯組件面板，按需完成相關設置后，單擊保存。
刪除組件
在組件編排頁面，單擊目標組件右側操作列下的刪除。
重要刪除組件****，會導致調用了該組件的頁面在運行時無法正常渲染，請您謹慎操作。
在二次確認對話框中，單擊刪除。