第3章 — 編寫事件內容片段

AEM Headless教學課程的第3章涵蓋從Chapter 2中建立的內容片段模型中建立和編寫事件內容片段。

編寫事件內容片段

建立Event內容片段模型,並將WKND的AEM設定套用至/content/dam/wknd-mobile資產資料夾(透過cq:conf屬性)後,即可建立Event內容片段。

內容片段是一種資產,應像其他資產一樣,在AEM Assets中組織和管理。

  • 如果需要翻譯(或可能需要),請在Assets資料夾結構中使用地區設定資料夾
  • 以邏輯方式組織內容片段,以便輕鬆找到和管理

在此步驟中,請在/content/dam/wknd-mobile/en/events資產資料夾中為Punkrock Fest建立新的Event。

  1. 導覽至​AEM > 資產 > 檔案 > WKND Mobile >English​並建立資產資料夾​Events

  2. 在​Assets > Files > WKND Mobile > English >Events​內建立標題為​Punkrock Fest​的​Event​類型的新內容片段。

  3. 製作新建立的Event內容片段。

    • Event Title : Punkrock Fest
    • Event Description : <enter a="" few="" lines="" of="" description="">
    • Event Date : <select a="" date="" in="" the="" future="">
    • Event Type : 音樂
    • Ticket Price : 10
    • Event Image : /content/dam/wknd-mobile/images/tom-rogerson-574325-unsplash.jpg
    • Venue Name : 爬蟲屋
    • Venue City : 紐約

    點選頂端動作列中的​儲存​以儲存變更。

  4. 使用AEM Package Manager,在AEM Author上安裝以下套件。 此套件包含許多事件內容片段。

    獲取檔案:GitHub >資產> com.adobe.aem.guides.wknd-mobile.content.chapter-3.zip

檢閱內容片段的JCR結構

本節僅提供資訊,目的是將從內容片段模型建立的內容片段基礎JCR結構社交化。

  1. 在AEM作者上開啟​CRXDE Lite
  2. 在CRXDE Lite中,在左側階層功能表中,導覽至/content/dam/wknd-mobile/en/events/punkrock-fest/jcr:content,這是JCR中代表Punkrock Fest Event內容片段的節點。
  3. 展開data節點。
    在​屬性窗格​中查看其是否具有指向Event內容片段模型定義的屬性cq:model
    • cq:model=/conf/settings/wknd-mobile/dam/cfm/models/event
  4. data節點下,選擇master節點並查看屬性。 此節點包含編寫Event內容片段模型期間收集的內容。 JCR屬性名稱對應於內容片段模型屬性名稱,且值對應於「Punkrock Fest」 Event內容片段的創作值。

下一步

建議您透過AEM Package Manager,在AEM作者上安裝com.adobe.aem.guides.wknd-mobile.content.chapter-3.zip內容套件。 此套件包含本教學課程及前幾章中概述的設定和內容。

本頁內容