Backbone は、Web アプリケーションで MVC アーキテクチャを作成およびフォローするのに役立つライブラリです。 Backbone の基本的な考え方は、インターフェイスをモデルに基づいた論理ビューに編成することです。モデルが変更された場合に、ページを再描画する必要なく、それぞれを個別に更新できます。 Backbone について詳しくは、https://backbonejs.org を参照してください。
いくつかの主要な概念を次に示します。
Backbone モデル:データと、このデータに関連付けられたほとんどのロジックが含まれています。
Backbone ビュー:対応するモデルの状態を表示するために使用します。Backbone ビューは実際にはコントローラと同じように動作します。ユーザーがクリックするなどのユーザーインターフェイスイベントやモデルイベント(データが変更されたなど)をリッスンし、ユーザーインターフェイスを適宜変更します。
HTML テンプレート:モデルによって生成されたプレースホルダーがある、ラッパーテンプレート。
AEM Forms ワークスペース:複数の個別コンポーネントが含まれます。各コンポーネント:
コンポーネントを初期化すると、次のオブジェクトが作成されます。
Backbone ビューには、対応するハンドラとのユーザーインターフェイスインタラクションによって発生する可能性のある様々なイベントをマッピングするイベントマップがあります。 このマッピングは、コンポーネントが初期化されると開始されます。
ビューが初期化されると、ビューは対応するモデルを呼び出して、サーバからデータを取得します。 ビューによって要求されたすべてのデータが使用可能になると、ビューはデータを HTML テンプレートによって指定された形式にレンダリングします。複数のビューで、通信用に同じモデルを共有することが可能です。
例: