元件概述

本頁概述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 Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now