元件概述

本頁概述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. 按一下​執行​並列出元件。

其他資源

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free