配置对象页面正文的部分

学习目标

  • 将部分添加到对象页面

在本练习中，您将向子对象页面正文添加包含飞机详细信息的部分。

前提条件

您已在同一单元中完成练习设置子对象页面抬头（课程：配置对象页面的抬头区域）。

观看模拟并执行步骤

此练习包含指导您完成详细步骤的模拟。模拟后可以找到所有步骤。您可以遵循模拟并使用自己的试用账户执行步骤。

练习：开始练习（SAP 官方交互式练习）

步骤

  1. 打开 SAP Business Application Studio。

  2. 右键单击 travels 项目中的 webapp。

  3. 从后续菜单中选择显示页面映射选项。

  4. 在页面编辑器中选择 Travel_BookingObjectPage 的编辑图标。

  5. 选择部分行。

  6. 选择部分行的添加图标。

  7. 从列表中选择添加标识部分。

  8. 在添加标识部分对话框的标签字段中输入**飞机详细信息。平面详细信息添加到*页面编辑器的部分*行中。

  9. 展开飞机详细信息行。

  10. 在飞机详细信息中展开表单。

  11. 选择字段。

  12. 选择字段的添加图标。

  13. 从列表中选择 添加基本字段 选项。

  14. 在添加基本字段对话框中选择**字段字段的下拉图标。

  15. 从列表中选择 _Flight/PlaneType、Flight/MaximumSeats 和 _Flight/OccupiedSeats。

  16. 从 添加**基本字段 对话框中选择 添加 。您可以看到所有三个字段都已添加到 字段 中。

  17. 选择 最大容量 的 在源代码中编辑 图标，以打开已向其添加 注释的文件。

  18. 您可以看到页面编辑器为所有三个字段添加的 UI.Identification 记录。

  19. 从部分中选择飞机详细信息行。

  20. 从右侧窗格的标签字段中选择全局图标。

  21. 从后续弹出窗口中选择应用。

  22. 选择飞机详细信息行的在源代码中编辑图标。

  23. 您可以看到页面编辑器添加的 UI.Facets 记录。将创建新部分。它引用定义部分内容的 UI.Identification 注释。

  24. 向下滚动以查看所有三个字段的 UI.Identification 注释定义。

  25. 切换到浏览器中的应用预览。您可以在子对象页面正文中看到包含飞机详细信息的部分。

  26. 选择右侧的 V 形展开对象页面。

  27. 选择子对象页面的全屏选项以将其展开。您已观察到应用的响应行为，尤其是子对象页面的全屏模式。

结果

已使用页面编辑器成功将部分添加到子对象页面正文。您还可以使用引导式开发指南添加新部分 向对象页面添加新部分。