检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
路由导航（示例）：通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据页面提供更多的交互模式。 选项卡：用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时，可通过
标准页面组件入门 标准页面创建后，用户可以拖拽各种组件到页面中，并通过组件的属性面板，以设置属性方式，配置组件的功能、名称、宽/高/颜色等样式，丰富页面功能。部分属性支持国际化配置，在支持国际化多语言的属性配置中，可选择已有多语言、创建或更新多语言，此处创建的多语言会保存在租户的多语言库中。
设置AstroZero高级页面自定义背景框组件属性 自定义背景框用于在页面添加遮罩层或背景。 图1 设置自定义背景框属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告。
自适应高度：组件的高度是否随宽度改变。 开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。
调测AstroZero高级页面 在高级页面开发过程中，经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以
> widgetActionTemplate (widget2) > Receive Action”。 单击页面上方的，保存页面。 保存成功后，单击，进入预览页面，查看效果。 父主题： 如何实现组件交互
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 在设计页面左上方单
组装“业务用户注册”页面 “业务用户注册”页面实际上是一个对话框，是在管理员操作“新增用户”时，弹窗的注册对话框，详细如图1所示。 图1 业务用户注册对话框 结合页面需求，页面需要创建如下模型： 表1 模型分析 模型名称 作用 详细定义 userInfo 保存注册用户信息的参数。
流程图：流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。在设计标准页面时，可以直接从左侧“组件”区域，将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题： 标准页面
默认 > 页面跳转”，配置“事件编辑”页面上参数，设置跳转页面，新增参数“pageMacro”为“${e.param1}”，单击“确定”。 “事件编辑”中页面跳转主要参数说明如下。 页面类型：分内部页面和外部页面，此场景中“Page2”为内部页面，请勾选“内部页面”。 内部页面：配置动作跳转至页面“Page2”。
}); 返回标准页面开发界面，单击页面上方的，保存页面。 保存成功后，单击，预览页面。 单击获取参数按钮，在页面中按F12，打开浏览器的调试界面。 在Console页签下，可以查看到打印的参数，也就是请求的结果，如图10所示。 图10 预览效果 父主题： 标准页面
设置AstroZero标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码，用户通过微信或支付宝扫描二维码，可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
默认 > 页面跳转”，配置“事件编辑”页面上参数，设置跳转页面，新增参数“pageMacro”为“${e.param1}”，单击“确定”。 “事件编辑”中页面跳转主要参数说明如下。 页面类型：分内部页面和外部页面，此场景中“Page2”为内部页面，请勾选“内部页面”。 内部页面：配置动作跳转至页面“Page2”。
管理页面模板 AstroZero支持用户将高级页面发布为页面模板，便于后续复用，减少重复开发，提高交付效率。在页面模板管理中，可以管理该账号下所有用户创建的高级页面模板。 管理页面模板 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理
管理页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理禁用资产 管理页面模板 父主题： 应用管理
组装“业务用户管理”页面 “业务用户管理”页面主要是通过页面对象模型与“PortalUser”标准对象绑定，并在前端页面保存新增业务用户时，调用“用户注册”逻辑，完成对该对象进行增删查的操作，实现业务用户管理功能。 结合页面需求，页面需要创建如下模型： 表1 模型分析 模型名称 作用
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
