检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“详情”。 在标准页面的详情页面,可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后,支持将标准页面移动到拥有开发权限的应用中。例如,A应用中创建的标准页面,在B应用中也会用到,为避
e cache”属性会自动不勾选。同时请确保高级页面已发布,若未发布,单击高级页面上方的,发布页面。 图3 查看性能分析报告 在页面性能报告中,单击各指标后的“展开”,可查看性能指标详情。 图4 查看性能指标详情 父主题: 高级页面
发布当前开发的页面,页面发布后可以预览该页面的运行态效果。 页面修改、保存后,需再次执行发布操作,才能在应用和预览页面中体现修改内容。 :页面发布后,可以预览该页面运行态效果。 :页面开发完成后,可将该页面发布为模板。 /:页面开发过程中如果出现误操作,可执行撤销、复原操作。 :低代码平台支持检查高级页面性能,生成性能报告页供开发者查看。
创建一个标准页面 创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录经典应用设计器中操作,进入应用设计器。 在对应的文件夹后,单击,选择“标准页面”。 输入标签页面的“标签”和“名称”,单击“添加”。 根据业务需求,设计标准页面。 参考平台标准组件介绍中
}) 返回标准页面开发界面,单击页面上方的,保存页面。 设置工具栏区域。 在左侧“设计视图”中,选中“表格”,单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮,只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的,保存页面。 树形数据功能介绍
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
自适应高度:组件的高度是否随宽度改变。 开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。 全边框 样式:设置组件边框的样式,如实线、点线、虚线和双实线。
设置AstroZero高级页面文本编辑组件属性 文本编辑是文本组件的一种,用于显示多行文本。 图1 属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。
开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。 全边框 样式:设置组件边框的样式,如实线、点线、虚线和双实线。
自适应高度:组件的高度是否随宽度改变。 开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。 全边框 样
自适应高度:组件的高度是否随宽度改变。 开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。 图2 全边框 图3 角边框
开发绝对布局类型的高级页面。 以开发如下所示高级页面为例,向您介绍绝对布局类型高级页面中组件的布局方法。 图2 绝对布局类型高级页面组件布局示例 如上图所示,示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方,单击,设置背景图片。 图3 设置页面背景色示例 查找并拖入
(可选)单击页面后的,为标准页面添加目录。 标准页面默认存放在根目录下,在创建标准页面前,您可以先创建标准页面存放的目录,也可以在标准页面创建后将其拖拽到指定目录。 将鼠标放在已创建的标准页面目录上,单击。 如果无需创建标准页面目录,请直接单击页面后的。 选中“空白”,设置页面的标签和名称,单击“添加”。 图1
图1 流式布局 在流式布局中,组件默认为块级(Block)元素,即不论组件宽度是多少,默认占据全部父级元素的宽度。如图2所示,向画布中拖拽一个“容器”组件,再向“容器”组件中拖入两个“标题”组件,“标题”组件为块级元素,默认占据全部父级元素宽度,即外层“容器”的宽度,第二个“标题”组件会在第一个“标题”组件的下方。
分享统计页面 统计页面创建完成后,可将统计结果分享给其他用户查看。 分享统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统计页面后的,选择“分享统计”。
设置AstroZero高级页面水位图组件属性 水位图组件用于实现水位图的统计。 图1 设置水位图属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。
使用模式:设置表格的使用模式,如管理模式、只读模式和勾选模式。 数据操作页面:编辑表格中数据的方式,可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关联的页面名称,例如配置“详情页”、“新增页”、“修改页”的页面名称。如果在当前页面编辑数据,则清空“编辑数据的方式”值。 高级设置 高级设置仅在PC端生效。