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