第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內容套件。 此套件包含本教學課程及前幾章中概述的設定和內容。

本頁內容