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準拠のデータのみをサポートします。実験的な双方向データバインディングをサポートします。