Show Menu
主題×

元件概觀

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