检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
固定顶部：开启后，在移动端预览页面时，容器组件在页面顶部显示。 图18 显示在页面顶部 按钮填满容器：开启后，在移动端预览页面时，按钮组件填满整个容器。 图19 按钮填满容器 按钮单行展示：开启后，在移动端预览页面时，按钮组件和其他组件在一行显示。 图20 按钮单行展示 公共 控件名称：设置容器组件在页面的显示名称。
布局模式：设置每一个分栏的布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。
设置AstroZero标准页面模态框组件 模态框作为一个模态对话框的容器，支持向模态框中拖入各种组件，用于在模态框弹出时，用户必须先响应模态框后，才能对其他对象进行操作的场景。 模态对话框功能：当一个模态对话框弹出时，用户想要对模态框以外的应用程序进行操作时，必须先对该对话框进行
如何调测前台页面 使用说明 在高级页面开发过程中，常需要调测自定义组件或整个前台页面，本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试，AstroZero提供Scaffolding脚手架工具，可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题，可借
自适应高度：组件的高度是否随宽度改变。 开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式
管理页面级数据源、全局状态 使用说明 页面组件之间，可以通过配置事件和动作进行信息交互。当页面组件较多，且需要进行信息交互时，频繁的给每个组件去定义事件或动作就比较繁琐了。此时，可以通过定义全局状态，来实现页面级所有组件中数据信息的更新。 低代码平台高级页面支持设置全局状态，通过
设置AstroZero高级页面水位图组件属性 水位图组件用于实现水位图的统计。 图1 设置水位图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
使用模式：设置表格的使用模式，如管理模式、只读模式和勾选模式。 数据操作页面：编辑表格中数据的方式，可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关联的页面名称，例如配置“详情页”、“新增页”、“修改页”的页面名称。如果在当前页面编辑数据，则清空“编辑数据的方式”值。 高级设置 高级设置仅在PC端生效。
t订阅。而消息事件通常通过服务编排、数据接入等进行触发。 在前端高级页面组件开发中，用户可通过以下方式创建WebSocket对象。参数url为需要连接的地址，即客户端订阅地址。 var ws= new WebSocket(url); 实例化对象可监听以下事件，更多WebSocke
自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。 页面发布成功后，单击，进入预览页面，查看页面效果。 新增了路由页面3，结果符合预期。
管理页面模板 AstroZero支持用户将高级页面发布为页面模板，便于后续复用，减少重复开发，提高交付效率。在页面模板管理中，可以管理该账号下所有用户创建的高级页面模板。 管理页面模板 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理
> widgetActionTemplate (widget2) > Receive Action”。 单击页面上方的，保存页面。 保存成功后，单击，进入预览页面，查看效果。 父主题： 如何实现组件交互
设置AstroZero高级页面自定义背景框组件属性 自定义背景框用于在页面添加遮罩层或背景。 图1 设置自定义背景框属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告。
创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作，申请AstroZero免费试用或购买商业实例。 实例购买后，在AstroZero服务控制台的“主页”中，单击“进入首页”，进入应用开发页面。 在“应用”中，单击“新建低代码应用”或单击，进入新建低代码应用页面。 在新建低代
路由导航（示例）：通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据页面提供更多的交互模式。 选项卡：用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时，可通过
自适应高度：组件的高度是否随宽度改变。 开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。
标准页面组件入门 标准页面创建后，用户可以拖拽各种组件到页面中，并通过组件的属性面板，以设置属性方式，配置组件的功能、名称、宽/高/颜色等样式，丰富页面功能。部分属性支持国际化配置，在支持国际化多语言的属性配置中，可选择已有多语言、创建或更新多语言，此处创建的多语言会保存在租户的多语言库中。
配置JS代码 到此，“调查问卷”主页面已创建完成，效果如下： 图43 “调查问卷”主页面 测试“调查问卷”页面应用实例，填写“调查问卷”并单击提交。 图44 模拟填写调查问卷 在经典版应用开发设计器的导航菜单上，单击，即可进入数据调试页面。您可以在数据调试页面，输入sql语句查询创建的“
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
