元件概述

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

什麼是元件？

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

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

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

每個AEM元件：

  • 是資源類型。
  • 是完全實現特定功能的指令碼集合。
  • 可在​isolation​中運作，亦即在AEM或入口網站中運作。

AEM內的現成可用元件

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

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

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

核心元件和基礎元件

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

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

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

注意

核心元 件代表元件設計與開發的目前最佳範例，並做為參考實作。

AEM Meduration Toolscan可協助您移轉至核心元件。

查看可用元件

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

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

  1. 在​CRXDE Lite​中，從工具列中選擇​工具，然後選擇​查詢，以開啟​查詢​頁籤。

  2. 在​Query​標籤中，選擇XPath作為​類型。

  3. 在​Query​輸入欄位中，輸入下列字串：

    //element(*, cq:Component)

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

其他資源

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

本頁內容