# 页面级常见操作
#### 使用说明
低代码平台预置了多种常用的事件交互动作，例如打开页面、弹出页面以及关闭弹出页面。在设计页面时，可以直接使用预置动作，完成页面相关的常见操作。
#### 打开页面
以单击"立即体验"按钮，打开新的产品体验入口页面为例，进行介绍。
1. 在标准页面设计界面，选中按钮组件。
2. 在右侧"事件"页签中，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960126149.png)，进入添加动作页面。
3. 在"内置动作"中，单击"打开页面"，配置目标页面、打开方式等参数，单击"创建"。 
   图1打开页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960126157.png "点击放大")
   - 目标页面：设置待打开的目标页面。
     - 当前应用页面：当前应用中，已创建好的页面。
     
     - URL：某个页面的URL。
     
     - 重新加载当前页面：加载刷新当前的页面。
      
   
   - 打开方式：设置目标页面的打开方式，如在新标签页中打开或在当前窗口打开。
   
   - 参数绑定：当打开的页面URL中，有参数时，可单击"添加"，设置页面URL路径中的参数。
   
   
   
   
4. 返回标准页面开发界面，单击页面上方的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960126141.png)，保存页面。
5. 单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046836.png)，预览页面，单击"立即体验"按钮，可预览按钮的事件效果。
 
#### 弹出页面
以单击"提交"按钮，弹出"提交成功"的提示页面为例，进行介绍。
1. 在标准页面设计界面，选中按钮组件。
2. 在右侧"事件"页签中，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960126149.png)，进入添加动作页面。
3. 在"内置动作"中，单击"弹出页面"，配置目标页面、窗口选项，单击"创建"。 
   图2弹出页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285945.png "点击放大")
   - 目标页面：设置弹出的目标页面类型。
     - 当前应用页面：当前应用中，已创建好的页面。
     
     - URL：某个页面的URL。
      
   
   - 窗口可拖拽：窗口是否可来回拖拽。
   
   - 窗口标题：弹出窗口的标题内容。
   
   - 窗口位置：弹出窗口在屏幕的位置，如屏幕中央或屏幕顶部居中。
   
   - 窗口宽度：窗口的宽度，单位像素。
   
   - 窗口高度：窗口的高度，单位像素。
   
   
   
   
4. 返回标准页面开发界面，单击页面上方的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285965.png)，保存页面。
5. 单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046808.png)，预览页面，单击"提交"按钮，可预览按钮的事件效果。
 
#### 关闭弹出页面
以单击"确定"按钮，关闭弹出页面为例，进行介绍。
1. 在标准页面设计界面，选中按钮组件。
2. 在右侧"事件"页签中，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960126153.png)，进入添加动作页面。
3. 在"内置动作"，单击"关闭弹出页面"，单击"创建"。 
   图3关闭弹出页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932887456.png "点击放大")
   
   
4. 返回标准页面开发界面，单击页面上方的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046820.png)，保存页面。
5. 单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285933.png)，预览页面，单击"确定"按钮，可预览按钮的事件效果。
 
#### 弹出消息对话框
该预置动作，用于弹出消息对话框。以单击"确定"按钮，弹出"创建实例成功"的消息对话框为例，进行介绍。
1. 在标准页面设计界面，选中按钮组件。
2. 在右侧"事件"页签中，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046840.png)，进入添加动作页面。
3. 在"内置动作"，单击"弹出消息对话框"，设置相关参数，单击"创建"。 
   图4关闭弹出页面   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960126161.png "点击放大")
   - 消息类型：弹出的消息类型，如成功、错误、警告和提示。
   
   - 标题：消息对话框左上角，显示的标题。
   
   - 消息内容：消息对话框中，显示的消息内容。
   
   - 内容作为HTML渲染：内容是否作为HTML渲染。动态渲染HTML容易导致XSS攻击，开启此属性时，请确保传入的内容是可信的。
   
   - 按钮：消息对话框中，显示的按钮名称。
   
   - 弹出后延时自动关闭：弹出后，是否支持延时自动关闭。勾选后，需要设置延时秒数。 例如：勾选该参数，并设置延时3秒。效果为弹出消息对话框后，3秒后自动关闭该弹框。
     
   
   
   
   
4. 返回标准页面开发界面，单击页面上方的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046848.png)，保存页面。
5. 单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285937.png)，预览页面，单击"确定"按钮，可预览按钮的事件效果。