自訂自適應表單核心元件

識別並複製核心元件

在設定開發環境的同時，您已建立以原型為基礎的專案。在 AEM 原型專案中，識別您要自訂的特定核心元件。識別出資訊後，請在以 AEM 原型為基礎的專案中建立元件的副本。請使此元件與其他自適應表單核心元件可並行使用。此步驟可確保您的自訂工作不會影響原始元件，讓您能安心實驗。

自訂複製的元件

開啟副本元件，並根據您的要求開始進行必要的修改：

• 自訂 HTML 結構：根據您的設計需求量身打造 HTML 結構，同時遵循 BEM (區塊元素修飾元) 樣式規範，以維持程式碼的可維護性與可擴充性。
• 更新標籤：更新元件的標籤，為自訂版本的名稱明確且具有敘述性。請參閱所提供的 OOTB (立即可用) 標籤範本以維持一致性。
• 自訂小工具：調整元件內使用的小工具 (下拉式清單、核取方塊)，以符合您的特定使用案例。請參閱範例小工具實施深入了解。
• 說明文字和工具提示：將元件相關的說明文字或工具提示進行個人化，為使用者提供內容脈絡與指南。使用 OOTB 說明文字範本作為起點。
• 資料屬性：在元件的 HTML 元素中整合所有必要的資料屬性。這些屬性對於元件在執行階段的正常運作至關重要。請參閱此文件了解資料屬性在自適應表單核心元件中的角色。

實施後端邏輯

如果您的自訂需要後端邏輯，則可以擴充現有的 Sling 模型。請參閱提供的範例，將所需的功能順暢地整合至您的自訂元件中。

設定元件的對話框

設定與自訂元件關聯的對話框。使用文件中提供的範例元件對話框，確保使用者互動和設定受到適當的管理。

在本機開發環境中部署及測試元件

在您的本機開發環境中使用 Maven 建置和部署元件。部署元件後，建立自適應表單以測試自訂元件。

在您的生產環境中部署自訂元件

在本機開發環境中測試元件後，請在生產環境中部署元件。