User Interface Development
April 16, 2019

  1. Design / Prototype
  2. Create Dictionary Objects
  3. Create Interface View (CDS)
  4. Business Object Generation (CDS – Object Model Annotations )
  5. Generated Business Object
  6. BOPF – Development
  7. Test BOPF Object using BOBT
  8. Access Control (CDS)
  9. Consumption View (CDS)
  10. OData Service Generation and Registration
  11. Test OData Service using SAP Gateway Client
  12. UI development

Frontend Side consumption of BOPF


FBI (FPM BOPF Integration)

I have followed each every single steps mention in the below blog to develop the integration. It is really helpful, please follow the same. Floorplan used for the application is OVP (Overview Page Floorplan).
Getting Started with FPM and BOPF Integration

Application (Display Only)

<< Frontend Consumption

Initial Screen
Dynamic Search & History Enabled
Overview Page

Fiori Elements

List Report application type was used to create the application. Refer the video in below link, it is really simple and easy.

Creating a List Report with Fiori Elements

For more insight, please do refer to SPAUI5 Development and Demo Kit.
Developing Apps with SAP Fiori Elements

Application ( CRUD + Draft Enabled )

Initial List Screen (Click on Go to Load Data)
List Report (Draft Enabled) (Click on ‘+’ to Create ) ( On Item Selection ‘Delete’ is enabled )
New Phone Book ID is assigned and data can be filled
Value Help Supplied for Category
Validations are Working
Save
New Contact is Saved
Navigate to Contact Item ( Edit and Delete Options are Visible )

<< Frontend Consumption

<< Top