骨幹互動 backbone-interaction
骨幹是一個庫,可幫助在Web應用程式中建立和遵循MVC體系結構。 骨幹的基本思想是將介面組織成邏輯視圖,由模型支援,每個模型在模型更改時可獨立更新,而無需重繪頁面。 有關骨幹的詳細資訊,請參見 https://backbonejs.org.
一些重要概念如下:
骨幹模型 包含資料,以及與此資料相關的大部分邏輯。
骨幹視圖 用於表示相應模型的狀態。 骨幹視圖的行為實際上類似於控制器,監聽用戶介面事件(如用戶點擊)或模型事件(如資料更改),並酌情修改用戶介面。
HTML範本 包裝模板,該模板中填充了佔位符。
AEM Forms workspace 包含數個個別元件。 每個元件:
- 表示單個邏輯用戶介面元素。
- 可以是類似元件的集合。
- 由骨幹模型、骨幹視圖和HTML模板組成。
- 包含對服務的參考。
- 包含對必需實用程式的引用。
初始化元件時,會建立下列物件:
- 為元件建立新的骨幹模型實例。 服務會插入模型中。
- 建立「骨幹」視圖的新實例。
- 相應模型、HTML模板和實用程式的實例將插入到視圖中。
在「骨幹網」視圖中,有一個事件映射,它映射由於用戶介面與相應處理程式交互而產生的各種事件。 初始化元件後,就會啟動此映射。
初始化檢視時,檢視會呼叫其對應的模型,從伺服器擷取資料。 一旦檢視所需的所有資料都可用後,檢視就會以HTML範本指定的格式轉譯資料。 多個視圖可共用同一模型進行通信。
範例:
- 用戶按一下任務清單中的任務模板。
- 任務視圖監聽該點擊,並調用任務模型上的呈現函式。
- 任務模型隨後會呼叫服務,此服務是所有與AEM Forms伺服器通訊的共同點。
- 服務類別會透過ajax呼叫AEM Forms REST端點以取得呈現方法。
- 此Ajax呼叫的成功回呼是在任務模型中定義。
- 任務模型會將骨幹事件引發為呈現呼叫完成的通知。
- 另一個視圖,任務詳細資訊視圖從任務模型監聽此事件。
- 然後,任務詳細資訊視圖將更改任務詳細資訊模板,以向用戶顯示呈現的任務(表單、詳細資訊、附件、附註等)。
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da