SAPFiori-UI5の概念

SAP UI5は、マルチプラットフォームのビジネスアプリケーションを設計するために使用されるJavaスクリプトベースのフレームワークです。デスクトップおよびモバイルアプリケーションを実行するさまざまなデータモデルとビューをサポートします。SAP UI5はオープンAjaxでコンパイルされ、JavaScriptライブラリと組み合わせることができます。

SAP UI5 当初はフェニックスと名付けられていましたが、後に変更されました SAP UI5 2011年に。

主要なUIテクノロジー

  • Web Dynpro ABAPおよびフロアプランマネージャツールを使用して、新しいアプリケーションを作成することができます。

  • 新しいアプリケーションを変更または開発するためのSAPUI5およびUI5アプリケーション開発ツール。

  • SAP Dynproは、GUI最適化のためのScreenPersonasを含めるために使用されます

SAPUI5の特徴

SAPUI5の特徴は次のとおりです。

  • よく設計されたモデルで、使いやすい。
  • SAP標準に準拠して最適化されたパフォーマンス
  • Ajaxオープンソースをサポートする
  • JavaScriptライブラリが含まれています
  • 拡張可能なUIコンポーネントモデル
  • Ajax、JavaScript、CSS、HTML5などのオープンスタンダードに基づいています。

主要コンポーネント–クライアントおよびサーバーSAP UI5-

Client

  • JavaScriptライブラリ、画像ファイル
  • コアJavaScriptファイル
  • テストスイートのHTMLファイルとJavaScriptファイル

Server

  • アプリケーション開発ツール
  • テーマジェネレータ
  • Javaのリソースハンドラ
  • コントロール開発ツール

UI5 Browser Support

SAP UI5は、すべての主要なWebブラウザーと、IE、Mozilla Firefox、Google Chrome、Safariなどの最新バージョンをサポートしています。

SAPUI5アーキテクチャ

SAP UI5アーキテクチャは、jQueryを含むコアJavaScriptフレームワークで構成されています。これは、拡張ライブラリのコントロールとテーマで構成されています。オプションのサーバーコンポーネントがあります。

UI5コントロールライブラリ

一般 SAP UI5 コントロールライブラリを以下に示します。

  • Sap.ui.commons −これには、テキストフィールド、ボタン、フォントなどのコントロールが含まれます。

  • Sap.ui.table −これには、行、列などのテーブルコントロールが含まれます。

  • Sap.ui.ux3 −これにはUX3パターンのプロパティが含まれます。

  • Sap.m −これには、携帯電話、タブレットなどのモバイルデバイスのコントロールが含まれます。

SAPUI5と拡張性

  • SAP UI5は、アプリケーション開発者の拡張性をサポートし、JavaScript、HTML、UI5ベースのページを追加できます。

  • これにより、新しいUIライブラリと新しいコントロールを作成できます。

  • UI5コア用のプラグインを作成します。

  • 既存のUI5コントロールからコントロールを作成します。

  • 他のJavaScriptライブラリが含まれています

Model-View-Controllerの概念

MVCは3つの概念で構成されています。ビューは、Javaスクリプト、HTMLなどのさまざまな言語を使用して定義できます。コントローラはビ​​ューをバインドするために使用され、モデルはビューで使用されます。

Views −混合またはスタンドアロンのHTMでXMLを使用して定義できます

  • XML −(sap.ui.core.mvc.xmlview)

  • JavaScript −(sap.ui.core.mvc.JSView)

  • JSON −(sap.ui.core.mvc.JSONView)

  • HTML −(sap.ui.core.mvc.HTMLView)

Controller−コントローラーはビューにバインドされています。複数のビューで使用することもできます

Model −ビューでデータバインディングを使用できます。

異なるタイプのビューの比較

さまざまなタイプのビューの比較を表に示します。

SAPUI5データバインディング

データバインディングは、アプリケーションデータを保持するためにデータソースへのUI5コントロールで使用されます。これにより、アプリケーションデータに変更があった場合はいつでも、コントロールを自動的に変更できます。

双方向データバインディングを使用すると、バインドされたコントロールの値が変更されるたびにアプリケーションデータが更新されます。

データバインディングは、テストボタン、リストタイプコントロールなどの単純なコントロールのバインディングをサポートします。

データバインディングモデルタイプ

SAP UI5は、3種類のモデル実装をサポートしています-

  • JSON Model−JavaScriptオブジェクト表記形式のデータをサポートします。双方向のデータバインディングをサポートします。

  • XML Model−XMLデータをサポートします。双方向のデータバインディングをサポートします。

  • OData Model− OData要求を作成し、それに応じて応答を処理します。OData準拠のデータのみをサポートします。実験的な双方向データバインディングをサポートします。