SAP Fiori - UI5-Konzepte

SAP UI5ist ein Java-Skript-basiertes Framework, das zum Entwerfen von Geschäftsanwendungen für mehrere Plattformen verwendet wird. Es unterstützt verschiedene Datenmodelle und Ansichten für Desktop- und mobile Anwendungen. SAP UI5 wird unter offenem Ajax kompiliert und kann mit Java-Skriptbibliotheken kombiniert werden.

SAP UI5 wurde ursprünglich Phönix genannt, der später in geändert wurde SAP UI5 in 2011.

Wichtige UI-Technologien

Das Web Dynpro ABAP- und Floorplan Manager-Tool kann zum Erstellen neuer Anwendungen verwendet werden.
SAP UI5- und UI5-Anwendungsentwicklungstools zum Ändern, Anpassen oder Entwickeln neuer Anwendungen.
SAP Dynpro wird verwendet, um Screen Personas für die GUI-Optimierung einzuschließen

Merkmale von SAP UI5

Die Merkmale von SAP UI5 sind wie folgt:

Gut gestaltete Modelle, einfach zu konsumieren.
Leistung optimiert gemäß SAP-Standards
Unterstützt Ajax Open Source
Beinhaltet eine JavaScript-Bibliothek
Erweiterbares UI-Komponentenmodell
Basierend auf offenen Standards wie Ajax, JavaScript, CSS und HTML 5.

Schlüsselkomponenten - Client und Server SAP UI5 -

Client

JavaScript-Bibliothek, Bilddateien
Kern-JavaScript-Dateien
Testen Sie die HTML- und JavaScript-Dateien der Suite

Server

Tools zur Anwendungsentwicklung
Theming Generator
Ressourcenhandler in Java
Steuerungsentwicklungstools

UI5 Browser Support

SAP UI5 unterstützt alle wichtigen Webbrowser und neuesten Versionen wie IE, Mozilla Firefox, Google Chrome und Safari.

SAP UI5-Architektur

Die SAP UI5-Architektur besteht aus dem JavaScript-Kernframework einschließlich jQuery. Es besteht aus Steuerelementen und Themen der Erweiterungsbibliotheken. Es verfügt über optionale Serverkomponenten.

UI5-Steuerbibliotheken

Verbreitet SAP UI5 Kontrollbibliotheken sind unten angegeben.

Sap.ui.commons - Dies umfasst Steuerelemente wie Textfelder, Schaltflächen, Schriftarten usw.
Sap.ui.table - Dies schließt die Tabellensteuerelemente wie Zeilen, Spalten usw. ein.
Sap.ui.ux3 - Dies beinhaltet Eigenschaften für UX3-Muster.
Sap.m - Dies umfasst Steuerelemente für mobile Geräte wie Handys, Tablets usw.

SAP UI5 und Erweiterbarkeit

SAP UI5 unterstützt die Erweiterbarkeit für Anwendungsentwickler und ermöglicht das Hinzufügen von JavaScript-, HTML- und UI5-basierten Seiten.
Es ermöglicht das Schreiben neuer UI-Bibliotheken und neuer Steuerelemente.
Schreiben Sie Plug-Ins für den UI5-Kern.
Erstellen Sie Steuerelemente aus vorhandenen UI5-Steuerelementen.
Enthält andere JavaScript-Bibliotheken

Model-View-Controller-Konzept

MVC besteht aus drei Konzepten. Ansichten können in verschiedenen Sprachen wie Java-Skripten und HTML definiert werden. Der Controller wird zum Binden der Ansichten verwendet, und Modelle werden mit Ansichten verwendet.

Views - Es kann mithilfe von XML mit HTM, gemischt oder eigenständig definiert werden

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- Controller sind an eine Ansicht gebunden. Es kann auch mit mehreren Ansichten verwendet werden

Model - Die Datenbindung kann für die Ansichten verwendet werden.

Vergleich verschiedener Arten von Ansichten

Ein Vergleich verschiedener Arten von Ansichten ist in der Tabelle angegeben.

SAP UI5 Datenbindung

Datenbindung wird verwendet UI5-Steuerelemente an eine Datenquelle, um die Anwendungsdaten zu speichern. Sie ermöglicht es, die Steuerelemente automatisch zu ändern, wenn sich die Anwendungsdaten ändern.

Wenn Sie die bidirektionale Datenbindung verwenden, werden die Anwendungsdaten immer dann aktualisiert, wenn sich der Wert eines gebundenen Steuerelements ändert.

Die Datenbindung unterstützt das Binden einfacher Steuerelemente wie Testschaltflächen, Steuerelemente für Listentypen usw.

Datenbindungsmodelltypen

SAP UI5 unterstützt drei Arten der Modellimplementierung:

JSON Model- Es unterstützt Daten im JavaScript-Objektnotationsformat. Es unterstützt die bidirektionale Datenbindung.
XML Model- Es unterstützt XML-Daten. Es unterstützt die bidirektionale Datenbindung.
OData Model- Es erstellt OData-Anforderungen und behandelt die Antworten entsprechend. Es werden nur OData-kompatible Daten unterstützt. Es unterstützt die experimentelle bidirektionale Datenbindung.