Shulou(Shulou.com)05/31 Report--

This article focuses on "how to create a wizard with SAP WebIDE's Fiori". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to create a wizard with SAP WebIDE's Fiori.

If we already have a working OData service, whether it is internet OData service on ABAP on-premise system or public, we can use the Fiori creation wizard in SAP WebIDE to easily create sustainable UI5 applications in a few minutes.

Open WebIDE,New- > Project from Template on SAP cloud platform:

Choose a Master Detail-style Fiori application:

Here is the time to specify the OData service url consumed by the UI5 application. What I see in the drop-down menu is a Destination I created on the SAP cloud platform, pointing to the on premise system:

Url path selection / sap/opu/odata/sap/CRM_OPPORTUNITY. Friends who have done CRM will know that this path points to the OData service CRM_OPPORTUNITY in CRM ABAP:

Click Test to resolve the metadata of the OData service, and then you can click the Next button:

After clicking Next, you need to specify the binding path for the important fields in the Master list and detail views. The descriptions of these fields are shown in the thumbnail on the right of the image above.

After clicking finish, the application is created successfully. Execute the application:

The application of the final rendering is as follows:

So far, without writing a single line of code, we have a working master-detail-style Fiori application.

After compression, the JavaScript automatically generated by webIDE only has more than 500 lines of code:

At this point, I believe you have a deeper understanding of "how to create a wizard with SAP WebIDE's Fiori". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.