Create an ABAP Core Data Services (CDS) View in SAP Cloud Platform, ABAP Environment
January 18, 2021
Beginner
45 min.
Create a CDS View, display it in Fiori Elements preview, and enhance its appearances using built-in annotations
You will learn
- How to create a CDS view with parameters
- How to display your CDS view in a Fiori Elements preview
- How to add selection fields to Fiori Elements preview
- How to extract the metadata of your CDS view
- How to add semantic annotations
- How to add a search function
- How to add selection fields
Prerequisites
- You have done one of the following:
- Tutorial: Create an SAP Cloud Platform ABAP Environment Trial User
- You have a licensed version of SAP Cloud Platform, ABAP Environment
- You have installed ABAP Development Tools, latest version
- You have downloaded the ABAP Flight Reference Scenario. To pull this reference scenario from
Github
, see Downloading the ABAP Flight Reference Scenario
You can then use some of these features in productive development to make your applications more powerful and more user-friendly. By the end of this tutorial, your application should look like this.

Throughout this tutorial, object names may include a suffix or group number, such as XXX
. Always replace this with your own group number or initials.
Step 1: Create package
Step 2: Create CDS View
Step 3: Define CDS View
Step 4: Display in Data Preview
Step 5: Create a service definition
Step 6: Create service binding
Step 7: Activate service binding
Step 8: Display Fiori Elements Preview
Step 9: Add annotation for automatic display
Step 10: Extract UI metadata
Step 11: Add semantic metadata
Step 12: Add search field
Step 13: Add selection fields
Step 14: Check your code
Step 15: Test yourself
Navigate tutorial steps
-
Step 1: Create package
-
Step 2: Create CDS View
-
Step 3: Define CDS View
-
Step 4: Display in Data Preview
-
Step 5: Create a service definition
-
Step 6: Create service binding
-
Step 7: Activate service binding
-
Step 8: Display Fiori Elements Preview
-
Step 9: Add annotation for automatic display
-
Step 10: Extract UI metadata
-
Step 11: Add semantic metadata
-
Step 12: Add search field
-
Step 13: Add selection fields
-
Step 14: Check your code
-
Step 15: Test yourself
- Back to Top