Auf einen Blick. TEIL I Einführung 1 SAPUI5 auf einen Blick Architektur... 43

Transkript

1 Auf einen Blick TEIL I Einführung 1 SAPUI5 auf einen Blick Architektur TEIL II SAPUI5 in Aktion Entwicklung von Anwendungen 3 Hello, SAPUI5 World Aufbau von MVC-Anwendungen Modelle und Bindings CRUD-Operationen Einsatz von OData Anwendungsmuster und -beispiele Weiterführende Konzepte TEIL III Der letzte Schliff 10 Enterprisetaugliche Anwendungen erzeugen Debuggen und Testen von Code Was Sie nicht tun sollten

2 Einleitung TEIL I Einführung 1 SAPUI5 auf einen Blick Was ist SAPUI5, und wo ist es erhältlich? Entstehung und Entwicklung Funktionen SAPUI5-Demokit Model View Controller in SAPUI Browserübergreifende Kompatibilität Themes Lokalisierung Barrierefreiheit Open Source in SAPUI Anwendungsfälle Produktvergleich SAPUI5 und OpenUI Fazit Architektur Die Bibliotheken MVC-Überblick MVC-Interaktion Instanziierung des Views und Controller- Lebenszyklus Architektur einer typischen SAPUI5-Anwendung Klassenhierarchien Vererbung für Controls Vererbung für Modelle Fazit

3 TEIL II SAPUI5 in Aktion Entwicklung von Anwendungen 3 Hello, SAPUI5 World Richtlinien für die Programmierung Globale Variablen Private Objektmitglieder Codeformatierung Namenskonventionen für Variablen Einrichtung Einrichten Ihrer HTML-Startseite Bootstrapping in SAPUI Hinzufügen eines einfachen Controls Definieren eines Event-Handlers Einfacher Event-Handler Verwenden von Ereignisinformationen innerhalb eines Event-Handlers Komplexe Controls Aggregationen Assoziationen API der Controls Layouts Fazit Aufbau von MVC-Anwendungen Modelle, Views und Controller Struktur Übersicht über die Anwendung Aufbau der ersten Seite Programmierung von Tabellen Aufbau eines einfachen Views Namensräume und Ressourcenpfad Erstellen des JavaScript-Master-Views Erstellen des Master-Controllers Erstellen eines Detail-Views und eines Controllers Typen von Views XML-Views Transformieren von JavaScript-Views in XML-Views Komponenten Erstellen der Component-Datei Hinzufügen einer Shell zur Component-Datei Optimieren des Aussehens einer Tabelle Component Metadata Speichern der hartcodierten Modelldaten in einer separaten Datei data.json Routing Konfiguration des Routings Initialisierung des Routers Anpassen des Anwendungs-Views Verwenden des Routings innerhalb des Master-Controllers Verwenden des Routings innerhalb des Detail-Controllers Anwendungsdeskriptor Fazit Modelle und Bindings Verwenden von Modellen ein JSON-Beispiel Instanziierung und Laden der Daten Zugriff auf Modellwerte Property Binding Methoden zum Binden der Eigenschaft eines Controls Verwenden von Datentypen Definieren eines eigenen Datentyps Verwenden von Formatierungen Aggregation Binding bindaggregation Verwenden einer Factory Element Binding Expression Binding und berechnete Felder Berechnete Felder Expression Binding Ressourcenmodelle und Internationalisierung Dateispeicherort Dateinamenskonvention Codepage Verwenden eines Ressourcenmodells

