快速定制开发SAP Fiori Element应用

最新推荐文章于 2025-06-09 14:14:59 发布

原创

最新推荐文章于 2025-06-09 14:14:59 发布 · 906 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5

本文介绍了如何通过SAP Fiori Elements和Annotations XML快速定制开发Fiori应用，以减少代码编写，提升开发效率。通过配置HeaderInfo、LineItem和SelectionFields，实现了根据过滤条件查询销售订单数据的功能。

介绍

前端开发最常用的语言就是JavaScript，JS是一门非常强大灵活的语言，但是对于技能和时间上要求比较高。

Fiori Element可以通过配置annotations的方式，来实现需求，可以避免编写代码的方式来开发应用，这样可以大幅提高效率和降低effort。

下面来通过一个小例子来看，如何通过Annotations XML来配置一个Fiori Element列表应用。

在完成以后，需要能够有根据不同过滤条件来查询销售订单的数据。

主要的步骤

创建一个Annotation文件

在这里插入图片描述

下一步
在这里插入图片描述

WEBIDE提供了更方便的Annotation编辑器，不用手写XML代码

在这里插入图片描述

新加上HeaderInfo, LineItem, SelectionFields

在这里插入图片描述

配置所需要的字段：

HeaderInfo是列表Header是的信息。
LineItem是列表的所有显示列。
SelectionFields是过滤查询条件。

在这里插入图片描述

Annotations代码:

<edmx:Edmx xmlns:edmx="http://docs.oasis-open.org/odata/ns/edmx" Version="4.0">
	<edmx:Reference Uri="/Northwind/V2/Northwind/Northwind.svc/$metadata">
		<edmx:Include Alias="Metadata" Namespace="NorthwindModel"/>
	</edmx:Reference>
	<edmx:Reference Uri="https://wiki.scn.sap.com/wiki/download/attachments/448470968/UI.xml?api=v2">
		<edmx:Include Alias="UI