Sap-ui5-mvc-concept

提供:Dev Guides
移動先:案内検索

SAP UI5-MVCコンセプト

Model-View-Controller(MVC)の概念は、アプリケーションデータをユーザーの操作から分離するためにSAP UI5開発で使用されます。 これにより、Webアプリケーションを開発し、アプリケーションに個別に変更を加えることができます。

Model-View-ControllerはUI開発で異なる役割を果たします-

  • *モデル*は、データベース/バックエンド内のアプリケーションデータを管理します。
  • View は、ユーザーへのユーザーインターフェイスを定義します。 ユーザーがデバイスからリクエストを送信すると、ビューは送信されたリクエストごとにデータビューを担当します。
  • Controller は、ビューとモデルを更新することにより、ユーザー操作ごとにデータを制御し、イベントを表示するために使用されます。

コントローラー

次の機能を使用して、SAPUI5でModel-View-Controllerの概念を定義できます-

モデル

  • モデルは、ビューとアプリケーションデータの間のブリッジとして機能します。
  • モデルは、ビューからリクエストを取得し、ユーザーの入力に従って応答するために使用されます。
  • モデルはクラスに依存しません。

View

  • ビューは、ユーザーへの情報表示を管理する責任があります。
  • ビューはモデルに基づいています。

コントローラ

  • コントローラーは、デバイスから与えられた入力を取得し、モデル/ビューと通信して正しいアクションをトリガーします。
  • コントローラはモデルに基づいています。

SAP UI5は、単一ファイルの形式でビューとコントローラーを提供します-

  • sap.ui.core.mvc.XMLView
  • sap.ui.core.mvc.JSView
  • sap.ui.core.mvc.Controller
  • sap.ui.core.mvc.JSONView

JSONモデル

  • JSONモデルはクライアント側のモデルであり、小さなデータセットに使用されます。
  • JSONモデルは双方向バインディングをサポートしています。 データバインディングの概念については、このチュートリアルの後半で説明します。
  • JSONモデルを使用して、コントロールをJavaScriptオブジェクトデータにバインドできます。

XMLモデル

  • XMLモデルを使用して、コントロールをXMLデータにバインドできます。
  • XMLはクライアント側モデルでもあるため、小さなデータセットにのみ使用されます。
  • XMLモデルは、サーバーベースのページングやデルタのロードのメカニズムを提供しません。
  • XMLモデルは、双方向のデータバインディングもサポートしています。