SAP Fiori Apps Architecture — How Fiori Apps Connect to Data
Learn how SAP Fiori applications are built on top of OData services and CDS Views, from the UI layer down to physical tables.
What Is SAP Fiori?
SAP Fiori is SAP's design language and user experience framework for business applications. Fiori apps replace the traditional SAP GUI with modern, responsive web applications that work across desktop, tablet, and mobile devices.
The Fiori Tech Stack
A Fiori application consists of three layers:
- UI Layer — Built with SAPUI5 (SAP's JavaScript framework), typically using Fiori Elements templates (List Report, Object Page, Overview Page, Analytical Page)
- Service Layer — One or more OData services that provide the data and business logic
- Data Layer — CDS Views that define the data model and access physical tables
Fiori App Types
| Type | Description | Technology |
|---|---|---|
| Transactional | Create, edit, delete business objects | Fiori Elements / SAPUI5 |
| Analytical | Charts, KPIs, dashboards | Smart Business / Analytical Page |
| Fact Sheet | Display detailed object information | Object Page |
| Overview Page | Multi-card dashboard with actions | OVP template |
How to Find Which Services a Fiori App Uses
Every Fiori app registers its OData service dependencies. On CDSee, each app page shows:
- The OData services consumed by the app (with links to the service definition)
- The linked CDS Views (via service-to-view mapping)
- Technical metadata: BSP name, SAPUI5 component, semantic object, business catalog