SAP Fiori Elements and CAP Model

This is a demo of SAP Fiori Element List Report App using SAP Cloud Application Programming Model (CAP) backend service.

The demo project is patterned after the SAP Developer Tutorial called Create a List Report Object Page App with SAP Fiori Tools while the Data Model is based on North Wind OData Service.

GETTING STARTED

1. Run the app

# install dependencies
> npm install
# run the cap service
> cds watch

RELATED BLOG POSTS

For more information see blog posts below:

• SAP Fiori Element using CAP Model – Introduction
• SAP Fiori Element using CAP Model – List Report App
• CAP: GraphQL as new protocol

REPOSITORY

master branch

This is the main and the default branch where the core demo application is located.

Demo Branches

These are the branches that may be a copy of the main master branch or can be a branch on their own. The branches in this category serves a particular purpose.

No.	Branch	Purpose
1.	demo-list-report	Serves as the step by step guide for replicating the List Report App
2.	demo-job-scheduler	Serves as a demo of using Job Scheduling Service with CAP endpoint

Demo Apps

No.	App Name	Purpose
1.	Display Products OData V4	is a Fiori Element app that is used to showcase CAP CDS capabilities without the need for writing a single line of JavaScript code.
2.	Display Products OData V2	same as Display Products but done using Fiori Elements for OData V2.
3.	Manage Products OData V4	is a Fiori Element app that is used to showcase CAP's capabilities for the managed scenario.
4.	Manage Products External Service OData V4	is a Fiori Element app that is used to showcase CAP's capabilities for the managed scenario but in this case using an external OData V2 service. Fiori Elements for OData V4 doesn't support non-draft OData V4 service, therefore, create and update operations are not supported in this scenario.
5.	Manage Products External Service OData V2	same as Manage Products External Service OData V4 but done using Fiori Elements for OData V2. Fiori Elements for OData V2 supports non-draft OData V2 service, therefore, all CRUD operations are supported in this scenario.
6.	Manage Products External Service CDSX	same as Manage Products External Service OData V4 but done using CDSX (@rizing/cds-extension) with draft enabled.
7.	Create Products OData V2	is a Fiori Element app that is used as Create Form template for creating new product which can be triggered via cross app navigation that accepts URL parameters to prepopulate the form fields. to be able to test this app, you need to click this link (works on VS Code). then when you click on Create button, it will do another cross app navigation to Manage Products app and show the created product in this apps Object Page.
8.	Display Products FPM	is a custom Fiori Element app that is used to showcase how to use the new Flexible Programming Model framework.

APPENDIX

• MIT License