检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero高级页面水位图组件属性 水位图组件用于实现水位图的统计。 图1 设置水位图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
查看页面性能 使用说明 低代码平台支持检查标准页面性能，生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告，单击图2中各指标后的“展开”，可查看性能指标具体详情。
高级页面 AstroZero高级页面概述 创建AstroZero高级页面 为AstroZero高级页面添加组件 设置AstroZero高级页面预置组件属性 为AstroZero高级页面添加自定义组件 为AstroZero高级页面组件绑定数据 添加事件或宏实现AstroZero高级页面组件交互
组装页面 组装“业务用户注册”页面 组装“业务用户管理”页面 验证 父主题： 用户管理功能开发
开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。
到右侧画布中。 图8 在移动端拖拽CommodityDisplay组件 单击页面上方的，保存高级页面后，单击，发布高级页面。 单击，进入预览页面，调整窗口大小，查看效果是否符合预期。 父主题： 高级页面专项
+”，在弹出菜单中选择“高级页面”。 图1 创建高级页面 设置“标签”和“名称”为“Login”，并选择“绝对布局”，单击“添加”。 图2 添加高级页面 高级页面布局有绝对布局和流式布局两种，页面布局详细介绍请参见高级页面布局。在应用中首次添加高级页面时，支持设置视图（电脑端、手机端）。
调测AstroZero标准页面 使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，例如
自适应高度：组件的高度是否随宽度改变。 开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样
数据绑定，页面中详细组件分布如图2所示。 图2 页面组件分析 页面模型分析 页面模型负责与页面组件交互，获取生成工单需要的数据，页面模型需要先定义，然后再与页面组件进行绑定。 对于设备维修工单，需要录入的信息包括：工单基本信息、设备信息以及工单扩展信息。 打开创单页面，有如下处理逻辑：
流程图：流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。在设计标准页面时，可以直接从左侧“组件”区域，将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题： 标准页面
rLogin），单击组件所在行右侧“查看详情”，进入组件详情页。 图4 页面设置下的组件列表 如果页面图标高亮，则需要先单击解锁页面。 单击“更新”按钮进入组件更新页面。 图5 选择更新按钮 单击“请选择源文件(.zip)”，上传本地的组件zip包，再单击“更新”。 图6 上传本地组件包
TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明请参见表3 组件名.js中预置API说明。 TabsWidget.editor.js 组件属
单击“创建”，关闭事件编排器，返回到页面。 单击页面上方的，保存页面。 验证 单击界面上方的，进入预览页面，查看页面的展示效果，并验证以下功能： 在界面上单击“新增设备”，查看是否跳转到“编辑设备”页面，如未跳转，请检查事件代码中页面名称前缀是否是实际空间名。 检查“编辑设备”页面的“设备品牌”下拉框，“省市区”级联框的选项是否正确。
组装“编辑设备”页面 组装页面包括拼装页面组件、定义组件的事件代码，并通过公共接口调用“编辑设备”脚本。 页面分析 如果要实现将前端页面上输入的设备信息保存到数据库中，需要创建与前端组件绑定的自定义模型，以及与后端逻辑关联的服务模型，如图2所示。 图1 编辑设备页面预览 页面上包含输入
（可选）单击页面后的，为标准页面添加目录。 标准页面默认存放在根目录下，在创建标准页面前，您可以先创建标准页面存放的目录，也可以在标准页面创建后将其拖拽到指定目录。 将鼠标放在已创建的标准页面目录上，单击。 如果无需创建标准页面目录，请直接单击页面后的。 选中“空白”，设置页面的标签和名称，单击“添加”。 图1
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
页面列表 “页面类型”选择“标准页面”或“高级页面”时，需要在页面列表中选择需要跳转的已创建的“标准页面”或“高级页面”。 “页面类型”选择“自定义页面地址”时，请直接输入需要跳转的页面地址。 打开新页面：是否在新页面，打开目标页面。 设置完成后，单击“确定”，将自动生成转跳代码至剪切板，只需要粘贴到面板即可。
件的功能。因此，库是支撑高级页面组件运行的第三方依赖。若缺少相应的库，则页面组件不能正常运行。在AstroZero环境配置中，可管理当前环境中该账号下的库资产。 查看库详情 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 >
高级页面 什么是高级页面 高级页面布局 全局高级组件 开发高级组件 如何实现组件交互 如何调用后台接口 如何自定义组件属性 如何配置组件多语言 如何引入第三方库 如何适配多终端 如何使用WebSocket 管理页面级数据源、全局状态 如何检查页面性能 如何调测前台页面 如何设置页面水印
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
