检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在低代码应用列表中，单击已创建BTA应用后的“编辑”，进入BTA应用设计器。 在主菜单中，单击“运行 > 立即运行”，进入出差审批应用预览页面。 单击“我的待办”，在我的待办列表中，单击“待主管审批”，进入主管审批页面。
流程触发人自动通过：若勾选该选项，任务接收人是流程触发人时，该用户任务会被自动审批。 已审批过该流程的审批人自动通过：若勾选该选项，任务接收人在当前BPM实例中已审批过其他用户任务，则该用户任务会被自动审批。
在应用设计器中，选择“界面”，单击页面后的“+”。 输入页面的标签和名称，单击“添加”，新建一个标准页面。 在标准页面底部，单击“模型视图”，将页面从设计视图切换到模型视图。 单击“新增模型”，输入模型名称（link）、“来源”选择“对象”，单击“下一步”。
为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。另外，为确保自定义组件能够自适应不同分辨率设备，在组件开发中用户需要遵从响应式布局设计规范。组件的响应式设计，是高级页面适配多终端的重要前提。
通过事件动作实现AstroZero高级页面内组件的交互 操作场景 AstroZero低代码平台为组件设计了事件-动作机制，实现组件与组件、组件与页面之间的交互。 事件是应用在运行时，页面内发生的动作或者用户执行的操作（例如单击组件、组件加载等）。
快速开始 在进行标准页面设计前，需要对开发界面进行全面的了解。
管理AstroZero标准页面 编辑标准页面 标准页面创建后，如果业务需求有变更，支持再次修改标准页面。 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“编辑”。
创建一个标准页面 创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作，进入应用设计器。 在对应的文件夹后，单击，选择“标准页面”。 输入标签页面的“标签”和“名称”，单击“添加”。 根据业务需求，设计标准页面。
如何设置页面水印 使用说明 如果需要为高级页面设置水印，可参考本章节操作。 操作步骤 参考登录经典应用设计器中操作，登录经典版应用设计器。 在需要设置水印的高级页面后，单击“...”，选择“设置”。 若页面已被锁定，请在编辑页面上方单击，先获取锁。
借助标准页面，您只需要了解基本前端编码知识，通过将页面组件拖拽至“设计视图”的画布中，再进行必要的属性、事件配置，就可以完成页面的开发。 设计视图 标准页面中预置了多种组件，在开发页面时，可以直接从左侧组件区域，将这些组件拖拽到右侧“页面内容”中。
标准页面常用操作入门 在进行标准页面设计前，建议您先对开发界面的常用操作进行简单的了解。 在应用设计器的“界面”中，单击页面后的“+”，设置页面标签和名称，单击“添加”，即可创建一个标准页面（空白页面或基于模板创建）。
创建空白AstroZero标准页面 当系统预置的标准页面模板不能满足您的业务需求时，您可以创建一个空白的标准页面，并根据实际业务完成页面设计。 创建标准页面 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。
那么，从移动端小屏幕设计入手过渡到大屏幕设计，在开发中逐步增加CSS的复杂度，通过补充设计的方式逐步丰富布局。这样，通过移动优先，可以更轻松地开发响应式布局。 父主题： 高级页面
页面 新创建的页面，默认是一个空白的页面框架，可以通过设置页面属性，优化页面效果，支持设置页面水印。 在标准页面设计界面，选择“组件导航 > 页面”后，即可选中“页面”页签。在右侧的属性页签中，可设置整个页面的属性。
如何快速创建一个高级页面 以构建包含基本柱图组件的高级页面为例，向您介绍如何快速搭建高级页面。 新建高级页面。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在模块树中，将鼠标放在某个文件夹上，单击加号，选择“高级页面”。 设置标签和名称，单击“添加”。
创建流式布局类型高级页面。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在模块树中，将鼠标放在某个文件夹上，单击加号，选择“高级页面”。 设置高级页面标签和名称，布局类型选择“流式布局”，单击“添加”。
导出统计页面 统计页面设计完成后，支持在开发态和运行态导出统计页面（导出图片格式为png）。 导出统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击对应的应用，进入应用开发页面。 单击页面右上角的“查看统计”，进入统计页面。
如何检查页面性能 使用说明 低代码平台支持检查高级页面性能，生成性能报告页，供开发者查看。 操作步骤 确认高级页面属性开关“合并并压缩资源”已关闭。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在应用设计器下方，选择“页面设置”。
打开使用第二级路由导航的页面“home”，在设计页面左上方单击，从“导航”的自定义组件中拖出刚创建的Widget至设计页面右侧空白处。在“路由”页签，不做任何配置。 图12 “路由”页签 在设计页面“home”左上方单击，从“导航”中拖出路由视图组件至设计页面自定义组件下方。
图2 设计表单 设计完成后，单击页面右上方的“保存”，保存表单。 设计流程。 此处以设计一个出差审批申请流程为例，更多流程设计的介绍，请参见了解流程设计节点。 在页面上方，选择“流程设计”。 图3 选择流程设计 单击，选择“审批”节点，参考审批配置审批信息。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
