Einstieg in SAPUI5

Lernen Sie die UI-Technologie von SAP mit all ihren Funktionen kennen. Ob Anfängerin, Junior-Entwickler oder Dynpro-Profi dieses praktische Einsteigerbuch vermittelt Ihnen, wie Sie Webanwendungen mit SAPUI5 entwickeln. Dank der Beispiele zu den neuen Entwicklungsumgebungen Visual Studio Code und SAP Business Application Studio sowie nützlicher Gestaltungstipps gelingt Ihnen der Einstieg in SAPUI5 mühelos.

Aus dem Inhalt:

Erste Schritte in SAPUI5 und OpenUI5
JavaScript, CSS3 und HTML5
Entwicklungsumgebung einrichten
Laufzeitumgebung
Systemanbindung mit OData
SAP Fiori Apps
SAP Business Application Studio
Visual Studio Code

Einleitung . . . 13


Zum Aufbau des Buches . . . 14

Danksagung . . . 16

Danksagung zur dritten Auflage . . . 17



1. HTML5 und CSS3 . . . 19


1. 1 . . . Einführung in HTML5 . . . 20

1. 2 . . . Einführung in CSS . . . 34



2. JavaScript . . . 45


2. 1 . . . Grundlagen . . . 45

2. 2 . . . Variablen . . . 56

2. 3 . . . Operatoren . . . 59

2. 4 . . . Kontrollstrukturen - Bedingungen und Schleifen . . . 62

2. 5 . . . Document Object Model . . . 73

2. 6 . . . Ereignisse . . . 80



3. jQuery . . . 83


3. 1 . . . Grundlagen . . . 83

3. 2 . . . Selektoren und Ereignisse . . . 84

3. 3 . . . DOM-Manipulation . . . 92

3. 4 . . . AJAX . . . 96



4. Entwicklungsumgebung einrichten . . . 105


4. 1 . . . SAP Business Application Studio . . . 105

4. 2 . . . Visual Studio Code . . . 112

4. 3 . . . ECMAScript6-Entwicklung . . . 116

4. 4 . . . Vergleich von Visual Studio Code mit SAP Business Application Studio . . . 118



5. Erste Schritte in SAPUI5 . . . 119


5. 1 . . . Webentwicklung auf dem SAP NetWeaver Application Server ABAP . . . 120

5. 2 . . . Model-View-Controller-Architekturmuster . . . 128

5. 3 . . . SAPUI5-Entwicklungsprojekt anlegen . . . 130

5. 4 . . . SAPUI5-Demokit . . . 142

5. 5 . . . Ihre ersten SAPUI5-Anwendungen . . . 144

5. 6 . . . Debugging . . . 162



6. SAPUI5-Laufzeitumgebung . . . 169


6. 1 . . . Initialisierung der Anwendung . . . 169

6. 2 . . . Modelle zur Datenbindung . . . 195

6. 3 . . . Datenbindungstypen . . . 216



7. Weitere Techniken in SAPUI5 . . . 239


7. 1 . . . SAPUI5-Datentypisierung . . . 239

7. 2 . . . Layoutanpassungen . . . 248

7. 3 . . . Components . . . 266

7. 4 . . . Fragments . . . 290

7. 5 . . . Kundeneigene Controls . . . 298

7. 6 . . . Kommunikation mit dem SAP-Backend . . . 303



8. Systemanbindung mit OData . . . 309


8. 1 . . . Open Data Protocol . . . 309

8. 2 . . . SAP Gateway . . . 314

8. 3 . . . OData-Service implementieren . . . 315

8. 4 . . . OData-Service konsumieren . . . 337

8. 5 . . . Smart Controls . . . 362

8. 6 . . . Mit Mockdaten arbeiten . . . 368



9. Beispielentwicklung einer Portalanwendung . . . 371


9. 1 . . . User-Interface-Design entwerfen . . . 371

9. 2 . . . Datenmodell erstellen . . . 379

9. 3 . . . Benutzeroberfläche implementieren . . . 380



10. Beispielentwicklung einer SAP-Fiori-App . . . 447


10. 1 . . . Mobile Lösungen mit SAPUI5 entwickeln . . . 449

10. 2 . . . Anwendungsbeispiel . . . 452

10. 3 . . . Bereitstellung über das SAP Fiori Launchpad . . . 464



Über den Autor . . . 475


Index . . . 477