4 5.8 View-Modelle und das Gerätemodell Verwenden von View-Modellen Verwenden des Gerätemodells Fazit CRUD-Operationen Was ist REST? Was ist CRUD? Herstellen einer Verbindung zu REST-Services Konfigurieren eines Mock-Service Erweitern des JSON-Modells Verwenden von CRUD-Operationen Bearbeiten eines vorhandenen Eintrags Erstellen eines neuen Eintrags Löschen eines Eintrags Sortieren, Filtern und Gruppieren in JSON-Modellen Sortieren Filtern Gruppieren Fazit Einsatz von OData OData auf einen Blick Northwind-OData-Service Servicedokument Servicemetadatendokument Zugreifen auf Daten OData-Modell auf einem Blick Servicemetadaten Instanziieren des OData-Modells in der SAP Web IDE Lesen der Daten Manuelles Lesen der Daten Zugreifen auf Daten über Data Binding Best Practices Anzeigen zusätzlicher Produktinformationen Anzeigen der Navigationseigenschaften Filtern, Sortieren, Erweitern und Gruppieren Filtern mit $filter Sortieren mit $orderby Erweiternmit $expand Gruppieren mit group Paging und Schwellenwerte Batch-Modus Unidirektionale und bidirektionale Bindungen Unidirektionale Bindung Bidirektionale Bindung Schreiben von Daten Erstellen eines Eintrags Aktualisieren eines Eintrags Löschen eines Eintrags Funktionsimporte Parallelitätssteuerung Fazit Anwendungsmuster und -beispiele Layouts Full-Screen-Layout sap.m.app Split-Screen-Layout sap.m.splitapp Floor-Plans Arbeitsvorrat Master-Detail Weitere Anwendungsfunktionen notfound-behandlung Fehlerbehandlung Busy-Handling Letterbox-Format Kopf- und Fußzeilen Ausführen von Anwendungen im SAP Fiori Launchpad SAP Fiori Launchpad Sandbox Anwendungsübergreifende Navigation Registrieren und Ausführen im Produktivsystem SAP-Fiori-Referenz-Apps Manage-Products-App Shop-App Fazit Weiterführende Konzepte Schreiben eigener Controls Struktur der Controls in SAPUI

5 9.1.2 Implementieren eines zusammengesetzten Controls Verwenden von Fragmenten Erstellen von Fragmenten Integrieren von Fragmenten in Views Verwenden von Dialogen in Fragmenten SAP-OData-Annotations Benutzerdefinierte SAP-OData-2.0-Annotations OData-4.0-Annotations Smart Controls Smart Tables und Smart Filter Bar Smart Form und Smart Fields mit Wertehilfe Smart Templates Fazit TEIL III Der letzte Schliff 10 Enterprisetaugliche Anwendungen erzeugen Themes erstellen Manuelle Formatierung UI Theme Designer Sicherheit Eingabevalidierung Cross-Site Scripting URLs und Filtern mit Positivliste frameoptions und zentrale Positivlisten Performance Bündeln und Vorabladen der Komponente Minifizierung und Uglity-Prozess Barrierefreiheit Bedeutung von Inklusion und Barrierefreiheit Barrierefreiheitsfunktionen in SAPUI Barrierefreiheit für Anwendungen Fazit Debuggen und Testen von Code Debuggen Hilfreiche Tricks Unterstützende Tools zum Debuggen Schreiben von Unit-Tests Einrichten einer QUnit-Testseite Schreiben eines Unit-Tests für eigene Controls Unit-Tests für Apps One-Page-Acceptance-Tests Architektur OPA-Teststruktur Schreiben von waitfor-funktionen Schreiben von OPA-Tests Behandlung des Anwendungslebenszyklus Strukturieren von Tests mit Seitenobjekten Vollständige Einrichtung von Anwendungstests Simulieren von Daten mit dem Mock-Server Grundlegende Instanziierung und Konfiguration Erweiterte Konzepte und Konfiguration Linting-Code Fazit Was Sie nicht tun sollten Worst Practices Komplett verkorkste Anwendungsformatierung Ignorieren der allgemeinen Regeln in der SAPUI5- Anwendungsentwicklung Performance negativ beeinflussen So machen Sie Ihre Apps bei Updates funktionsunfähig Verwenden von privaten und geschützten Methoden oder Eigenschaften in SAPUI Verwenden von veralteten oder experimentellen APIs Erweitern von SAPUI5-Controls Fazit Anhang A IDE-Einrichtung B Zugriff auf das Backend C Deployment von Anwendungen D Cheat Sheets E Weitere Ressourcen F Das Autorenteam Index