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.1.1 Grundgerüst eines HTML-Dokuments

20

1.1.2 Wichtige Sprachelemente

25

1.2 Einführung in CSS

34

1.2.1 Allgemeiner Aufbau

35

1.2.2 CSS in HTML einbinden

35

1.2.3 Selektoren

39

1.2.4 Beispiel

42

2 JavaScript

45

2.1 Grundlagen

45

2.1.1 Protokollierung

46

2.1.2 Positionierung von JavaScript-Code

47

2.1.3 Kommentare

48

2.1.4 Funktionen

48

2.1.5 Objekte

51

2.2 Variablen

56

2.3 Operatoren

59

2.3.1 Rechenoperatoren

59

2.3.2 Inkrement- und Dekrementoperatoren

60

2.3.3 Zuweisungsoperatoren

60

2.3.4 Vergleichsoperatoren

61

2.3.5 Operator »typeof«

61

2.3.6 Logische Operatoren

62

2.4 Kontrollstrukturen - Bedingungen und Schleifen

62

2.4.1 if-Anweisung

63

2.4.2 switch-Anweisung

64

2.4.3 for-Schleife

66

2.4.4 while-Schleife

68

2.4.5 do...while-Schleife

70

2.4.6 for...in-Schleife

70

2.4.7 for...of-Schleife

72

2.5 Document Object Model

73

2.5.1 DOM-Baum

74

2.5.2 Elemente ansprechen

74

2.5.3 DOM-Manipulation

75

2.6 Ereignisse

80

3 jQuery

83

3.1 Grundlagen

83

3.2 Selektoren und Ereignisse

84

3.2.1 Selektoren

85

3.2.2 Ereignisse

90

3.3 DOM-Manipulation

92

3.4 AJAX

96

4 Entwicklungsumgebung einrichten

105

4.1 SAP Business Application Studio

105

4.1.1 SAP-Konto anlegen

105

4.1.2 Trial-Account anlegen

107

4.2 Visual Studio Code

112

4.2.1 Visual Studio Code installieren

112

4.2.2 Nützliche Plug-ins und Tools

114

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.3.1 Projekt im SAP Business Application Studio anlegen

130

5.3.2 Projekt öffnen

134

5.3.3 Anwendung im SAP Business Application Studio ausführen

135

5.3.4 Vorhandenes Projekt ins SAP Business Application Studio importieren

138

5.3.5 Projekt in Visual Studio Code anlegen

140

5.3.6 Anwendung in Visual Studio Code ausführen

141

5.3.7 Vorhandenes Projekt in Visual Studio Code importieren

142

5.4 SAPUI5-Demokit

142

5.5 Ihre ersten SAPUI5-Anwendungen

144

5.5.1 SAPUI5-Anwendung entwickeln

145

5.5.2 Anwendung in das Backend laden

155

5.5.3 Download und Import der Beispiele

160

5.6 Debugging

162

5.6.1 Eigene Ressourcen debuggen

162

5.6.2 Core-Komponenten debuggen

167

6 SAPUI5-Laufzeitumgebung

169

6.1 Initialisierung der Anwendung

169

6.1.1 Bootstrapping

170

6.1.2 Generierung des Model-View-Controller-Musters in SAPUI5

178

6.2 Modelle zur Datenbindung

195

6.2.1 JSON Model

199

6.2.2 XML Model

209

6.2.3 Resource Model

212

6.2.4 OData Model

216

6.3 Datenbindungstypen

216

6.3.1 Property Binding

217

6.3.2 Aggregation Binding

218

6.3.3 Element Binding

225

6.3.4 Named Binding

230

6.3.5 Extended Data Binding

231

6.3.6 Complex Binding

231

6.3.7 Data Types

234

6.3.8 Expression Binding

235

6.3.9 Custom Data Binding

236

7 Weitere Techniken in SAPUI5

239

7.1 SAPUI5-Datentypisierung

239

7.1.1 Datum

240

7.1.2 Uhrzeit

241

7.1.3 Datum und Uhrzeit

241

7.1.4 Datentypisierung zur Eingabeprüfung verwenden

242

7.1.5 Eigene Datentypen

244

7.2 Layoutanpassungen

248

7.2.1 CSS anpassen

248

7.2.2 UI Theme Designer

252

7.2.3 Standardabstände

264

7.3 Components

266

7.3.1 View kontextabhängig laden

270

7.3.2 Navigation

271

7.3.3 Fehlerseite bei falschem Aufruf

280

7.3.4 View-übergreifende Werteübergabe

284

7.4 Fragments

290

7.4.1 Dynamisches Fragment in einem View

290

7.4.2 Fragment als Pop-up-Fenster

294

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.3.1 Service definieren

316

8.3.2 Service implementieren

322

8.3.3 Service aktivieren

332

8.3.4 Service testen

334

8.4 OData-Service konsumieren

337

8.4.1 Datenbindung

338

8.4.2 Query-Optionen

343

8.4.3 CRUD-Operationen

350

8.4.4 Batch-Verarbeitung

354

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

9.3.1 Grundgerüst der Portalanwendung

380

9.3.2 Home-View

395

9.3.3 Routenplaner

401

9.3.4 Aufgabenliste

416

9.3.5 Zeiterfassung

423

9.3.6 Urlaubsantrag

436

10 Beispielentwicklung einer SAP-Fiori-App

447

10.1 Mobile Lösungen mit SAPUI5 entwickeln

449

10.2 Anwendungsbeispiel

452

10.2.1 Grundgerüst der Anwendung

452

10.2.2 Grundgerüst erweitern

458

10.3 Bereitstellung über das SAP Fiori Launchpad

464

10.3.1 Semantisches Objekt pflegen

464

10.3.2 SAP Fiori Launchpad Administrator

465

10.3.3 Berechtigungen anlegen

471