随着Fiori元素的引入,SAP在构建Fiori应用程序的方式上掀起了一场革命,它们基本上是一组通用的UI5代码,互联网大数据,可以自动读取注释并生成应用程序,而无需javascript编码。
这些模板由智能控件驱动,您可以将它们放在XML视图中创建混合应用程序,或者让Fiori元素执行所有作业。
目前,有3种不同类型的Fiori元素可用:
列表报告:允许用户筛选和处理大量数据。对象页:显示单个业务对象的所有方面。概述页:立即了解需要注意的领域。提供快速操作。
有关更多信息,物联网设备,请查看此链接:https://experience.sap.com/fiori-design-web/smart-templates/
OBS:创新版本1.48之后,新的模板"分析列表页"可用,我将在以后的文章中讨论这个问题。
列表报告模板总是与对象页一起实现的,此功能强大的模板提供了查询和筛选一组记录以及导航到记录详细信息页的功能。
有关这些模板的更多信息,请查看以下链接:
列表报告:https://experience.sap.com/fiori-design-web/list-report-floorplan-sap-fiori-element/对象页:https://experience.sap.com/fiori-design-web/object-page/
一个对象页面基本上由一个标题和Facets(sections)组成,每个Facets与一组数据相关,我们可以使用以下布局:
表单和字段联络桌子图表
大多数开发人员都不知道在对象页中插入图表的可能性,工业物联网,实现起来并不困难,通过一系列简单的步骤,你就能用一个强大的分析工具丰富你的应用程序。
好的,说得够多了,让我们开始开发我们的演示吧。
我将把这篇文章分成三部分:
ABAP CDS视图
为了避免花时间创建表,我们将重用SAP提供的Flight演示表,所以让我们在这个表的顶部创建两个新的CDS视图:
ZDEMO\ U Flight:返回所有航班,飞机类型,日期和各自的价格。
ZDEMO\航班图:返回每个航班每个舱位的最大座位容量和占用座位。
让我们回顾一下关于这些CD视图中注释的一些要点:
@用户界面标题信息:此注释用于将信息放置在对象页的页眉中,在本例中将航班代码和飞机类型作为标题和说明。@UI.lineItem:此批注确定字段在列表报表的结果列表中的位置。@UI.selectionField:此批注确定字段在列表报表的筛选器中的位置。@用户界面图表:这是关于演示目的的主要注释。它基本上为对象页内的智能图表消费设置图表类型、维度和度量。@语义.金额以及@语义.货币:这些注释定义了金额字段和相应货币之间的关系。@EndUserText.label文件:此批注为特定字段提供标签。@OData.发布用于自动发布OData服务,而无需通过事务SEGW创建OData项目(您可以在下一节中查看有关OData项目的更多详细信息)。
有趣的一点是,两个CD视图共享同一个键,企业正版软件,所以为什么我需要在两个不同的视图中拆分内容?
我不太清楚,但存在某种限制,智能模板需要这种独立视图的特定结构(一个用于主实体,另一个用于图表)。
我尝试将图表(以及相应的注释)放置在单个视图中,但UI5应用程序未正确呈现智能图表。您还可以注意到,我们将关联定义为[0..*]而不是[0..1],如果您不遵循此约定,图表也不会出现在屏幕上。
现在ABAP CD视图完成,我们只需要公开/激活OData服务并生成UI5应用程序。
OData项目
有两种方法可以创建您的OData使用ABAP CDS视图的项目:
通过SEGW事务创建一个新项目,并通过引用包含您的CDS视图。右击数据模型文件夹,选择"引用->数据源"。
包括@OData.发布批注在您的CDS视图的标题中,系统将根据字段结构和批注自动创建您的OData项目。
我们使用第二个选项发布我们的服务,但无论您决定采用何种方法请记住始终通过事务/IWFND/MAINT\u服务激活前端服务器(SAP Gateway server)中的OData服务。
UI5 Project(Web IDE)
有些类型的注释无法通过ABAP cd获得,在这种情况下,我们需要将一些本地注释(发布在UI5应用程序中)与ABAP CDS视图生成的注释混合使用。
我个人更喜欢将所有注释包含在CDS视图中,因为如果我需要执行维护,什么是云,就不需要重新部署整个应用程序,我们只需要传输abapcds视图保存了相关的注解,工作就完成了!
但是在Facet配置(Object Page sections)的情况下,没有其他选项可以通过UI5本地注释进行配置。
让我们开始基于列表报表应用程序创建一个新项目。
注意#1:我使用的是SAP Innovation版本1.48,但是智能图表和列表报告应用程序从1.44版开始就可以使用,如果您使用的是内部解决方案,您仍然可以使用此功能。
填写项目名称、标题,名称空间和描述:
定义您的数据源并选择ZDEMOŠu FLIGHTŠCDS服务。
注意Š2:由于我们是通过@OData.发布注解,系统生成一个项目,名称为我们的ABAP CDS view+后缀
选择注解ZDEMO\u FLIGHT\u CDS\u VAN(自动生成)通过OData服务/ABAP CD)。
注意#3:如果不选择此选项,则通过ABAP CD视图声明的所有批注都不会流到UI5应用程序。
最后选择OData Collection ZDEMO_航班并确认模板创建。
现在打开项目路径,注释文件夹和文件注解.xml.
打开annotation modeler并选择实体类型ZDEMO\u FLIGHTType.
让我们创建两个新面,对于第一个,我们将使用ID FlightDetails引用字段组,在第二个方面,我们将使用ID OccupiedSeats指向图表注释。