在我以前的博客（博客1 |博客2）中，我讨论了工作流中最常见的两个问题，并解释了（a）如何从自定义应用程序启动工作流，以及（b）如何将此自定义应用程序嵌入Fiori Launchpad中。在本博客中，大数据库，我将讨论另一个最常被问到的问题——"如何从现有自定义UI创建工作流任务UI"

工作流中的任务UI可以是表单或SAPUI5组件。对于后者，您有两个选择：

从头开始构建任务UI或重用现有的UI5应用程序。

注意：只有部署在云平台上的基于SAPUI5的应用程序才支持任务UI。

如果您确实希望从头开始构建UI，而不是重用任何现有的SAPUI5应用程序，那么您可以通过在组件.js以及查看.xml文件夹。这些调整是必须的，以升级您的用户界面，使其具有任务名称、任务主题、任务优先级等任务属性

在自定义应用程序的xs app json中添加路由。这个路由器是需要的，返利折扣，因为你将调用工作流API。阅读文档第3步了解更多信息。

让我们看看您需要添加的代码片段组件.js. 为此我有一个空的组件.js如下面的屏幕截图所示。

按照下面的指导逐步更新文件：

注1：必须将应用程序ID（如屏幕截图：sapdemobpmtaskui所示）附加到相对API URL。您可以按照此处结果部分的说明获取应用程序ID。

注2：如果您没有在任务UI应用程序xs中添加路由，您将得到404–Not Found错误-应用程序.json.

注1：增强现有自定义UI后，更新按钮的动作脚本，完成任务并这些按钮附加到任务（如上面的步骤4和5所示）。因此，您需要删除查看.xml有按钮来完成UI操作，比如OK，Cancel，确认等

注2：您可以找到更新的组件.js在这里详细了解示例工作流应用程序的变化。

调整查看.xmlUI5组件的文件，以包含任务信息页眉并删除页脚。您也可以选择将代码调整为不显示任务界面的页脚，并将其启用以供独立使用。

在工作流中添加一个用户任务，并将其与您的任务界面相关联。您可以使用用户任务的用户界面属性中的选择选项来发现您的SAPUI5组件。

[可选]此外，要访问"我的收件箱"和监视工作流应用程序，您需要在现有启动板中添加具有给定应用程序ID和目的导航的相应磁贴。只有在您没有使用工作流应用程序配置任何启动板的情况下，才需要此操作。

最后生成并部署MTA项目，人工智能工作，并从cockpit打开启动板应用程序。您将看到跟踪工作流实例的新磁贴，并分别使用任务UI查看工作项。

您现在可以使用表单（资本支出请求）启动工作流，然后在"我的收件箱"中查看任务。注意任务属性的页眉和页脚。

通过几个简单的步骤，您可以将自己的UI作为任务UI重用。如果您想从头开始构建任务UI，那么您必须完全设计组件.js以及查看.xml文件。

供您参考，我上传了GitHub中的示例代码，您可以在构建自己的应用程序时参考。

在本系列的最后一章，云服务器那个好，我将向您展示如何在任务UI中调用外部API。

，企业管理软件开发