开始使用编程模型的灵活性
学习目标
识别灵活编程模型的主要组件。
在本课程的前几个单元中,你主要使用 SAP Fiori 工具来配置 SAP Fiori elements 的功能。在底层,这些工具为你的应用添加了 UI 注解和 manifest.json 设置,但到目前为止你还没有编写任何 UI 代码。这些工具旨在覆盖你可能遇到的大多数业务场景。
然而,有时你可能需要更大的灵活性,引入一些自定义代码或自定义控制器逻辑。SAP Fiori elements 通过其编程模型内置的灵活性来支持这一点。从 SAPUI5 1.94 版本开始,这种灵活性就已可用。
当你使用编程模型的灵活性来扩展 SAP Fiori elements 应用时,你可以确信随着 SAP Fiori elements 的演进,你的扩展仍将保持稳定。
视频:本节含 SAP 官方视频(视频 ID
1_j92vhlwr),需在 learning.sap.com 在线观看。
你可以使用 SAP Fiori development portal 以交互方式探索所有可用的 SAP Fiori elements 功能与能力,包括标准功能和扩展可能性。通过实时编辑,你可以执行以下操作:
更改注解并立即看到它们如何改变用户界面。
测试不同的配置组合。
了解元数据如何驱动 UI 行为。
在与自己的项目隔离的沙箱环境中安全地探索。
如何访问 SAP Fiori development portal:
打开 UI5 Demo Kit ,网址为 https://sapui5.hana.ondemand.com/ 。
在顶部导航中,选择 Resources 。
在 Development Tools 部分中,选择 SAP Fiori development portal 。
注意
在某些位置,它可能仍以旧名称 flexible programming model explorer 显示。
SAP Fiori development portal 将你需要的一切分为四个主要区域,每个区域支持 SAP Fiori 应用开发的一个不同方面。
Building Blocks(构建块):本部分涵盖核心 UI 组件——从大多数应用中使用的基本 field 到 tables 和 charts 等高级元素。每个标准 floorplan 在内部都由构建块组成。每个构建块都带有内置的企业级功能,否则你需要花费数月时间来自己构建。
Global Patterns(全局模式):这些是幕后必备要素——让你的应用达到生产就绪的非可视化构建块:草稿保存、应用内和跨应用导航,以及可靠的错误处理。使用它们来提供用户期望从 SAP 解决方案获得的可靠性。
Standard Floorplans(标准 floorplan):需要快速获得经过验证的布局?本区域为常见场景(如 List Report 和 Object Page)提供现成的页面类型。它们基于多年的 UX 研究,为你带来一致性和速度。你还会看到可以在何处使用 SAP Fiori elements 插入扩展。如果你的应用接近某个标准 floorplan,那么使用扩展点进行扩展是通往终点线的最快方式。
Custom Pages(自定义页面):针对独特需求,本部分说明如何组合可视化与非可视化构建块来打造自定义布局,同时不丢失企业级功能或基于注解的优势。
面向 OData V4 应用的 SAP Fiori elements 扩展能力包括:
EXTENSION POINTS(扩展点)。它们是 SAP Fiori elements 框架的"钩子"。它们是容器,你可以用来实现自己的 UI,例如自定义部分或自定义页面。BUILDING BLOCKS(构建块)。它们是由 SAP Fiori elements 提供的可复用代码片段,例如 table 构建块。你可以在自己的扩展点中使用它们。CONTROLLER EXTENSIONS(控制器扩展)。这些方法让你可以用自定义代码覆盖或增强标准逻辑——例如实现事件处理器、生命周期钩子、校验,以及导航或编辑流程行为。SAP Fiori elements 提供 Extension API,它为扩展列表报表和对象页面应用提供了全面的能力。请将 Extension API 作为扩展列表报表和对象页面应用的唯一受支持接口。不要直接访问或操作内部方法或控件,因为它们不是公共 API,可能会在不另行通知的情况下发生变化,从而在未来的升级中破坏你的应用。
总结
在本课中,你了解到面向 OData V4 的 SAP Fiori elements 编程模型足够灵活,可以在标准功能之外添加自定义逻辑和 UI 控件。通过使用文档化的扩展点以及 SAP Fiori development portal 中提供的 Extension API,你的扩展将保持稳定、可安全升级并与框架保持一致。
延伸阅读
Introducing the SAP Fiori Development Portal: Your Gateway to Rapid SAP Fiori App Creation (1 of 6)
Get familiar with SAP Fiori Development Portal and the Power of the Building Blocks (2 of 6)
Extension API for list reports in SAP Fiori elements for OData V4
Extension API for object pages on SAP Fiori elements for OData V4