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
Inhaltsverzeichnis
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
