Skip to Content

Fiori CRUD End to End Scenario

     There are many Fiori CRUD scenario implementations. How this one is different from others? It is based on SAP Template and represent best development practises. Besides of, it covers creation of CRUD OData Service and provides insight of what happens at back-end.

To begin with, create CRUD OData Service following Chandra Mahajan’s instructions in his blog. Please make a small change to ZUSERINFO_SRV ODataService to enable WebIDE template to see UserCollection Entity Set:

CRUD End to End 1.jpg

Note: if you do not have access to gateway system, then you can use cloud trial system as described in my blog.

 

Once CRUD OData Service is ready, proceed with Fiori application creation.

In HCP Cockpit create destination pointing to your gateway system (in my case it is ABAP 7.40 cloud trial system):

CRUD End to End 2.jpg

Then in WebIDE from menu choose File -> New -> Project from Template

CRUD End to End 3.jpg

Select SAP Fiori Application from Category drop down

CRUD End to End 4.jpg

Select CRUD Master-Detail Application template and click Next

CRUD End to End 5.jpg

Provide Basic Information and click on Next

CRUD End to End 6.jpg

Select you destination from drop down (NPL in my case)

CRUD End to End 7.jpg

Select ZUSERINFO_SRV from services drop down and click Next

CRUD End to End 8.jpg

Customize template as follows and click on Next

CRUD End to End 9.jpg

Click on Finish to complete project genetation

CRUD End to End 10.jpg

Note: generated Fiori application scope of functionality depends on DataService. Try to explore CRUD template with other services as well.

 

Run generated CRUD Fiori application

CRUD End to End 11.jpg


As you can see Query operation works providing a list of Users.

CRUD End to End 12.jpg

Click on Add button to test Create operation

CRUD End to End 13.jpg

Provide enter user details and press Save

CRUD End to End 14.jpg

Select just added entry and click Edit to test Update operation

CRUD End to End 15.jpg

Make changes and press Save

CRUD End to End 16.jpg

Finally test Delete Operation selecting the entry from master list and clicking Delete

CRUD End to End 17.jpg

Play with you generated Fiori CRUD application and explore it.

 

You can check data at back-end at any time in ZUSERINFO table.

CRUD End to End 19.jpg

You can also explore ZUSERINFO_SRV Data Service setting external break-points in OData Service implementation class. So during Fiori application execution it will take you in ABAP Debugger session.

CRUD End to End 20.jpg

Play with you back-end service enhancing it, for example, adding error handling for creation of duplicate entries.

CRUD End to End 21.jpg

Now if duplicated user entry is added, then Fiori provides a meaningful message

CRUD End to End 22.jpg

CRUD End to End 23.jpg

 

30 Comments
You must be Logged on to comment or reply to a post.