# 如何使用资源管理插件
在常规代码开发中，通常会将高频使用的代码片段从业务代码中抽离为公共函数，以减少冗余、实现代码复用。 同理，在编排流程元模板进行组合开发时，也存在公共函数统一存储与多处调用的需求。
资源管理插件正是基于这一场景设计：支持将可复用的公共函数统一编写并托管，供后续流程直接调用。该插件为应用级插件，引入后可在当前流程编排服务内任意流程元模板的UI编辑页面中使用。
#### 新建function工具类
1. 登录流程引擎。
2. 在左侧导航栏中，选择"流程编排服务 \> 流程元模板"，进入"流程元模板"页面。
3. 在流程元模板所在行，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002042624488.png)，进入流程元模板的编辑模式。
4. 单击"UI编辑"，切换至"UI编辑"页面。
5. 在左侧插件栏中，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002078671517.png)，展开"资源管理"页面。
6. 在"资源管理"页面，单击"![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002042595906.png) \> function"。
7. 在展开的"添加工具类"页面，输入工具类的名称，编写函数代码。 
   工具类的名称必须以大小写字母、下划线或$开头，包含字母、数字、$符号或下划线。
   图1添加工具类   
   ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002078702793.png "点击放大")
   函数代码示例：
   ```
   function utils() {
     console.log(123)
   }
   ```
   
   
8. 单击"保存"。
9. 在弹出的提示框中，单击"确认"，完成新建function工具类。 
   此时，您可以进入"页面JS"，通过"this.utils.工具类名称"的方式使用自定义的函数。
   
   
 
#### 删除function工具类
1. 登录流程引擎。
2. 在左侧导航栏中，选择"流程编排服务 \> 流程元模板"，进入"流程元模板"页面。
3. 在流程元模板所在行，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002078583877.png)，进入流程元模板的编辑模式。
4. 单击"UI编辑"，切换至"UI编辑"页面。
5. 在左侧插件栏中，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002042466232.png)，展开"资源管理"页面。
6. 在"资源管理"页面，单击待操作的工具类。
7. 在展开的"编辑工具类"页面，单击"删除"。 
   图2删除工具类   
   ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002078583605.png "点击放大")
   
   
8. 在弹出的"删除资源"窗口中，单击"确认"。
9. 在弹出的提示框中，单击"确认"。