动机介绍SAPUI5小程序示例场景先决条件定义数据模型和接口数据模型外部接口构建SAPUI5小程序创建初始SAPUI5应用程序项目结构在中定义项目配置清单.json文件实施组件.js文件通过实现SelectionService类定义外部组件接口实现SAPUI5 Applet XML视图为视图实现SAPUI5控制器部署SAPUI5小程序创建Allowlist条目在样式中插入SAPUI5小程序将SAP GUI运行时与SAPUI5小程序的数据模型绑定进一步考虑摘要进一步阅读
许多SAP屏幕角色客户正在使用该产品强大的JavaScript脚本引擎，通过SAPUI5框架扩展SAP GUI应用程序。这些客户经常利用GuiHtmlViewer web应用程序容器将定制SAPUI5应用程序嵌入到SAP Screen Personas风格中，使用HTML内联框架和跨源资源共享机制进行数据交换。
SAP Screen Personas脚本编辑器的主要目的是通过使用SAP Screen Personas脚本API和JavaScript记录或手动定义用户交互序列来实现输入自动化。它没有针对开发和维护定制SAPUI5代码进行优化，导致许多客户要求改进开发体验。
在SAP Screen Personas 3.0 Support Pack 12发行版中，我们通过使用一个名为SAPUI5小程序。SAPUI5 applets功能是SAPUI5-SAP-Fiori支持的延续，用于使用Slipstream引擎呈现的经典SAP-GUI屏幕。
本文的目的是概述使用SAPUI5 applets功能时的技术注意事项。
SAPUI5 applet是一个SAPUI5-SAP-Fiori应用程序，完全使用适当的工具—如Visual Studio代码、SAP Business Application Studio或SAP WebIDE—然后部署在SAP后端系统上，并在单页应用程序环境中使用滑流引擎风格。小程序的例子可以是sapfiori表、图表，甚至是一组没有任何用户界面（UI）的服务，SAP Screen Personas scripting API可用于在SAP GUI运行时和SAPUI5小程序的视图模型之间交换数据。
与传统方法相比，大数据解决方案，使用SAPUI5小程序功能的一些优点是直接在风格脚本中利用SAPUI5代码：
将用户输入自动化与自定义SAPUI5开发分离访问专用的SAPUI5集成开发环境，通过遵循SAP提供的最佳实践，该环境可用于定制sapfiori开发改进了可维护性、可测试性、模块化、可支持性和可升级性更好的性能，因为单页应用程序概念意味着不需要在HTML内联框架中加载和初始化SAPUI5框架简单的集成和生命周期管理，大数据时代，云服务器商，因为SAPUI5 applet组件由Slipstream Engine管理
创建SAPUI5 applet并在SAP Screen Personas flavor中使用它的高级过程如下：
为了更好地说明SAPUI5 applet特性，让我们看一个示例场景。
在这个示例中，在Slipstream Engine中呈现的经典SAP GUI事务IW29显示通知将通过使用响应的SAPUI5 SAP Fiori表替换标准网格控件来定制，以显著改进其在移动设备上的功能。
高级业务要求如下：
确保通知列表响应迅速，手机自助建站，可自动适应移动设备屏幕。实现搜索、排序和筛选功能，这些功能易于从移动设备使用。当用户选择通知行时，启动事务IW53显示服务通知。所选ID应根据在IW29中选择的行在IW53中预先填充。IW53应该已经使用SAP Screen Personas和Slipstream Engine进行定制，遵循SAP Fiori对象页的设计。
为了实现这些要求，我们将使用SAP Screen Personas 3.0 SP12 SAPUI5 applets特性，用SAPUI5 SAP.m.Table控件替换IW29 GuiGridView控件。
前提条件
图1。所需的IW29网格布局设置
定义数据模型和接口
演示场景中的SAPUI5小程序通过以下方式与SAP GUI运行时集成：
它通过公共数据模型直接使用来自Slipstream引擎中呈现的IW29事务的通知数据。它通过公开外部接口将SAP屏幕角色脚本附加到SAPUI5表行选择事件中。
SAPUI5小程序将利用SAPUI5数据绑定，根据在中维护的数据结构呈现动态通知列表sap.ui.model模型.json.JSONModel文件实例
这里是JSON数据演示场景的结构目标模式：
数据结构示例中的每个对象表示一个表行，JSON对象键与IW29表布局的技术列名匹配；因此简化了SAP屏幕角色适配器脚本，因为不需要数据映射功能。
SAP屏幕角色脚本将通过：
遍历原始IW29表并根据商定的格式准备数据结构对象来设置SAPUI5小程序初始数据使用脚本API在flavor加载期间检索SAPUI5小程序视图模型实例将创建的数据结构设置到SAPUI5 applet的视图模型实例中，并因此触发自动数据绑定更新
根据业务需求，用户的行选择事件必须由SAP Screen Personas脚本捕获：
取所选的通知ID，将事务从IW29切换到IW53通过自动预先填充所选通知ID跳过通知选择屏幕
为实现要求，SAPUI5小程序将具有定义外部接口的sap/ui/core/service/service类扩展：
