使用以odata服务为后端的智能模板开发fiori应用程序。
您可以在后端(最好是CD、gateway项目等)或前端UI项目中使用批注。
Sap Web IDE包含多个功能和插件。
借助Annotation Modeler工具,用户可以在UI项目中添加/修改注释。
让我们使用northwind odata服务,该服务包含来自后端的任何预设注释来创建Fiori列表报表应用程序。
不需要javascript编码!!!对注解了解很少就足够了。
在SAP云平台上注册一个免费试用帐户
https://www.sap.com/developer/tutorials/hcp-create-trial-account.html
在SAP云平台上创建目的地
https://www.sap.com/developer/tutorials/hcp-create-destination.html
打开SAP WEB IDE
创建列表报表应用程序在SAP WEB IDE
的菜单栏中,选择File>New>Project from Template。在"模板选择"下,选择"列表报表应用",点击下一步
如下图所示输入基本信息详情,点击下一步
在来源(左侧)下选择服务URL,选择"Northwind Odata服务"作为系统连接到所需服务
输入相对URL"V2/Northwind/北风.svc"在下面显示的文本字段中,
单击测试按钮检查服务是否可用。如果您能够看到服务表中的数据,则连接到服务成功,请单击"下一步"。
北风odata服务不包含任何来自后端的注释。所以桌子是空的。单击下一步
选择Odata收集和导航,如下图所示,然后单击完成。
创建新的智能模板项目"orderSmartApp"
在WEB IDE工作区下提供项目文件和结构。
创建注释文件
右键单击项目中的webapp文件夹,选择新建文件夹
输入文件夹名称注解点击确定
右键点击项目中的注解文件夹,选择注解文件检查文件名和服务是否已填写。点击下一步
检查项目文件夹结构是否如下图所示。打开批注.xml文件,双击
批注.xml文件将打开Annotation Modeler UI。
在任何时候,您都可以通过切换视图到代码编辑器来检查xml代码,代码编辑器位于页脚栏中。
使用Annotation Modeler添加注释
列表报告页包含以下区域。
标题标题内容–智能筛选器智能桌子页脚工具栏
使用注释添加智能表。在Odata实体类型下拉列表中选择"订单",大数据调研报告,点击注解按钮,
选择表中的"注解"行,点击+(加号按钮)显示在"操作"列
弹出窗口,列出适用的注解。选择LineItem(表示应用程序中的智能表)并单击OK,什么是软件企业,UI.LineItem在表
中添加注释,以显示智能表中最初可见的列,将数据字段作为子项添加到UI.lineItem.
选择UI.LineItem行–>单击(+)按钮并选择记录下的数据字段–>确定
这将解析为LRP应用程序智能表中的第一列。
在下拉列表中选择OrderId以获取UI.DataField值
重复添加UI.DataField对于智能表中的其他列。
使用添加智能筛选器批注。
选择表中的"批注"行,点击"操作"列下的+(加号按钮)。选择"selectionFields"–>按OK
选择UI.selectionFields行并单击(+)按钮。选择项目并按OK
添加更多项目以根据需要添加选择字段
运行应用程序
选择项目根文件夹"orderSmartApp",然后单击"运行"图标,如下所示。
单击GO按钮。应用程序显示订单列表。
选择表中的任何订单,应用程序导航到订单的详细页(也称为对象页)。
对象页包含三个部分,即抓取标题、导航栏和内容区。
现在,让我们为Odata服务添加更多注释,以查看对象页中的订单详细信息
步骤8:
转到注释建模器,添加UI.DataPoint数据点为订单ID、客户ID和订单日期创建快照标题的注释
输入限定符、标题和值的值,以在对象页的标题部分显示订单ID。重复添加UI.DataPoint数据点对于客户id和订单日期,物联网展会,如下面的快照所示。
运行应用程序(步骤7)并单击列表报告中的任何订单。应用程序导航到包含客户Id、订单Id和订单日期的标题部分的详细信息页面
步骤9:
允许添加注释以创建包含订单和发货人信息的内容区域。
添加UI.FieldGroup文件对于具有字段的订单信息(订单id,订单日期和要求日期)
添加UI.FieldGroup文件对于包含字段(发货人名称、地址、,城市/国家)
提供限定符"OrderDetails"和"ShipmentDetails"。
在每个选项上单击(+)UI.DataField行并添加标签。
输入标签值。
选择所有值UI.DataField值,中移物联网有限公司,如下面的快照所示。
步骤10:
创建对象页面的导航区域,并添加上面步骤9中创建的内容。添加UI.方面以及它的孩子们用户界面参照面如下图所示
第11步:
运行应用程序(第7步)。列表报表和对象页应用程序已准备就绪。
有关使用批注的其他可能功能的更多参考信息,请参阅SAP标准文档
https://help.sap.com/viewer/b4b7cba328bc480d9b373c7da9335537/2.08/en-US/83c89ccef12f48ab98f6c3811bd025b3.html
https://help.sap.com/viewer/b4b7cba328bc480d9b373c7da9335537/2.08/en-US/3cdebeb04b4205908140242c9d6817.html
,查淘客