使用 Fiori Elements 框架开发应用的优势

简介: 使用 Fiori Elements 框架开发应用的优势

Fiori Elements 框架是 SAP 提供的一种开发应用程序的高级抽象层。它建立在 SAPUI5 框架之上,旨在简化企业应用的开发过程,提高开发效率,并保持应用的一致性和用户体验。使用 Fiori Elements 框架,开发人员可以快速创建符合 SAP Fiori 设计准则的应用,无需大量的手动编写代码。本文将探讨 Fiori Elements 框架的优势,并通过具体示例说明这些优势。


1、节省时间和成本:

Fiori Elements 提供了预定义的模板和元素,开发人员可以直接使用这些组件来创建应用,而不必从头开始编写所有代码。这节省了大量的开发时间和成本,并且减少了开发过程中可能出现的错误。开发人员可以专注于业务逻辑和用户需求,而不必担心底层的技术细节。

2、一致的用户体验:

Fiori Elements 的应用都遵循 SAP Fiori 的设计准则,这确保了应用在不同设备和平台上有一致的用户体验。无论用户是在桌面浏览器上访问应用,还是在移动设备上使用,他们都能获得相同的直观和友好的用户界面。


3b65e615bd1ac43a33eb4281186270b6.png

3、自动响应式布局:

Fiori Elements 自动支持响应式布局,即应用界面会根据用户设备的大小和方向进行自适应调整。这意味着开发人员不必手动编写不同设备的布局代码,应用会自动适应各种屏幕大小,从而提供更好的用户体验。

4、易于扩展:

使用 Fiori Elements 框架开发的应用是基于元数据驱动的。这意味着开发人员可以通过简单地更改元数据来扩展应用的功能,而无需修改应用的代码。例如,可以通过添加新字段到元数据中来在应用中添加新的数据字段,这样应用会自动更新以显示这些字段。


9bea836b4a42520e8872b0cc3a1a4cc6.png

5、集成 SAP 后端服务:

Fiori Elements 与 SAP 后端服务的集成非常容易。通过定义正确的 OData 服务,Fiori Elements 可以直接与后端数据通信,并生成与数据相关的用户界面。这种集成能力使得开发人员可以轻松地创建与企业数据源连接的应用,从而实现高度的数据可视化和操作能力。

6、多样化的模板:

Fiori Elements 框架提供了多种模板类型,涵盖了不同类型的应用需求。例如,List Report 模板用于显示数据列表和过滤功能,Object Page 模板用于显示单个数据对象的详细信息,而 Analytical List Page 模板则用于展示复杂的分析数据。这些模板的存在为开发人员提供了各种应用场景的解决方案。


让我们通过一个示例详细说明 Fiori Elements 框架的优势。假设我们正在开发一个采购订单管理应用。


首先,我们创建了一个基于 List Report 模板的采购订单列表页面。使用 Fiori Elements 的预定义组件和元素,我们可以在几分钟内创建一个具有搜索、过滤和分页功能的采购订单列表。而且,应用的外观和用户体验符合 SAP Fiori 的设计准则,为用户提供了直观和一致的界面。


接下来,我们打算在订单列表中添加一列,以显示供应商名称。为了实现这一点,我们只需要更新元数据,并添加一个新的字段来表示供应商名称。Fiori Elements 框架会自动将这个新字段显示在订单列表中,而不需要修改任何代码。这个过程简单且高效。


进一步,我们希望能够查看单个采购订单的详细信息。使用 Fiori Elements 的 Object Page 模板,我们可以轻松地创建一个详细视图。同样,我们可以通过更新元数据来自定义该视图,例如添加新的面板来显示订单的历史记录或附件。


此外,我们可能希望在应用中加入图表和图形,以便更好地展示采购订单数据的趋势和分析。通过使用 Fiori Elements 的 Analytical List Page 模板,我们可以快速创建一个具有交互式图表的页面,而不需要编写复杂的图表代码。


最后,我们需要将应用与 SAP 后端的采购订单服务集成。通过定义正确的 OData 服务,Fiori Elements 可以直接与后端数据通信,并实现与采购订单的增删改查操作。这样,我们就能够在应用中实现采购订单的创建、修改和删除功能,与后端数据保持同步。


总结


Fiori Elements 框架为企业应用的开发提供了许多优势。它节省了开发时间和成本,提供一致的用户体验,支持自动响应式布局,易于扩展,并且与 SAP 后端服务的集成非常简单。通过 Fiori Elements,开发人员可以专注于业务逻辑和用户需求,而不必担心底层的技术细节。这使得 Fiori Elements 成为企业开发人员的首选框架,用于快速构建现代化、符合设计准则的企业应用。

相关文章
|
6月前
|
JSON JavaScript 前端开发
一种在 ABAP 端扩展 SAP Fiori 应用的方法介绍
一种在 ABAP 端扩展 SAP Fiori 应用的方法介绍
30 0
|
7月前
关于 SAP Fiori Elements 应用的 ResponsiveTableColumnsExtension 扩展
关于 SAP Fiori Elements 应用的 ResponsiveTableColumnsExtension 扩展
32 0
|
7月前
|
JavaScript 前端开发 API
通过一个实际的 Fiori Elements 扩展开发需求,介绍什么是 SAP Fiori Extension API 试读版
通过一个实际的 Fiori Elements 扩展开发需求,介绍什么是 SAP Fiori Extension API 试读版
30 0
|
7月前
动手开发第一个 SAP Fiori Elements 应用
动手开发第一个 SAP Fiori Elements 应用
27 0
|
7月前
|
JavaScript
SAP Fiori Elements 开发环境的搭建和开发准备工作试读版
SAP Fiori Elements 开发环境的搭建和开发准备工作试读版
61 1
在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用
在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用
135 0
在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用
|
XML 数据格式
SAP Fiori Elements 公开课第二单元学习笔记:Fiori Elements 架构
SAP Fiori Elements 公开课第二单元学习笔记:Fiori Elements 架构
107 0
SAP Fiori Elements 公开课第二单元学习笔记:Fiori Elements 架构
|
XML Web App开发 开发框架
深入理解 SAP Fiori Elements 工作原理系列之二:如何给 SAP Fiori Elements 应用添加自定义按钮
深入理解 SAP Fiori Elements 工作原理系列之二:如何给 SAP Fiori Elements 应用添加自定义按钮
深入理解 SAP Fiori Elements 工作原理系列之二:如何给 SAP Fiori Elements 应用添加自定义按钮
|
XML IDE 开发工具
SAP Fiori Elements在SAP社区上的一些学习资料
SAP Fiori Elements在SAP社区上的一些学习资料
88 0
|
前端开发 JavaScript 架构师
在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用
这是 Jerry 2021 年的第 26 篇文章,也是汪子熙公众号总共第 297 篇原创文章。 本文绝非标题党。 Jerry 前一篇文章 SAP Cloud Application Programming 介绍 - 2021 更新版,介绍了如何使用 SAP Cloud Application Programming,在本地创建一个 OData 服务,并且利用 SAP CAP SDK,在一个自动且临时生成的 Fiori Elements 应用里,消费该 OData 服务,展示其暴露的在线书店的业务数据。这个临时的 Fiori Elements 应用界面如下:
200 0
在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用