Create the Fiori App in a few steps using Tables with SAP ABAP RAP On BTP Platform.

[YogeshMore001]

Introduction

In this post, we can create the Fiori app in just a few steps using a table to perform CRUD operations using the ABAP RESTful Application programming model(RAP) on the S/4 HANA cloud platform and Business transaction platform(BTP) using Managed Scenario.

Pre-requisites:

• S/4 HANA Cloud System
• Business transaction platform(BTP)
• Eclipse IDE

In this Blog, I'll explain to you, how we can create the FIORI application using a table without following the manual steps, check it out below.

In our case, all the below objects will be generated automatically.

Step 1.

We must create the Database table as per the requirements on the S/4 HANA Cloud System to create the transactional FIORI Application.

Create the DB Table Using Eclipse.

Here, you can see the below, I have created the DB Table to hold the information about Traveling(Travel Booking), you can copy the below table definitions and create your own DB Table.

@EndUserText.label: 'Travel Data'

@AbapCatalog.enhancement.category : #NOT_EXTENSIBLE

@AbapCatalog.tableCategory : #TRANSPARENT

@AbapCatalog.deliveryClass : #A

@AbapCatalog.dataMaintenance : #RESTRICTED

define table ztraxxxx_data {

  key client: abap. clnt not null;

  key travel_id         : /dmo/travel_id not null;

  agency_id             : /dmo/agency_id;

  customer_id           : /dmo/customer_id;

  begin_date            : /dmo/begin_date;

  end_date              : /dmo/end_date;

  @Semantics.amount.currencyCode : 'ztraxxxx_data.currency_code'

  booking_fee           : /dmo/booking_fee;

  @Semantics.amount.currencyCode : 'ztraxxxx_data.currency_code'

  total_price           : /dmo/total_price;

  currency_code         : /dmo/currency_code;

  description           : /dmo/description;

  overall_status        : /dmo/overall_status;

  attachment            : /dmo/attachment;

  mime_type             : /dmo/mime_type;

  file_name             : /dmo/filename;

  created_by            : abp_creation_user;

  created_at            : abp_creation_tstmpl;

  local_last_changed_by : abp_locinst_lastchange_user;

  local_last_changed_at : abp_locinst_lastchange_tstmpl;

  last_changed_at       : abp_lastchange_tstmpl;

}

Step 2:

Right-click on the already created table, and select the option 'Generate ABAP Repository Objects', as shown in the image below. This option will give you a way to develop the FIORI application.

Step 3:

In this step, we have 2 options in the ABAP RAP Model,

• Odata UI Service       --> Select this option to generate the FIORI Elements UI
• Odata Web API Service
• 

Step 4:

Select the Package, where the objects are going to be stored.

Here, you can change the RAP Artifacts names as per your naming convention which are automatically taken care of by RAP Framework, or you can continue with default names.

Step 5:

In this step, you can see in the below image that the ABAP Artifacts are getting generated, and all the objects that are required to be created manually for the Fiori app will be generated automatically.

Click on the next button to capture the all objects in our TR(Transport Request) and Finish the process.

Kudos...👏

Now you have created the Transactional FIORI App in a few steps only.

Step 6:

Final Step, Select the Service Binding, which is created in Step 5,

It was created the Binding type - Odata V4 - UI, and now just click on the 'Publish' button to publish the FIORI Application.

After Publishing the FIORI App, It will generate the Service URL. Select the Entity Set, and click on the Preview button to run the Fiori application on a browser.

Wow, Now the FIORI Transaction Application is created with Create, Delete, Edit, and Draft Functionality.

Enjoy the FIORI app Development in simple steps by using ABAP RAP on a Cloud Platform.

The Required Artifacts are already generated which will help us to modify the FIORI Application as per our Requirement.

I hope this tutorial is helpful to all...

Please feel free to share your suggestions and comments.

Enjoy SAP!!!

[Abhijeet]

Nice article.

[nin-oh]

does it work with odata web api v2