这张图放在 SAP Fiori Elements 学习路径里非常关键，因为它没有停留在页面长什么样，而是把一个 List Report 应用从浏览器、UI5 模板、OData 服务、SAP Gateway、ABAP CDS、SADL Runtime、SQL，再到 SAP HANA 表的链路画了出来。我们平时在 SAP Business Application Studio 或 Fiori tools 里创建一个 List Report 应用，表面上只是选择一个 OData Service、选择主实体、点几次 Next，然后一个筛选栏和表格页面就出现了。但真正让这个页面自动出现筛选字段、表格列、标题、导航、搜索框、分析能力的，并不是前端开发者手写了一大堆 XML View，而是后端暴露出来的元数据和注解被 SAP Fiori elements 运行时理解之后，动态组装成了符合 SAP Fiori Design Guideline 的页面。
图的最上方是一个业务用户，下面是 SAP Fiori User Interface。这个区域可以理解成浏览器里的 SAPUI5 应用运行层。SAPUI5 本身是 SAP 用来构建浏览器端桌面和移动应用的一组 JavaScript 库，它强调响应式、可访问性和一致的 UX，SAP 官方也把 SAPUI5 定位为构建符合 SAP Fiori 设计规范应用的基础 UI 技术。(