检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
调测AstroZero标准页面 使用AstroZero完成标准页面开发后,需要进行预览调测、验证页面是否符合预期效果,例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,例如“
在AstroZero高级页面中,如何实现所有组件都加载完成后,再执行某段逻辑? 问题描述 高级页面开发中,需要在所有组件都加载完成后,再执行某段逻辑,该如何处理? 解决方法 可通过绑定readerPageWidgetReady事件实现,代码示例如下: $(document).bi
cache”属性 在已发布的高级页面上方,单击“性能分析”,进入页面性能分析报告页面。 开发者工具请保持打开状态,关闭后“Disable cache”属性会自动不勾选。同时请确保高级页面已发布,若未发布,单击高级页面上方的,发布页面。 图3 查看性能分析报告 在页面性能报告中,单击各指标后的“展开”,可查看性能指标详情。
设置AstroZero标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
l运行页面。 登录后查找该应用,即可体验应用。 游客用户访问应用页面 AstroZero运行环境中的应用页面是支持游客访问的。 当应用页面是高级页面时,请在AstroZero管理中心的“应用管理 > 应用导航”中,单击应用后的,单击“查看页面地址”,获取高级页面访问地址,分享给游
设置AstroZero高级页面轮播组件属性 轮播是媒体组件的一种,用于循环播放多张图片,可实现多图片的切换和对应事件。 图1 设置轮播组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
高级页面专项 使用AstroZero自定义组件在页面中的属性 使用AstroZero为组件配置中英文语言属性 使用AstroZero创建高级页面适配多终端显示 使用AstroZero开发高级页面时如何引用第三方库 在AstroZero高级页面中使用花瓣图展示订单数据 在Astro
配置需要跳转的页面。 例如,转跳到“调查问卷”提交成功页面,页面类型选择“标准页面”,并在页面列表下选择之前编辑好的提交成功页面“Questionnaires_submitPage”。 图3 选择跳转页面 页面类型:待跳转的目标页面的类型,支持“标准页面”、“高级页面”和“自定义页面地址”。
如何升级BO 使用说明 在行业资产升级中,可升级已订购的BO。 操作步骤 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 行业资产”,进入资产包展示页面。 在行业资产列表中,单击具体的BO资产。 如果版本过低会显示升级图标,请单击该图标进行升级操作。
值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。
转页面。 链接目标:跳转后页面显示形式。 新窗口:在新窗口页,显示跳转页面。 当前框架:在当前框架,显示跳转页面。 父框架:在父框架区域,显示跳转页面。 当前窗口:在当前整个窗口,显示跳转页面。 分隔符:菜单名之间的分隔符。 跳转:单击面包屑组件的菜单标签,是否开启自动跳转,默认
} ) 单击页面上方的,保存设置。 单击页面上方的,进入预览页面,查看页面是否符合预期。 查看页面样式是否符合预期,即查看“用户类型”下拉框中,选项值是否正常。 查看用户列表中是否有测试数据。 图18 业务用户管理 单击“新增用户”,查看是否弹出“业务用户注册”页面,如果正常显示
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
单击“创建”,关闭事件编排器,返回到页面。 单击页面上方的,保存页面。 验证 单击界面上方的,进入预览页面,查看页面的展示效果,并验证以下功能: 在界面上单击“新增设备”,查看是否跳转到“编辑设备”页面,如未跳转,请检查事件代码中页面名称前缀是否是实际空间名。 检查“编辑设备”页面的“设备品牌”下拉框,“省市区”级联框的选项是否正确。
在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“详情”。 在标准页面的详情页面,可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后,支持将标准页面移动到拥有开发权限的应用中。例如,A应用中创建的标准页面,在B应用中也会用到,为避免多次重复创建,可
在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。 图1 打开页面 目标页面:设置待打开的目标页面。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 重新加载当前页面:加载刷新当前的页面。
设置AstroZero高级页面文本编辑组件属性 文本编辑是文本组件的一种,用于显示多行文本。 图1 属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。
设置AstroZero高级页面基本饼图组件属性 基本饼图是饼图图表的一种,用于实现饼图图表统计。 图1 属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。 距离
设置AstroZero高级页面散点图组件属性 散点图组件主要使用散点的形式展示数据。气泡图和散点图类似,气泡图使用气泡来展示数据。 图1 设置散点图属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
设置AstroZero高级页面基本柱图组件属性 基本柱图是柱状图的一种,通过柱形图来呈现数据整体的表现。 图1 设置基本柱图属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。