如何使用物料插件

组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。举个例子，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。

下面介绍如何在UI编辑页面使用组件，实现流程页面快速搭建。

添加模板或组件

登录流程引擎。
在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。
在流程元模板所在行，单击，进入流程元模板的编辑模式。
单击“UI编辑”，切换至“UI编辑”页面。
在“编辑态”的电子流中，选择待构建流程页面的流程节点。
在左侧插件栏中，单击，展开物料面板。
在物料面板中，选择模板或组件，并拖拽至画布中。

其中，流程引擎预置了如下几种常见流程模板：
- 提交页面模板：是一个通过流程引擎的UI编辑页面搭建的页面模板，主要应用于规范化和自动化提交流程的场景，帮助团队成员按照预定的步骤提交流程。在启动流程过程中，还会根据当前登录账号的用户访问权限动态控制提交页面的业务交互。例如，提交流程后，如果当前登录账号的用户是申请人，则显示“关闭流程”，支持用户关闭流程；如果当前登录账号的用户不是申请人，则只能查看流程。
- 评审页面模板：即审批页面模板，是一个通过流程引擎的UI编辑页面搭建的页面模板，主要应用于流程中的审批场景。例如，流程运行至某个审批环节时，该审批页面会根据当前登录账号的用户访问权限，动态显示/隐藏“提交”按钮组件。
- 流程记录模板：是一个通过流程引擎的UI编辑页面搭建的页面模板，主要用于记录和展示流程的步骤和细节，包括流程信息、当前任务节点、历史转他人处理记录和流程记录，帮助团队成员理解和执行流程。
这些模板使用到的组件主要来源于当前UI编辑页面提供的组件。开发者能够在对应模板基础上进行一些额外的定制化改造，以此适应企业中不同的业务场景需求。

选中组件

添加了组件之后，您可以选中组件，对组件进行修改、删除、移动等操作。

以下为选中组件的相关方法：

在画布中直接单击组件，选中组件。
图1 在画布中直接单击组件
在左侧大纲树插件中，以树的形式展示了当前流程节点页面中所有的组件，单击树节点，选中画布中的组件。
图2 在大纲树单击树节点选中组件
底部组件层级面包屑展示了从根节点到当前选中组件的层级节点，单击底部组件层级面包屑的某一个节点，选中父组件。
图3 展示当前选中组件的层级节点

图4 在底部组件层级面包屑选中父组件