深入了解培训中使用的应用程序

学习目标

  • 了解培训过程中的核心应用程序和功能。

了解 Manage Travels 应用

在本课中,您将探索培训中主要使用的 Manage Travels 应用,以及 Display Customers 应用。此外,您还将深入了解之前克隆的 CAP 项目的结构。这一探索过程包括更仔细地查看一些文件,在后续练习中您将在这些文件中扩展数据模型或实现后端方法。您还会看到您的 SAP Fiori elements 应用的文件。

观看模拟并执行步骤

本练习包含一个模拟,会带您完成下面描述的所有步骤。您可以跟随该模拟,并使用自己的试用账户执行这些步骤。

练习开始练习(SAP 官方交互式练习)

注意

要在浏览器窗口中启动应用预览,请选择 cds run 或 cds watch。在后续练习中,您将使用 cds watch 以便在项目中做了一些更改后立即更新预览。

了解培训中使用的 CAP 项目的结构

使用场景

在本课中,您将检查之前克隆的 CAP 项目的结构。

观看模拟并执行步骤

本练习包含一个模拟,会带您完成下面描述的所有步骤。您可以跟随该模拟,并使用自己的试用账户执行这些步骤。

练习开始练习(SAP 官方交互式练习)

步骤

  1. 打开 SAP Business Application Studio。

  2. Explorer 视图中,在 Projects 下展开 fiori-elements-v4-cap-advanced

  3. 展开 app。您可以看到两个文件夹 customertravel_processor,,它们分别对应两个应用 Display CustomerManage Travels

  4. 探索 customer 文件夹。

  5. 展开 customer

  6. 要查看 SAP Fiori elements 的应用文件,请展开 webapp

  7. 选择 i18ni18n.propertiesi18n.properties 文件会打开。它包含供翻译使用的 UI 文本。

  8. 选择 localServicemetadata.xmlmetadata.xml 文件会打开。它以 XML 格式包含服务的元数据信息。

  9. 选择 testtest 文件夹包含测试的初始文件。如果您向 SAP Fiori elements 应用程序添加了一些自定义 JavaScript 代码或自定义控件,就需要实现这些测试。

  10. 选择 manifest.jsonmanifest.json 文件是应用设置的主要配置文件。

  11. 选择 annotations.cdsannotations.cds 文件会打开。它包含 CDS 格式的注解。

  12. 探索 travel_processor 文件夹。

  13. 展开 travel_processor

  14. 展开 webapp。webapp 文件夹的结构与 customer 文件夹相同。

  15. 选择 manifest.jsonmanifest.json 文件是 Manage Travels 应用的主要配置文件。

  16. 选择 capabilities.cds。在 capabilities.cds 文件中,您可以看到该服务已启用草稿,并且文件中指定了语义键。

  17. 选择 field-control.cdsfield-control.cds 文件包含影响 UI 上字段和操作的可用性与可编辑性的注解。

  18. 选择 labels.cdslabels.cds 文件包含字段的标签注解。

  19. 选择 layouts.cdslayouts.cds 文件包含主要的 UI 注解,例如 @UI.Identification@UI.LineItem

  20. 选择 value-helps.cdsvalue-helps.cds 文件包含 Manage Travels 应用的值帮助定义。它还包含筛选栏以及编辑模式下表格字段的值帮助定义。

  21. 选择 service.cdsservice.cds 文件包含对包含 CDS 注解的所有文件的引用。

  22. 探索 CAP 服务的数据建模。

  23. 选择 dbschema.cdsschema.cds 文件包含实体的定义以及实体之间的关系。其中一些关联到其他实体,例如 TravelStatusto_Agencyto_Customerto_Booking。有些实体定义在 master-data.cds 文件中。

  24. 选择 master-data.cdsmaster-data.cds 文件包含主数据实体的定义,例如 AirlineAirportSupplement

  25. 选择 common.cds。在 common.cds 文件中,扩展了 sap.common.Currencies,并映射了技术字段。这些技术字段会添加到标记为 managed 的实体中。

  26. 选择 datasap.fe.cap.travel-Travel.csvdata 文件夹包含带有服务各实体初始数据的 CSV 文件。例如,sap.fe.cap.travel-Travel.csv 文件包含 Travel 实体的所有字段。

  27. 展开 srvsrv 文件夹包含服务的实体和操作。

  28. 选择 travel-service.jstravel-service.js 文件包含该服务的 Node.js 方法。这些方法在运行时由 CAP 调用。

  29. 启动 CDS 服务器。

  30. Explorer 视图中,在 Projects 下右键单击 fiori-elements-v4-cap-advanced

  31. 选择 Open in Integrated TerminalTerminal 视图会打开。

  32. 输入 cds watch

  33. 选择 Open in a New TabWelcome to @sap/cds Server 会出现。

  34. 选择 Service Endpoints/processor→*\(metadata*。`\)metadata` 文件以 XML 格式打开。它包含您服务的元数据以及注解。您还可以看到以 XML 格式表示的 Travel 实体定义。

结果

在本练习中,您检查了本培训中将使用的 CAP 项目的结构。您已经看到了数据建模(包括实体和关联),以及服务层,其中公开了实体和操作,并实现了必要的 Node.js 方法。

每个应用至少需要一个注解文件。在 CAP 项目中,注解通常以 CAP CDS 格式编写。这些 CDS 注解随后会转换为 XML 格式的 OData 注解,并与元数据信息一起出现在生成的 $metadata 文件中。SAP Fiori elements 框架利用 $metadata 文件中的数据来生成用户界面(UI)。

后续步骤

您还可以使用低代码功能创建数据模型。有关详细信息,请参阅创建数据模型并将其公开为服务

概览将在培训中实现的功能

探索将要实现的功能

您将探索将在 Manage TravelsDisplay Customers 应用中实现的功能。

观看模拟

本练习包含一个模拟,会带您完成下面描述的所有步骤。您可以跟随该模拟,并使用自己的试用账户执行这些步骤。

练习开始练习(SAP 官方交互式练习)