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範例元件範本***。