元件概觀

本頁提供Adobe Experience Manager(AEM)元件的概觀，例如用於頁 面製作的元件。

什麼是元件？

  • 可實現特定功能的模組，以在您的網站上呈現您的內容。
  • 可重複使用。
  • 開發為儲存庫的一個資料夾中的自含單元。
  • 沒有隱藏的配置檔案。
  • 可包含其他元件。
  • 可在任何AEM系統內的任何位置執行。 也可以限制在特定元件下執行。
  • 擁有標準化的使用者介面。
  • 具有可設定的編輯行為。
  • 使用以Granite UI元件為基礎的子元素所建立的對話方塊
  • 是使用 HTL （建議）或JSP來開發。
  • 可開發來建立可擴充預設功能的自訂元件。

由於元件是模組化的，因此您可以：

  • 在您的本機執行個體上開發新元件。
  • 將它部署至您的測試環境。
  • 將它部署至您的即時製作環境，讓作者和／或管理員可在其中新增及設定內容。
  • 將它部署至即時發佈環境，以便用來為網站的訪客呈現內容。 某些元件（例如Communities）也接受使用者的輸入。

每個AEM元件：

  • 是資源類型。
  • 是完全實現特定功能的指令碼集合。
  • 可以隔離運 作，這表示在AEM或入口網站中。

AEM中的現成可用元件

AEM隨附多種現 成可用的元件 ，提供完整功能，包括：

  • 段落系統 ( parsys)
  • 頁面( responsivegrid 僅限——觸控式UI)
  • 文字
  • 影像，加上隨附的文字
  • 工具列

提供的元件及其在We.Retail 網站範例中的使用 ，說明如何實作和使用元件。 這些元件提供了所有原始碼，可以按原樣使用，或作為修改或擴展元件的起點。

核心元件與基礎元件

目前提供兩組Adobe提供的AEM元件：

核心元件 (Core Components)隨AEM 6.3推出，提供有彈性且功能豐富的製作功能。 We. Retail參考網站 ，說明如何使用核心元件，並代表元件開發的目前最佳實務。

Foundation Components 已隨附於AEM的許多版本，而且標準AEM安裝現成可用。 雖然仍受支援，但大部分已過時，不再增強，而且以舊有技術為基礎。

注意

核心元件 (Core Components)代表元件設計與開發的目前最佳實務，並做為參考實作。

AEM Meduration Tools （AEM現代化工具）可協助移轉至核心元件。

查看可用元件

如需AEM例項中所有可用元件的概觀，請使用「元 件控制台」。

或者，您也可以使用CRXDE Lite獲取儲存庫中所有可用元件的清單。

  1. 在 CRXDE Lite中，從工具欄中選擇工具，然後選擇 Query , Query, ​​開啟Query Tab。

  2. 在「查 詢 」標籤中，選 XPath 擇為 類型。

  3. 在「查 詢輸入 」欄位中，輸入下列字串：

    /element(*, cq:Component)

  4. 按一下 執行 ，並列出元件。

其他資源

以下頁面提供有關開發這些元件和其他元件的詳細資訊：

本頁內容