建立元件

AEM元件可用來保留、格式化及轉譯可在您的網頁上使用的內容。

製作管道

色版是傳送至一組顯示器的內容中心物件。 因此,內容作者通常會在編輯器中開啟管道,以新增或修改內容。 由於頻道是 cq:Page 它會遵循相同的傳統UX模式,在通道上新增和變更元件。

不過,由於管道中的元件通常會在全熒幕上呈現,因此在嘗試編輯單一元件或撰寫新訂單時,編寫體驗會受到影響。 因此,管道將依賴選取器來呈現元件的不同檢視。 製作環境會使用編輯選擇器來啟動自訂色版轉譯。

例如 http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html](http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html

編輯時,使用者不必將選擇器新增至URL。 使用者端邏輯正在接聽層切換事件,並在通道具有專用資源型別時新增選擇器 screens/core/components/channel.

演算元件

若要啟用正確編寫,元件需要提供下列兩種轉譯:

Component 轉譯
my-component/my-component.html 生產呈現
my-component/edit.html 在較小的檢視中編輯演算

內建元件使用下列使用者端程式庫類別:

Component 客戶庫
cq.screens.components.edit 編寫期間必須載入的CSS和JS
cq.screens.components.production 通道執行時須載入的CSS和JS
cq.screens.components 共用的CSS和JS
注意

若要開發自訂元件,請使用​***AEM Screens範例元件範本***。

本頁內容