SAPUI5
The Comprehensive Guide
1st Edition
Published on 22. May 2025
Book
Hardback
776 pages
978-1-4932-2660-3 (ISBN)
Description
From web apps to user interfaces, get the skills you need to develop with SAPUI5! Master the fundamentals-design guidelines, IDEs, TypeScript, and more-and then dive into development. Create your first application and learn about SAPUI5's libraries, controls, layouts, and managed objects. Integrate data into your applications using RESTful and OData services, and then enhance them with SAP Fiori elements and custom controls. With information on deployment, debugging, security, and generative AI, this guide has everything you need to become an SAPUI5 expert!
Highlights include:
1) Infrastructure
2) TypeScript
3) Modules
4) Data binding
5) Navigation
6) RESTful services
7) OData services
8) Deployment
9) Security
10) SAP Fiori elements
11) SAP Build Code
12) Git
More details
Persons
Content
... Preface ... 19
... Aim and Structure of the Book ... 19
... Why This Book? ... 20
I ... Part I Basics ... 21
1 ... Introduction to SAPUI5 ... 23
1.1 ... History of SAPUI5 ... 23
1.2 ... Comparing SAPUI5, SAP Fiori, OpenUl5, and Ul5 Web Components ... 26
1.3 ... SAP Fiori Design Guidelines ... 31
1.4 ... SAP Fiori Launchpad ... 48
1.5 ... Documentation and Additional Resources ... 56
1.6 ... Summary ... 59
2 ... Infrastructure ... 61
2.1 ... SAP Business Technology Platform ... 62
2.2 ... Development Environments ... 94
2.3 ... Summary ... 108
3 ... TypeScript ... 109
3.1 ... Basics ... 109
3.2 ... Next-Generation TypeScript ... 115
3.3 ... Classes and Interfaces ... 119
3.4 ... Generics ... 129
3.5 ... Module Development ... 134
3.6 ... Summary ... 136
II ... Part II Development ... 137
4 ... First Steps in SAPUI5 Development ... 139
4.1 ... Create Your Application ... 139
4.2 ... Explore the Application Structure ... 147
4.3 ... Model View Controller Design Pattern ... 155
4.4 ... Application Launch ... 182
4.5 ... Summary ... 186
5 ... Modules ... 187
5.1 ... Define a Module ... 187
5.2 ... Libraries ... 189
5.3 ... Controls ... 198
5.4 ... Layouts ... 228
5.5 ... Managed Objects ... 247
5.6 ... Summary ... 248
6 ... Data Binding ... 251
6.1 ... Binding Modes ... 252
6.2 ... Property Binding ... 255
6.3 ... Aggregation Binding ... 263
6.4 ... Element Binding ... 269
6.5 ... Expression Binding ... 273
6.6 ... Summary ... 276
7 ... Routing and Navigation ... 277
7.1 ... Example Scenario ... 278
7.2 ... General Concepts ... 279
7.3 ... Patterns ... 281
7.4 ... Routing Events ... 329
7.5 ... App-to-App Navigation ... 330
7.6 ... Summary ... 337
III ... Part III Data Integration ... 339
8 ... REST Integration ... 341
8.1 ... JSON Model ... 342
8.2 ... Axios ... 356
8.3 ... Summary ... 368
9 ... OData Service Integration ... 369
9.1 ... The OData Protocol in SAP ... 369
9.2 ... Metadata Document ... 376
9.3 ... Testing OData Services ... 380
9.4 ... CRUD Operations ... 381
9.5 ... Query Options ... 384
9.6 ... Adding OData Services to SAPUI5 Projects ... 386
9.7 ... Summary ... 388
10 ... OData Version 2 Model ... 389
10.1 ... OData Model ... 390
10.2 ... CRUD Operations ... 399
10.3 ... Function Import ... 405
10.4 ... Summary ... 408
11 ... OData Version 4 Model ... 409
11.1 ... OData Model ... 410
11.2 ... Batch Groups ... 416
11.3 ... Binding Contexts ... 418
11.4 ... CRUD Operations ... 422
11.5 ... Side Effects ... 425
11.6 ... Actions ... 432
11.7 ... Summary ... 436
IV ... Part IV Advanced Development Techniques ... 437
12 ... Advanced SAPUI5 ... 439
12.1 ... Modularization ... 439
12.2 ... Localization ... 455
12.3 ... File Upload ... 459
12.4 ... Drag and Drop ... 474
12.5 ... Input and Form Validation ... 480
12.6 ... Error Handling ... 495
12.7 ... Smart Controls ... 497
12.8 ... Summary ... 507
13 ... Custom Control Development ... 509
13.1 ... Extending Controls ... 509
13.2 ... Implementing Custom Controls ... 516
13.3 ... Libraries ... 522
13.4 ... Summary ... 532
14 ... SAP Fiori Elements ... 533
14.1 ... Floorplans ... 534
14.2 ... Flexible Programming Model ... 547
14.3 ... Extensibility ... 562
14.4 ... Summary ... 584
V ... Part V Administration and Developer Productivity ... 585
15 ... Git ... 587
15.1 ... Local and Remote Repositories ... 589
15.2 ... Essential Git Commands ... 596
15.3 ... Working with the Git Command-Line Interface ... 611
15.4 ... Conflict Resolution ... 624
15.5 ... IDE and Git Integration ... 627
15.6 ... Summary ... 637
16 ... Deployment ... 639
16.1 ... Manual Deployment ... 640
16.2 ... Automated Deployment with the SAP Continuous Integration and Delivery Service ... 652
16.3 ... Summary ... 666
17 ... SAP Fiori Launchpad Configuration ... 667
17.1 ... General Concepts ... 668
17.2 ... On-Premise Configuration for SAP S/4HANA ... 672
17.3 ... SAP Build Work Zone, Standard Edition ... 684
17.4 ... Summary ... 698
18 ... Debugging and Code Quality ... 699
18.1 ... Browser Developer Tools ... 700
18.2 ... Support Assistant ... 708
18.3 ... UI5 Inspector ... 711
18.4 ... Diagnostics ... 714
18.5 ... Static Code Analysis ... 715
18.6 ... Testing ... 718
18.7 ... Summary ... 729
19 ... Security ... 731
19.1 ... Content Security ... 732
19.2 ... Browser Security ... 733
19.3 ... Transport Security ... 740
19.4 ... Server Security ... 740
19.5 ... Summary ... 741
20 ... SAP Build Code ... 743
20.1 ... Introduction to Generative AI ... 744
20.2 ... Installation and Configuration of SAP Build Code ... 746
20.3 ... Create a Basic Project ... 754
20.4 ... Use Cases in SAPUI5 Development ... 757
20.5 ... Summary ... 765
1 ... The Authors ... 767
... Index ... 769
... Aim and Structure of the Book ... 19
... Why This Book? ... 20
I ... Part I Basics ... 21
1 ... Introduction to SAPUI5 ... 23
1.1 ... History of SAPUI5 ... 23
1.2 ... Comparing SAPUI5, SAP Fiori, OpenUl5, and Ul5 Web Components ... 26
1.3 ... SAP Fiori Design Guidelines ... 31
1.4 ... SAP Fiori Launchpad ... 48
1.5 ... Documentation and Additional Resources ... 56
1.6 ... Summary ... 59
2 ... Infrastructure ... 61
2.1 ... SAP Business Technology Platform ... 62
2.2 ... Development Environments ... 94
2.3 ... Summary ... 108
3 ... TypeScript ... 109
3.1 ... Basics ... 109
3.2 ... Next-Generation TypeScript ... 115
3.3 ... Classes and Interfaces ... 119
3.4 ... Generics ... 129
3.5 ... Module Development ... 134
3.6 ... Summary ... 136
II ... Part II Development ... 137
4 ... First Steps in SAPUI5 Development ... 139
4.1 ... Create Your Application ... 139
4.2 ... Explore the Application Structure ... 147
4.3 ... Model View Controller Design Pattern ... 155
4.4 ... Application Launch ... 182
4.5 ... Summary ... 186
5 ... Modules ... 187
5.1 ... Define a Module ... 187
5.2 ... Libraries ... 189
5.3 ... Controls ... 198
5.4 ... Layouts ... 228
5.5 ... Managed Objects ... 247
5.6 ... Summary ... 248
6 ... Data Binding ... 251
6.1 ... Binding Modes ... 252
6.2 ... Property Binding ... 255
6.3 ... Aggregation Binding ... 263
6.4 ... Element Binding ... 269
6.5 ... Expression Binding ... 273
6.6 ... Summary ... 276
7 ... Routing and Navigation ... 277
7.1 ... Example Scenario ... 278
7.2 ... General Concepts ... 279
7.3 ... Patterns ... 281
7.4 ... Routing Events ... 329
7.5 ... App-to-App Navigation ... 330
7.6 ... Summary ... 337
III ... Part III Data Integration ... 339
8 ... REST Integration ... 341
8.1 ... JSON Model ... 342
8.2 ... Axios ... 356
8.3 ... Summary ... 368
9 ... OData Service Integration ... 369
9.1 ... The OData Protocol in SAP ... 369
9.2 ... Metadata Document ... 376
9.3 ... Testing OData Services ... 380
9.4 ... CRUD Operations ... 381
9.5 ... Query Options ... 384
9.6 ... Adding OData Services to SAPUI5 Projects ... 386
9.7 ... Summary ... 388
10 ... OData Version 2 Model ... 389
10.1 ... OData Model ... 390
10.2 ... CRUD Operations ... 399
10.3 ... Function Import ... 405
10.4 ... Summary ... 408
11 ... OData Version 4 Model ... 409
11.1 ... OData Model ... 410
11.2 ... Batch Groups ... 416
11.3 ... Binding Contexts ... 418
11.4 ... CRUD Operations ... 422
11.5 ... Side Effects ... 425
11.6 ... Actions ... 432
11.7 ... Summary ... 436
IV ... Part IV Advanced Development Techniques ... 437
12 ... Advanced SAPUI5 ... 439
12.1 ... Modularization ... 439
12.2 ... Localization ... 455
12.3 ... File Upload ... 459
12.4 ... Drag and Drop ... 474
12.5 ... Input and Form Validation ... 480
12.6 ... Error Handling ... 495
12.7 ... Smart Controls ... 497
12.8 ... Summary ... 507
13 ... Custom Control Development ... 509
13.1 ... Extending Controls ... 509
13.2 ... Implementing Custom Controls ... 516
13.3 ... Libraries ... 522
13.4 ... Summary ... 532
14 ... SAP Fiori Elements ... 533
14.1 ... Floorplans ... 534
14.2 ... Flexible Programming Model ... 547
14.3 ... Extensibility ... 562
14.4 ... Summary ... 584
V ... Part V Administration and Developer Productivity ... 585
15 ... Git ... 587
15.1 ... Local and Remote Repositories ... 589
15.2 ... Essential Git Commands ... 596
15.3 ... Working with the Git Command-Line Interface ... 611
15.4 ... Conflict Resolution ... 624
15.5 ... IDE and Git Integration ... 627
15.6 ... Summary ... 637
16 ... Deployment ... 639
16.1 ... Manual Deployment ... 640
16.2 ... Automated Deployment with the SAP Continuous Integration and Delivery Service ... 652
16.3 ... Summary ... 666
17 ... SAP Fiori Launchpad Configuration ... 667
17.1 ... General Concepts ... 668
17.2 ... On-Premise Configuration for SAP S/4HANA ... 672
17.3 ... SAP Build Work Zone, Standard Edition ... 684
17.4 ... Summary ... 698
18 ... Debugging and Code Quality ... 699
18.1 ... Browser Developer Tools ... 700
18.2 ... Support Assistant ... 708
18.3 ... UI5 Inspector ... 711
18.4 ... Diagnostics ... 714
18.5 ... Static Code Analysis ... 715
18.6 ... Testing ... 718
18.7 ... Summary ... 729
19 ... Security ... 731
19.1 ... Content Security ... 732
19.2 ... Browser Security ... 733
19.3 ... Transport Security ... 740
19.4 ... Server Security ... 740
19.5 ... Summary ... 741
20 ... SAP Build Code ... 743
20.1 ... Introduction to Generative AI ... 744
20.2 ... Installation and Configuration of SAP Build Code ... 746
20.3 ... Create a Basic Project ... 754
20.4 ... Use Cases in SAPUI5 Development ... 757
20.5 ... Summary ... 765
1 ... The Authors ... 767
... Index ... 769