Open Fiori Elements propertyAnnotations 举例讲解

举报
汪子熙 发表于 2023/08/06 10:26:58 2023/08/06
【摘要】 Open Fiori Elements 是 Open 提供的一种用户界面开发框架,它允许开发人员创建符合 Fiori 设计原则的应用程序。这种框架主要基于 OpenUI5,它是 Open 的一种基于 HTML5 的用户界面技术。Fiori Elements 提供了一种声明性的方式来定义用户界面,这意味着开发人员不需要编写大量的前端代码。相反,他们可以使用一种称为注解的技术来描述应用程序应该如...

Open Fiori Elements 是 Open 提供的一种用户界面开发框架,它允许开发人员创建符合 Fiori 设计原则的应用程序。这种框架主要基于 OpenUI5,它是 Open 的一种基于 HTML5 的用户界面技术。Fiori Elements 提供了一种声明性的方式来定义用户界面,这意味着开发人员不需要编写大量的前端代码。相反,他们可以使用一种称为注解的技术来描述应用程序应该如何呈现和操作数据。

在 Open Fiori Elements 应用注解中,“propertyAnnotations” 是用来描述数据模型中特定属性的特性和行为的一种方法。它们使得开发人员能够以一种更高级别的方式来定义用户界面,而不是直接编写代码。这些注解可以直接在数据模型的元数据文档中定义,或者可以在称为注解文件的单独 XML 文档中定义。

“propertyAnnotations” 中的每一项都关联到数据模型中的一个属性。每个属性注解都可以包含多个注解项,这些注解项描述了该属性的各种方面,例如它在用户界面中的表示方式,它是否可编辑,它是否必须的,等等。这些注解项都是预定义的,它们的意义和行为由 Fiori Elements 框架解释和实现。

例如,假设我们有一个表示订单的数据模型,其中有一个名为 “Amount” 的属性,表示订单的金额。我们可以使用 “propertyAnnotations” 来描述这个属性应该如何在用户界面中呈现。以下是一个可能的注解定义:

<Annotations Target="MyModel.Order/Amount">
    <Annotation Term="Common.Label" String="Order Amount" />
    <Annotation Term="Common.Text" Path="AmountText" />
    <Annotation Term="UI.DataField" >
        <Record>
            <PropertyValue Property="Value" Path="Amount" />
            <PropertyValue Property="Label" String="Order Amount" />
            <PropertyValue Property="Criticality" Path="AmountCriticality" />
        </Record>
    </Annotation>
</Annotations>

在这个例子中,我们定义了三个注解项。“Common.Label” 注解项定义了属性在用户界面中的标签。“Common.Text” 注解项定义了一个路径,该路径指向一个用于生成属性值文本表示的属性。“UI.DataField” 注解项描述了属性如何在用户界面中表示。它的 “Value” 属性定义了数据字段的值,“Label” 属性定义了数据字段的标签,“Criticality” 属性定义了一个路径,该路径指向一个表示数据字段的重要性或严重性的属性。

再看另一个例子:

上图高亮的注解,来自 metadata.xml 这个位置:

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。