元件概述

本頁概略介紹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安裝中立即使用。雖然仍受支援，但大部分已淘汰，不再增強，且以舊版技術為基礎。

注意

核心 元件代表元件設計和開發的最新最佳實務，並可作為參考實作。

AEM現代化 工具掃描可協助您移轉至核心元件。

查看可用元件

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

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

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

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

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

    //element(*, cq:Component)

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

其他資源

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

本頁內容