# 如何执行后台逻辑
#### 什么是执行后台逻辑
在标准页面执行后台逻辑，即在标准页面组件的事件中，调用其他服务补充和实现当前事件的行为。
例如，在员工信息录入页面中，在信息"提交"按钮的"点击"事件中，调用API，将表单中的员工信息发送到数据库进行保存。或者调用在标准页面中的服务编排或脚本，并对需要保存的信息进行预处理。
标准页面执行后台逻辑一般是通过**调用标准页面服务** 和**调用第三方接口** 两种方式实现。本章节主要介绍调用标准页面服务，关于标准页面调用第三方接口的内容请参见[如何调用第三方接口](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0647.html)。
标准页面的服务主要分为**服务编排（Flow）** 、**脚本（Script）** 和**公共接口** （**API**）三种，对应的页面模型为"服务"。
图1页面模型（服务）   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046308.png "点击放大")
#### 方式一：将服务封装成页面模型执行后台逻辑
将服务（服务编排、脚本或API）映射为页面模型，在组件事件JS代码中，操作对应的页面模型实现执行后台逻辑。
![](https://support.huaweicloud.com/usermanual-astrozero/public_sys-resources/note_3.0-zh-cn.png)
如何将标准页面需要使用的服务，映射为页面服务模型，请参见[如何获取后台数据](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0050.html)。
在创建页面服务模型，并将服务与页面模型绑定时，对应服务的入参和出参会成为页面服务模型的子节点。之后在标准页面组件的事件JS代码中，将入参数据封装好，调用标准页面提供的run()方法即可调用该服务，并在回调函数中获取出参。
本章节以设备查询为例，详细介绍如何将服务封装成页面模型执行后台逻辑。设备查询实现原理是通过输入设备id，单击"搜索"按钮，查询设备的详细信息，如[图2]所示。
图2设备查询样例   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125629.png "点击放大")
设备查询是在设备对象的基础上进行的，此处假设已创建了一个设备对象且对象中有足够的数据，另外还需要提前创建一个可以进行查询的服务编排或脚本"queryEquipment"，并启用。下面向您讲解在标准页面中，创建页面模型、绑定服务，并在组件事件中调用服务的过程。
1. 在标准页面开发界面，单击页面底部的"模型视图"。
2. 在模型视图页面，单击"新增模型"，设置模型名为"queryEquipment"，类型为"服务"，如[图3]所示。
   
   图3创建服务类型模型   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125617.png "点击放大")
   
   
3. 单击"下一步"，选择服务类型。 
   此处的服务类型，需要根据[2]中创建的服务类型进行选择。系统会根据选择的服务，自动将该服务的入参和出参在当前页面模型下生成子节点。如[图4]中，入参为equipmentId，出参为equipment，单击"下一步"后，系统自动生成run方法，用于在组件事件代码中调用服务编排或脚本，如[图5]。
   图4生成出参入参节点   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046292.png "点击放大")
   图5自动生成run方法   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046304.png "点击放大")
   
   
4. 在标准页面开发界面底部，单击"设计视图"，切换到页面内容编辑状态。
5. 选中页面中的"提交"按钮，在右侧属性区域，选择"事件"。
6. 单击"点击"后的"+"，在"添加动作"弹窗中，输入以下自定义JS代码。 
   图6点击事件   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932886912.png)
   ```
   // 获取输入框中输入的id     
        let id = $model.ref("input").getData(); 
        // 获取由服务编排或脚本创建的模型
        let _model = $model.ref("queryEquipment");
        // 向模型中设置入参
        _model.setValue("inputParam", {"equipmentId": id});
        // 调用run方法执行服务编排或脚本
        _model.run().then(()=>{
           //获取queryEquipment的出参后赋值给页面表单模型equipmentForm
           var data = _model.getData();
           if(data.outputParam && data.outputParam.equipment) {
               var equip = data.outputParam.equipment;
               $model.ref("equipmentForm").setData(equip);
           }
        }).catch((e) => {
            this.$dialog.error({ title: '错误', content: e.resMsg });})
   ```
   
   
7. 设置完成后，单击"创建"。
 
#### 方式二：在组件的事件代码中，直接调用服务
除了将服务编排、脚本和API封装成模型调用外，还可以在组件的事件代码中，直接调用服务。
- 在代码编辑页面左侧，单击"服务类"下的"服务编排"按钮，获取调用服务编排的代码。通过简单的修改，如服务编排的名称，版本号，即可初始化并得到服务编排对象。 系统提供了多种内置API，用来操作服务编排对象。例如，run方法用来一次性执行完服务编排，也可以调用start、next、back、finish、resume、terminate等方法，实现在服务编排特定阶段执行回调方法。
  图7服务编排快捷代码   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125605.png "点击放大") 
- 在代码编辑界面左侧，单击"服务类"下的"脚本编排"按钮，获取调用脚本编排的代码。通过简单的修改，如脚本编排的名称，即可初始化并得到脚本编排对象。调用平台内置run方法，来执行脚本。
  图8脚本编排快捷代码   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285421.png "点击放大") 
- 在代码编辑界面左侧，单击"服务类"下的"服务请求"按钮，获取调用API请求的代码。通过将样例代码中的url替换成真实业务url，配置请求参数，请求方法和请求头信息，调用平台内置run方法即可请求API。
  图9服务请求快捷代码   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932886900.png "点击放大") 
![](https://support.huaweicloud.com/usermanual-astrozero/public_sys-resources/note_3.0-zh-cn.png)
对象、服务编排和脚本编排也可以配置成API，通过API的方式进行调用，更多内容请参见[API接口](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0643.html)。