检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
背景与原理 业务应用构建登录页面时，一般情况下是通过使用AstroZero的高级页面能力实现。您可以通过本节认识高级页面，并了解登录页面的开发流程。 了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面：对于一般
计费模式 AstroZero服务仅提供了包年/包月的计费模式。包年是一种先付费再使用的计费模式，适用于对资源需求稳定且希望降低成本的用户。通过选择包年/包月的计费模式，您可以预先购买AstroZero并获得一定程度的价格优惠。如您需要快速了解AstroZero服务不同计费模式的具
设置AstroZero高级页面自定义背景框组件属性 自定义背景框用于在页面添加遮罩层或背景。 图1 设置自定义背景框属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
通过自定义动作实现AstroZero标准页面组件交互 操作场景 如果您擅长编写JavaScript代码，可以不使用事件编排器中的内置动作，直接通过手动编写JavaScript代码实现事件的逻辑功能。低代码平台支持在手动编写JavaScript代码时，进行代码联想提示，并封装了一些
设置AstroZero高级页面仪表盘组件属性 仪表盘是指通过仪表的特殊展示方式，对数据进行展示。 图1 设置仪表盘组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
创建空白表单 创建空白表单，即在表单画布中，根据字段数据类型选择合适的组件，通过拖拽编排实现表单的构建。表单及其对应的视图、统计表等组成了应用。 创建空白表单 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在“全部应用”中，将鼠标放到已创建的应用上，单击，选择“编辑”。
设置AstroZero高级页面文本编辑组件属性 文本编辑是文本组件的一种，用于显示多行文本。 图1 属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
如何制作/发布/安装解决方案 AstroZero支持在开发环境中制作并发布整体的解决方案包，解决方案中会涉及到多个应用，其他用户可以安装该解决方案包进行使用。 制作并发布解决方案 制作、发布并安装解决方案在开发环境管理中心设置，运行环境和沙箱环境中没有“解决方案”菜单设置页。 参
图14 拖拽alarmDisplayWidget至右侧画布中 调节组件位置和大小，单击页面上方的，保存高级页面。 单击，发布高级页面后，单击，查看组件展示效果。 图15 显示效果 配置和开发完成后，支持触发告警事件，将告警消息推送至高级页面monitor中显示。本示例中有两种方法触发告警事件：
图12 拖拽alarmDisplayWidget至右侧画布中 调节组件位置和大小，单击页面上方的，保存高级页面。 单击，发布高级页面后，单击，查看组件展示效果。 图13 显示效果 配置和开发完成后，支持触发告警事件，将告警消息推送至高级页面monitor中显示。本示例中有两种方法触发告警事件：
配置账号的公司信息 使用说明 账号是AstroZero进行资源隔离的基本单位，账号之间是相互隔离的。一个账号类似于一个公司，每个账号下可以有很多的用户。账号管理主要是通过公司配置来对外呈现，支持修改账号的默认时区，默认语言等信息。此处的设置，会影响到以匿名用户身份来访问AstroZero时的语言信息及时区信息。
设置AstroZero高级页面翻牌器组件属性 翻牌器组件用于在页面中展示实时数据的变化，在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 图1 设置翻牌器组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。
自定义AstroZero接口错误码 为自定义接口定义错误码，帮助开发者快速定位问题，减少调试和解决问题的时间，提升用户体验。AstroZero支持对错误码信息进行多语言国际化配置，实现根据用户使用不同的语言，将错误码信息进行不同的展示。 除了在应用开发设计器中设置错误码，您还可以
设置AstroZero高级页面图片组件属性 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 图1 设置图片组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
页面间组件交互 使用说明 页面间组件的交互，除了需要事件-动作机制，还需要用到低代码中的页面宏。本章节通过具体示例，为您介绍页面间组件交互的方法。如图1所示，高级页面Page1中包含示例组件widgetEventTemplate，高级页面Page2中包含示例组件widgetPag
通过宏实现AstroZero高级页面间组件的交互 操作场景 页面间组件的交互，除了需要事件-动作机制，还需要用到低代码中的页面宏。本章节通过具体示例，为您介绍页面间组件交互的方法。如图1所示，高级页面Page1中包含示例组件widgetEventTemplate，高级页面Page
设置AstroZero高级页面水位图组件属性 水位图组件用于实现水位图的统计。 图1 设置水位图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
设置AstroZero高级页面基本饼图组件属性 基本饼图是饼图图表的一种，用于实现饼图图表统计。 图1 属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时，可以在脚本中为表单添加一些提交限制，来提升用户体验和数据的安全。例如，在脚本中定义一个延迟时间（如图1），在规定的时间内提交表单时，提示“Submission failed: Not PortalUser
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
