Table Maintenance Generator from SAP RAP – FIORI UI App

Table Maintenance Generator. In our FIORI application, Following functionalities will be added:

• • Inline Making of Requests

• • Avoid the Rundown page and open Article Page to enter Request sections

Furthermore, we will likewise figure out how to send a FIORI application in BTP climate. Table Maintenance Generator.

• • Construct and Send FIORI application

• • Consume sent application in Platform utilizing SAP Construct Workzone ( Previously known as Platform Administration)

Preview:

• • Inline Creation of Orders ought to be conceivable (without exploring to detail page)

• • After fruitful deployment, Tile ought to be accessible in the Launchpad

• • On Click of the tile, ObjectPage will be opened straightforwardly and Rundown Page will be skipped:

Essential:

• • BTP Trial Account

• • Basics of FIORI Templates

• • Basics of SAPUI5

• • Business Application Studio

1. Making of Once-over Report FIORI Application

In the fundamental stage, we truly need to make a SAPUI5 application using FIORI designs in BAS from the primer record. We will follow the means as: Table Maintenance Generator.

• • In BAS Workplace, select File-> New Project from Template

• • Since we need to make FIORI application, select SAP FIORI application and press “Next”:

• • Select the Format as Rundown Report Page and press “Next”:

• • Connect with SAP Framework where RAP based OData administration is made and select the help for FIORI application:

1. 1. Data Source : Connect to a system (we will connect to BTP ABAP system)

1. 1. System :                      Select SAP System

1. 1. ABAP Environment :   Instance of ABAP system

1. 1. Service :                      OData Service in Backend ABAP System

Subsequent to giving the necessary DataSource subtleties and Administration, Press “Next”:

• • Give Application credits and sending choices:

Deployment Choices are discretionary. Assuming that we know in advance about subtleties for the organization climate, we can pick “Yes” and give subtleties else This should likewise be possible later after the application is constructed locally. Table Maintenance Generator.

• • Choose deployment target ( ABAP/Cloud Foundry )

For using the BTP Fundamental system, we will convey our FIORI application in the Cloud Foundry environment as a HTML5 application.

For ABAP environment(S/4 HANA On-premise)

• • Provide Fiori Launchpad Configuration details and press “Finish”:

With these means, Our FIORI application undertaking will be made in BAS locally. Presently, we can perform UI changes in the application.

What is SAP Fiori used for?

2. Perform UI Changes in the app

Inline Creation for Orders:

At the point when we make another example for a table in the ObjectPage, another detail page will be opened and the client needs to enter the subtleties. According to SM30 exchange conduct, we might want to make records utilizing inline creation.

This can be accomplished by changing the Table property as CreationMode:Inline.

In BAS, we can set this property utilizing the FIORI Devices.

We can refer the following steps:

1. 1. Right click on WebApp folder of the UI application created in Step 1 and choose “Page Map”:

1. 1. Since we need to change the Table settings for Order table which in ObjectPPage, we will edit the ObjectPage of Root Entity:

• • Select Table under Sections

• • Choose Creation mode and set “CreationMode at end” true

Advantages of SAP ERP

Skip the List page and open Object Page to enter Order entries

In Rundown Report FIORI layout application(created in Sync 1), Rundown Page will be opened first . When we press the Go button and explore from the Single Rundown section, the ObjectPage with Request table will be opened. Be that as it may, In Our utilization case, Rundown Page has no importance since It will continuously show default single section with SingletonID rises to 1.

Consequently, we can avoid the Rundown page and straightforwardly explore to ObjectPage when Application is opened.

For that, We really want to introduce the part and explore to ObjectPage with a particular route.In the part introduction strategy, we presently add a call to instate the switch. We don’t have to start up the switch physically, it is naturally launched in light of our AppDescriptor design and relegated to the component.If a course has been hit, the perspective on its relating objective is stacked and shown.

1. 1. Expand Webapp folder and open “Component.js”

2. Within Component.extend, add method init as:

• • Basically in this init function, we are preparing navigation route by providing key value as OrderSingletonID = 1 and IsActiveEntity=true

• • With this, Whenever the application will be loaded, It will open the ObjectPage for key with SingletonID = 1 and open its active state.

What is O DATA(Open Data Protocol)?

3. Deploy FIORI Application

In step 1 while creating the UI project, we have already provided the deployment information like Environment, Semantic Object and action etc. Inn this step, we will start deployment with 2 steps as:

Step 1. Build the project

1. 1. Right snap on the Undertaking organizer and select “Open in coordinated terminal”. In the terminal, enter order – npm run build:mta

2. MTA archive file will be made now in another envelope mta_acrives

Step 2. Deploy the built archive

Then, convey the produced file and track the organization progress in the terminal with the accompanying order.

cf deploy mta_archives/project1_0.0.1.mtar

Toward the finish of the sending system log, you ought to see a line that seems to be like this one:

Once Application is deployed successfully, we can see it in the trial subaccount in BTP Cockpit under Subaccount -> HTML5 Applications

Click on project1 and It will open the application:

4. Add it to FIORI Launchpad

For involving Platform administrations in SAP BTP, we want to buy in for SAP Assemble WorkZone Standard Release. Whenever its bought in and dynamic in the preliminary record, we will continue to make our own site:

1. Create content site

We will add all the deployed FIORI Applications to this site.

2. Refresh Content.

As a matter of course, satisfied supplier for HTML5 Applications will be accessible. When another application is conveyed, we want to invigorate this content supplier.

3. Add to my content from Content Manager

(i)         Go to Content Manager

(ii)        Select application “Project1”

(iii)       Press “Add to my Content”

4. Switch to My Content and create a new group

5 . Assign the application to the group

6. Additionally, appoint the application to Job “Everybody”

7. Presently, Open the substance site made in Sync 1 above. We ought to have the option to see another tile for our sent application.

Trust this would be valuable for you sooner or later of time. Assuming that you have any inquiries, questions, if it’s not too much trouble, go ahead and put it in the remarks segment underneath and I will be glad to explain them.