为流程实例创建用户界面

要创建流程实例用户界面，请首先创建一个包含已生成页面的客户端人员服务。 然后，您可以修改已生成的服务和页面以创建自己的定制界面。

1. 打开要为其创建用户界面的流程。
2. 切换到 " 视图 " 页面。
3. 选择要创建的接口，例如， 详细信息 UI 或 启动 UI下的 缺省值 。
4. 单击 客户端人员服务 旁边的 新建 ，然后输入用户界面的名称。
5. 单击下一步。
   在“新建客户端人员服务”页面中，您会看到可以与客户端人员服务来回传递的变量列表。

   您无需在流程和人员服务之间映射变量。 流程变量已映射到具有相同名称的人员服务变量。

6. 单击 完成。
7. 这样会打开客户端人员服务编辑器。 切换到 " 变量 " 页面。
   请注意，从流程映射的输入和输出变量已被锁定。 您只能在流程编辑器中编辑这些变量。 但是，您可以添加仅对人员服务可用的专用变量。

   如果要创建启动 UI ，那么将生成类型为 Boolean 的 cancelLaunch 变量。 缺省值为 false。 您只能查看该变量，不能对其执行更改或删除操作。 变量的值由启动 UI 人员服务设置。 用户在启动期间完成人员服务时，如果 cancelLaunch 的值为 true，那么取消启动。 如果值为 false，那么启动流程。

8. 切换到 " 图 " 页面。
   已为您生成一个基本图。 如果要创建详细信息 UI，该图将包含一个数据更改事件处理程序，用于管理运行时 UI 中的数据更改。 这是即用型事件处理程序。 但是，您可以通过双击数据更改节点来定制实施。 有关更多信息，请参阅 处理数据更改。
9. 完成人员服务图并定制页面。
   • 对于详细信息 UI，生成的人员服务具有两个页面：
     • 查看实例详细信息，其中包含以下视图:

       缺省实例详细信息模板

       在 Process Portal中显示实例详细信息。

       数据部分

       显示传递到人员服务中的变量的值。

     • 显示错误，如果找不到实例，将返回错误。
     人员服务从“仪表板”Toolkit 中的模板生成，该模板称为“实例详细信息 UI 服务模板”。 有关更多信息，请参阅 实例详细信息 UI 服务模板。
   • 对于启动 UI，已生成的人员服务有输入数据页面，针对每个映射的流程变量都具有一个控件。 指定启动流程 UI 时，将生成类型为 Boolean 的 cancelLaunch 变量。 变量的值由启动 UI 人员服务设置。 如果 cancelLaunch 的值在用户完成启动人员服务时为 true，那么取消启动。 如果 cancelLaunch 的值为 false，那么启动流程。 缺省值为 false。 生成的“启动 UI”拥有一个具备以下两个按钮的页面：确定和取消。 如果用户单击取消，cancelLaunch 变量设置为 true。
     您可以修改“启动 UI”，以便用户能够在“文件夹”页面中指定的流程文件夹中查看或添加文档。 要执行此操作，请使用“内容管理”Toolkit 中提供的视图来查看和检索内容库中的文档。 例如，文档资源管理器控件。 “内容管理”Toolkit 中提供这些控件。 有关更多信息，请参阅：

     • 如何使用视图来存储或查看文档
     • 响应式文档资源管理器

     注: 如果取消流程启动，那么不会删除从流程文件夹引用的位于外部 Enterprise Content Management 系统中的文档和文件夹。
10. 单击 保存 或 完成编辑。
11. 测试客户端人员服务。
    • 对于 "启动 UI" ，单击 运行 以测试客户端人员服务和页面。
    • 对于“详细信息 UI”，执行以下某个操作：
      • 如果未定制人员服务流，请在 Process Portal中运行实例 UI。
      • 如果想逐步测试和构建定制 UI：
        1. 运行与定制 UI 关联的流程的实例并记录实例标识。
        2. 人员服务具有一个用于在流程实例标识为空时显示错误的逻辑。 通过将开始节点直接连接到客户端 Init 数据节点来除去此逻辑。
        3. 在客户端 Init 数据脚本中，修改第一行，如下所示：

           tw.local.selectedInstanceId ='6'; 

           其中，6 是您在第 a 步中记录的实例标识。
        4. 运行该人员服务。
        5. 您对服务按照预期工作感到满意之后，请还原在步骤 b 和 c 中所做的更改。 通过在 Process Portal中运行实例 UI 再次进行测试。