元件概觀

本頁概略介紹Adobe Experience Manager(AEM)元件,例如 用於頁面製作.

什麼是元件?

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

由於元件是模組化的,因此您可以:

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

每個AEM元件:

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

AEM內的現成元件

AEM隨附各種 現成可用的元件 提供全面功能,包括:

  • 段落系統 ( parsys)
  • 頁面( responsivegrid — 僅支援觸控式UI)
  • 文字
  • 影像,附帶的文字
  • 工具列

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

核心元件與基礎元件

提供兩組Adobe提供的AEM元件:

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

基礎元件 適用於許多版本,且可在標準AEM安裝中立即使用。 雖然仍受支援,但大部分已遭取代、不再增強,且以舊版技術為基礎。

注意

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

AEM現代化工具 有助於移轉至核心元件。

檢視可用元件

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

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

  1. CRXDE Lite,選取 工具 ,然後 查詢,會開啟 查詢 標籤。

  2. 查詢 索引標籤,選取 XPath as 類型.

  3. 查詢 輸入欄位,輸入下列字串:

    //element(*, cq:Component)

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

其他資源

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

本頁內容