cap-fe-samples icon indicating copy to clipboard operation
cap-fe-samples copied to clipboard

verified publisher icon jcailan
→

Metadata

SAP Fiori Element using CAP Model - Sample Project

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:

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

    ← Metadata

    32
    Stars
    14
    Forks
    Watchers

    Owner

    verified publisher icon jcailan

    Metadata

    SAP Fiori Element using CAP Model - Sample Project

    Back