云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

企业网站_兖州网站建设_安全稳定

小七 141 0

Fiori元素简介

SAP Fiori元素是构建在SAP UI5之上的库,提供UI模式和预定义模板的设计。Fiori应用程序开发涉及元数据驱动的方法,这意味着创建基于OData服务和注释的应用程序,并且不需要或更少的JavaScript UI编码。预定义模板列表列出报告页-(在这个博客中,你会找到更多关于它的细节)对象页概述页(OVP)分析列表页(ALP)OData服务的注释可以通过以下任何一种方式创建。CDS view Annotation–为CDS view创建元数据扩展,扩展将包含Fiori元素的所有UI注释。本地注释–在Web IDE完整堆栈中,我们可以在UI5项目文件夹中创建本地注释文件(详细信息如下)

列表报告页元素

列表报告允许用户处理大量对象。它将过滤大型列表的强大功能与显示结果项列表的不同方式结合在一起。列表报表页使用"Object Pages元素"显示从列表中选择的单个对象的详细信息。

列表页

详细页(只不过是对象页元素)

让我们开始列表报表的开发。

创建列表报表页,进入Web IDE Full Stack,国内云服务器,右键单击WorkSpace,万云,然后选择New–>Project from Template

然后在弹出屏幕中,在类别中选择"SAP Fiori Elements",然后选择"List Report Application"。

在下一步中给出项目名称和标题,然后在下一步中选择ABAP系统以获取OData服务。

单击下一步并从OData服务中选择元数据文件。

单击下一步并在OData集合中给出实体类型名称,如下所示在下面

点击finish。创建新项目后,右键单击并运行应用程序。

获取列表的选择字段和列,啥是大数据,我们将创建本地注释文件。

右键单击webapp并创建一个新文件夹"annotation",并在其中添加新的注释文件。

打开新创建的注释文件,大数据学习,该文件将在annotation Modeler中打开,然后单击"+"进行本地注释,并在新弹出窗口中,搜索所选内容并选择"SelectionField"。

现在将为添加项目用户界面选择获取选择字段。

现在将向列表中添加列。为此,再次点击"+"作为本地注释,并在弹出屏幕中选择"LineItem",这将添加UI.LineItem'注释。在其中,添加要显示的列。

保存更改并再次运行应用程序,上述列应显示在内容部分。

现在我们将配置详细页面(对象页面元素),该页面应显示在从列表中选择的任何记录/对象上,并显示有关所选对象的一些详细信息。

首先我们将显示详细信息页的页眉数据。为此,我们将使用注释调用作为"headerface"。但在此之前,加上注解用户界面标识'我们将在其中添加将在标题中显示的数据字段。

添加数据字段。

现在将此标识添加到HeaderFacets。为此,在HeaderFacts中添加reference Facet,然后添加上述标识注释。

同样,我们可以在detail页的header部分添加更多细节。我添加了两个参考方面"产品标题详细信息"和"更多详细信息"。保存更改并重新运行应用程序。

现在我们将在详细信息页面的详细信息部分添加数据。为此,云服务器品牌,将添加'UI.方面'并在其中添加类似于'HeaderFacet'的数据字段。

在下面的屏幕中,我们将添加另一个方面来显示不同部分的数据。

保存更改并重新运行应用程序。"一般信息"和"技术信息"详细页的"详细信息"部分将出现两个方面。

我们还可以借助ReferenceFacet为每个方面添加不同的部分。只需在集合面下方添加另一个带有标签的引用面即可

结论:借助局部注释,我们可以在不使用任何JavaScript代码的情况下添加/修改UI元素。

我们可以通过"本地注释"实现和探索许多事情,使我们的应用程序更加友好。