SAPUI5

Your comprehensive guide to SAPUI5! From !DOCTYPE HTML to /html, get the know-how to develop MVC apps, use OData, create data bindings, debug and test code, and deploy apps. Learn the dos and don'ts of SAPUI5 and everything in between, whether you're implementing CRUD operations or writing your own controls. See what's new with SAP Cloud Platform, SAPUI5 support assistant, and more. Your best apps are yet to come.

a. Build Your Foundation
Start with an overview of the SAPUI5 architecture and a Hello, World example for a single page application. Get the details on the core building blocks, controls, and functionality of SAPUI5.
b. Hands-On Approach
Learn about MVC applications, model types, and CRUD operations for connecting services. Then implement OData protocols, design application patterns, and apply advanced features to take your app to the next level.
c. Enhance Your Apps
Add the finishing touches to your app, with details on enterprise-grade features for security, theming, performance, and accessibility. Debug and test your code for flawless deployment.

Highlights Include:
1) Designing and building apps
2) Model view controller concepts
3) Models and data binding
4) OData
5) CRUD and REST
6) Debugging and testing
7) App deployment
8) SAP Web IDE
9) SAP Fiori
10) SAP Cloud Platform

Optimize applications with debugging, controls, theming, and security

Auteur
Thilo Seidel built his first web page back in 2002 and instantly fell in love with the browser. He has taken on various roles since then, including sales, designer thinker, traveler, student, and project manager. Before joining SAPUI5, his technological journey involved freelancing with jQuery, Bootstrap, and Ruby on Rails. Currently, Thilo is the product owner of SAP Fiori Launchpad on the weekdays and an occasional hacker on weekends.

Résumé
Your comprehensive guide to SAPUI5! Develop MVC apps, use OData, create data bindings, debug and test code, and deploy apps. Learn the dos and don'ts of SAPUI5 and everything in between, whether you're implementing CRUD operations or writing your own controls. See what's new with SAP Cloud Platform, SAPUI5 support assistant, and more.

Contenu
... Preface ... 17

... Target Audience ... 17

... Objective ... 17

... How to Read This Book ... 18

... Acknowledgments ... 21

PART I ... Introduction ... 23

1 ... SAPUI5 at a Glance ... 25

1.1 ... What It Is and Where to Get It ... 25

1.2 ... History and Evolution ... 26

1.3 ... Features ... 28

1.4 ... Use Cases ... 38

1.5 ... Product Comparison ... 42

1.6 ... SAPUI5 and OpenUI5 ... 42

1.7 ... Summary ... 43

2 ... Architecture ... 45

2.1 ... The Libraries ... 45

2.2 ... Model-View-Controller Overview ... 48

2.3 ... Architecture of a Typical SAPUI5 Application ... 50

2.4 ... Class Hierarchy ... 53

2.5 ... Summary ... 59

PART II ... Building Applications with SAPUI5 ... 61

3 ... Integrated Development Environment Setup ... 63

3.1 ... SAP Web IDE ... 63

3.2 ... WebStorm ... 79

3.3 ... Visual Studio Code with UI5 Command-Line Tools ... 87

3.4 ... Summary ... 89

4 ... Hello, SAPUI5 World ... 91

4.1 ... Coding Guidelines ... 91

4.2 ... Setup ... 95

4.3 ... Adding a Simple Control ... 98

4.4 ... Defining an Event Handler ... 100

4.5 ... Complex Controls ... 105

4.6 ... Controls Application Programming Interface ... 109

4.7 ... Layouts ... 111

4.8 ... Summary ... 117

5 ... Building Model-View-Controller Applications ... 119

5.1 ... Models, Views, and Controllers ... 119

5.2 ... Structure ... 120

5.3 ... Building a Simple View ... 130

5.4 ... View Types ... 144

5.5 ... Components ... 163

5.6 ... Routing ... 174

5.7 ... Application Descriptor ... 183

5.8 ... Summary ... 189

6 ... Models and Bindings ... 191

6.1 ... Using Models: A JSON Sample ... 191

6.2 ... Property Binding ... 200

6.3 ... Using Formatters ... 214

6.4 ... Aggregation Binding ... 224

6.5 ... Element Binding ... 237

6.6 ... Expression Binding and Calculated Fields ... 239

6.7 ... Resource Models and Internationalization ... 243

6.8 ... View Models and the Device Model ... 250

6.9 ... Summary ... 258

7 ... CRUD Operations ... 259

7.1 ... REST and CRUD ... 259

7.2 ... Connecting to REST Services ... 260

7.3 ... Using CRUD Operations ... 267

7.4 ... Sorting, Filtering, and Grouping in JSON Models ... 291

7.5 ... Summary ... 307

8 ... Using OData ... 309

8.1 ... OData at a Glance ... 309

8.2 ... OData Model at a Glance ... 320

8.3 ... Reading Data ... 328

8.4 ... Filter, Sort, Expand, and Group ... 346

8.5 ... Paging and Thresholds ... 361

8.6 ... Batch Mode ... 366

8.7 ... One-Way and Two-Way Bindings ... 368

8.8 ... Writing Data ... 374

8.9 ... Function Imports ... 388

8.10 ... Concurrency Control ... 392

8.11 ... Summary ... 395

9 ... Application Patterns and Examples ... 397

9.1 ... Layouts ... 398

9.2 ... Floor Plans ... 414

9.3 ... Additional Application Features ... 445

9.4 ... Running Applications in SAP Fiori Launchpad ... 461

9.5 ... SAP Fiori Reference Applications ... 471

9.6 ... Summary ... 479

10 ... Advanced Concepts ... 481

10.1 ... Writing Your Own Controls ... 481

10.2 ... Using Fragments ... 498

10.3 ... SAP OData Annotations ... 511

10.4 ... Smart Controls ... 515

10.5 ... SAP Fiori Elements ... 524

10.6 ... SAPUI5 Web Components ... 528

10.7 ... Drag and Drop ... 533

10.8 ... Summary ... 538

PART III ... Finishing Touches ... 541

11 ... Adding Enterprise-Grade Features ... 543

11.1 ... Theming ... 543

11.2 ... Security ... 554

11.3 ... Performance ... 557

11.4 ... Accessibility ... 575

11.5 ... Summary ... 583

12 ... Debugging and Testing Code ... 585

12.1 ... Debugging ... 586

12.2 ... Writing Unit Tests ... 597

12.3 ... One-Page Acceptance Tests ... 614

12.4 ... Mocking Data: Using the Mock Server ... 634

12.5 ... Linting Code ... 640

12.6 ... Summary ... 642

13 ... Accessing and Connecting to the Backend ... 643

13.1 ... Same-Origin Policy ... 643

13.2 ... Disable Web Security in Google Chrome ... 648

13.3 ... SAP Cloud Platform Destinations ... 650

13.4 ... Summary ... 658

14 ... Application Deployment ... 659

14.1 ... SAP Cloud Platform ... 659

14.2 ... SAP Web IDE and Cloud Connector ... 669

14.3 ... ABAP Server ... 679

14.4 ... Other Web Servers ... 689

14.5 ... Summary ... 691

... Appendices ... 693

A ... Worst Practices ... 695

B ... Cheat Sheets ... 703

C ... Additional Resources ... 717

D ... The Authors ... 723

... Index ... 725