
# 华为云Astro轻应用标准页面事件编排器概述
在华为云Astro轻应用标准页面中，通过系统预置的事件编排器，或者直接通过定义JavaScript代码，来实现页面组件与后台接口之间的交互。
#### 认识事件编排器
图1事件编排器   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001912435222.png "点击放大")
事件编排是页面的重要组成部分，用于承载页面中的逻辑，完成事件响应，以帮助用户快速高效地实现页面所需要呈现的功能效果。
- 事件行为区：集中存放事件编排过程中使用的行为节点，包括系统内置的动作（例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重置表单等）和自定义动作（例如获取当前组件、获取页面模型等）。
- 事件定义区：事件编排的操作区域，完成对事件逻辑的编排。开发者在代码编写过程中，键入特定的字符，界面会进行提示，从而自动构建智能代码补全服务，增强IDE代码补全能力。
  - 事件内置API补全：输入"context"后，提示事件代码内可调用的API。
    图2事件内置API补全   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001942184998.png "点击放大") 
  
  - 模型名称补全：输入"context.$model.ref"后，提示当前页面中的模型。
    图3模型名称补全   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001969184217.png "点击放大") 
  
  - 服务编排名称补全：输入"context.flow"后，提示当前租户下的服务编排。
    图4服务编排名称补全   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002133132429.png) 
  
  - 事件名称补全：输入"context.script"后，提示当前租户下的事件。
    图5事件名称补全   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002097415732.png "点击放大") 
  
  - 服务名称补全：输入"context.service"后，提示当前租户下的API服务，选择API服务名称后自动补全服务地址。
    图6服务名称补全   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002132978061.png "点击放大")
    图7自动补全服务地址   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002097427200.png "点击放大") 
  
  - 华为OneMobile API补全：输入"xm"后，提示华为OneMobile小程序中的API。
    图8华为OneMobile API补全   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002097588376.png "点击放大") 
  
  - WeLink API补全：输入"HWH5"后提示WeLink小程序中的API。
    图9WeLink API补全   
    ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002132989753.png) 
   
 
#### 了解事件执行顺序
在低代码平台的标准页面中，支持给单个组件的事件添加多个动作，上下拖动可对动作进行排序。如下图所示，给按钮组件设置了"重置表单"和"自定义JS代码"两个动作。在预览页面单击该按钮时，会按照设置的顺序先执行"重置表单"，再执行"自定义JS代码"。
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894301392.png "点击放大")
