SAP Fiori继续令人兴奋，通过新的SAP Fiori概览页（OVP），您现在可以通过将所有信息放在一个页面（SAP Fiori概览页）中更好更快地执行任务，该页面显示与用户的域和角色相关的各种卡片。在本博客中，我们将教您如何使用标准模板创建SAP Fiori概览页，大淘客是什么，然后我们将通过一个简单的示例向您展示如何向OVP添加卡。
前提条件：
执行以下步骤创建第一个SAP Fiori概览页：
1。登录SAP Web IDE.
2。从模板
3中选择新建项目，新建项目。选择概览页面模板，点击下一步
4。输入项目名称，点击下一步
5。选择您的源系统连接，在这个示例中，大淘客，我使用了演示系统中现有的OData服务（购买合同服务）。
6。点击下一步
7。我创建了一个简单的注释文件，其中包含我想在卡片中显示的字段。
8。上传注解文件，点击确定
9。点击下一步
10。进入项目名称空间，点击下一步
11。单击"完成"创建项目。
12。接下来，让我们向OVP添加一张新卡。右击项目，选择新建->卡片
13。选择已有数据源，点击下一步
注：目前有以下卡片：
14。选择列表卡，点击下一步
15。从下拉列表中选择实体集，并在标题元素下输入标题。
16。在高级选项下，选择如图所示的字段，在本例中，我按采购订单日期对卡片中的数据进行排序。
17。点击下一步
18。单击"完成"创建卡片。
19。接下来，让我们在sapwebide中测试这张卡。右键点击项目，选择Run–>New Configuration.
20。选择沙盒上的SAP Fiori组件，大数据使用，点击新建运行配置
21。选择SAPUI5版本1.32.4，然后单击保存，然后立即运行
22。现在，您将看到您的第一个带有列表卡的OVP。
添加完要在OVP中显示的所有卡后，您可以通过右键单击project并选择deploy，将SAP Fiori Overview页部署到ABAP存储库或SAP HANA云平台。
恭喜！您已经创建了第一个SAP Fiori概述页面。
学习愉快！
-Anil Bavaraju
SAP Press Author-SAP Fiori实施和开发
感谢Anil
嗨，Anil，数据技术与大数据技术，
感谢这个伟大的操作博客。我有一个关于第7步注释文件的问题。
你是如何创建这个文件的？我想自己为其他odata服务创建此文件。
谢谢。
问候，
尼克
你好，尼克，
请查看有关为表卡创建注释文件的链接。可能会有帮助。
杜桑
你好，杜桑，
谢谢分享在线帮助网址。我为我的odata服务找到了注释文件的内容。效果很好。现在，我正在尝试快速查看卡。关于如何在Fiori概述页面中为卡片准备注释内容的公共信息不多。希望将来能看到更多关于SCN的操作。干杯。
问候，
尼克
你好尼克，
你能帮我了解一下注释文件的内容吗？我正在使用Northwind OData服务，试图在列表类型卡中显示员工集合中的员工信息，但无法获取显示的列表中的数据。
您好，
Saurabh
您好，
您需要检查或添加几个部分，以使数据显示在OVP中的卡上。
1。目的地设置：我的设置如下所示，你可以找到一些博客谈论这个问题。在webidecloud中，跟随这个精彩的博客来创建你的OVP项目。在步骤6中，在"源"部分选择"服务URL"；在下拉列表中选择"Northwind"模型；输入"http://services.odata.org/V3/Northwind/Northwind.svc"在下一个文件中
4。在第7步中，在这个阶段，您可以使用一个文件（比如myAnnon.xml文件)有一些虚假的内容。我们稍后将用正确的内容替换它。
5.完成步骤11后，您的项目结构和项目内容清单.json应该如下所示。
6。完成其余步骤并运行项目。我认为你只能得到一张内容为空的卡片，但你应该能够看到卡片底部显示的总记录数。这意味着至少WebIDE可以调用Northwind odata服务来获取Employees实体集中的所有记录。如果没有，请打开开发者控制台，检查错误消息，并进行修复。
7。注释文件的结构如下所示。
8。使用以下内容作为批注文件的内容。
有关如何提供列表卡中的数据，请查看其联机帮助。
列表卡-SAP NetWeaver用户界面加载项-SAP库
9。在中设置annotationPath的值清单.json这样地。OVP将搜索com.sap.词汇表.UI.v1.LineItem作为数据源，#top5如果有许多标签和term="com.sap.词汇表.UI.v1.LineItem"在同一标签下
10。最后，卡片是这样的。
干杯。
问候，
尼克
你好，尼克，
感谢您抽出时间回复。我创建的northwind目的地与您发布的屏幕截图完全相同。我也能够创建项目使用概述页面模板在这个博客中解释。在完成项目创建时，我的项目文件夹结构也与您发布的屏幕截图相匹配。在创建项目时，我刚刚上传了一个annotation.xml文件，其内容与本博客中给出的内容相同，只是更改了字段名以匹配northwind服务中的Employees集合。然后我创建一个列表类型卡片，并选择实体设置为Employees.
