元件概觀 components-overview

此頁面概述了 Adobe Experience Manager (AEM) 元件,例如那些用於頁面編寫的元件。

元件有哪些? what-exactly-is-a-component

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

因為元件是模組化的,所以您可以:

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

每個 AEM 元件:

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

AEM中的現成元件 out-of-the-box-components-within-aem

AEM隨附多種多樣的 現成可用的元件 功能齊全,包括:

  • 段落系統( parsys)
  • 頁面( responsivegrid — 僅限觸控式UI)
  • 文字
  • 影像,含隨附文字
  • 工具列

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

核心元件與基礎元件 core-components-and-foundation-components

有兩組Adobe提供的AEM元件可供使用:

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

基礎元件 已經在AEM許多版本中提供,並且可在標準AEM安裝中立即使用。 雖然仍受支援,但大部分的功能已過時、不再強化,而且以舊版技術為基礎。

NOTE
核心元件 代表元件設計和開發的目前最佳實務,並作為參考實作。
AEM現代化工具 可協助移轉至核心元件。

檢視可用元件 viewing-available-components

如需AEM執行個體中所有可用元件的總覽,請使用 元件主控台.

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

  1. CRXDE Lite 中,從工具列中選擇​ 工具,然後選擇​ 查詢查詢 ​索引標籤會隨即開啟。

  2. 在​ 查詢 ​索引標籤中,選擇 XPath 作為 類型

  3. 在​ 查詢 輸入欄位,輸入以下字串:

    //element(*, cq:Component)

  4. 按一下​ 執行,元件隨即列出。

其他資源 further-reading

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2