元件概觀

本頁提供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. 按一下 執行 ,並列出元件。

其他資源

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

本頁內容