Sap-fiori-ui5-concepts

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

SAP Fiori-UI5の概念

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

主要なUIテクノロジー

  • Web Dynpro ABAPおよびFloorplan Managerツールを使用して、新しいアプリケーションを作成できます。
  • SAP UI5およびUI5アプリケーション開発ツールにより、新しいアプリケーションを変更または開発できます。
  • SAP Dynproは、GUI最適化のためにScreen Personasを含めるために使用されます

SAP UI5の特性

SAP UI5の特徴は次のとおりです-

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

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

クライアント

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

サーバ

  • アプリケーション開発ツール
  • テーマ生成プログラム
  • Javaのリソースハンドラー
  • コントロール開発ツール
  • UI5ブラウザのサポート*

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

UI5ブラウザーサポート

SAP UI5アーキテクチャ

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

UI5アーキテクチャ

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

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

  • Sap.ui.commons -これには、テキストフィールド、ボタン、フォントなどのコントロールが含まれます。
  • Sap.ui.table -これには、行、列などのテーブルコントロールが含まれます。
  • Sap.ui.ux3 -これには、UX3パターンのプロパティが含まれます。
  • Sap.m -これには、携帯電話、タブレットなどのモバイルデバイスのコントロールが含まれます。

SAP UI5と拡張性

  • SAP UI5は、アプリケーション開発者向けの拡張性をサポートし、JavaScript、HTML、UI5ベースのページを追加できます。
  • 新しいUIライブラリと新しいコントロールを作成できます。
  • UI5コア用のプラグインを作成します。
  • 既存のUI5コントロールからコントロールを作成します。
  • 他のJavaScriptライブラリが含まれています

モデルビューコントローラーのコンセプト

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

ビュー-XMLを使用してHTM、混合またはスタンドアロンで定義できます

  • 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* -コントローラーはビューにバインドされます。 複数のビューで使用することもできます

モデル-データバインディングをビューで使用できます。

コントローラー

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

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

テーブル

SAP UI5データバインディング

データバインディングは、データソースへのUI5コントロールを使用して、アプリケーションデータを保持します。 アプリケーションデータに変更があるたびに、コントロールを自動的に変更できます。

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

データバインディング

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

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

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

  • * JSONモデル*-JavaScript Object Notation形式のデータをサポートします。 双方向のデータバインディングをサポートします。
  • * XMLモデル*-XMLデータをサポートします。 双方向のデータバインディングをサポートします。
  • * ODataモデル*-OData要求を作成し、それに応じて応答を処理します。 OData準拠のデータのみをサポートします。 実験的な双方向データバインディングをサポートしています。
「https://www.finddevguides.com/index.php?title=Sap-fiori-ui5-concepts&oldid=8181」から取得
Powered by MediaWiki