检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用华为账号,登录华为云网站,在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在左侧导航栏上方,单击,选择服务实例所在的区域项目。 单击,在查找框中搜索“Astro轻应用”,单击查找到的结果,进入华为云Astro轻应用服务控制台。
输入页面标题“人员来访统计”,单击“新建”。 页面标题的长度为1~100个字符。如果页面默认大小和您的显示分辨率或目标分辨率不符,请自行调整页面分辨率及组件布局以达到最佳显示效果 在页面上方单击,根据实际需要设置背景图片。
父主题: 页面管理
在华为云Astro低代码平台的左侧导航栏中,选择“组织管理”,进入组织管理页面。 在“服务授权”页签,选中“Astro Canvas”,单击“添加授权成员”,进入添加成员页面。 选择前提条件中的IAM用户,单击“确定”,完成授权操作。
图4 Iframe布局框配置 页面切换 当有多个页面需要轮播展示时,可打开该开关。开启后,可配置单个页面的展示时长。 页面编辑 单击切换页面后的,新增该组件区域展示的页面,支持选取项目内的其他大屏页面和外部页面。
交互 在交互中,配置三角形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 图表
单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。 单击相应数据,跳转到对应页面,符合预期。 父主题: 全局变量
按照项目限制:项目中页面首次完成验证后,其余页面无需二次验证。例如,页面A、B、C设置了Token认证,页面D、E、F设置了分享码。勾选按照项目限制时,校验过页面A的Token认证后,不会再校验页面B和C。校验了页面D的分享码后,同样不会再校验页面E和F。
单击页面上方的,保存页面。 保存成功后单击,参考发布页面中操作,发布页面。 打开发布的页面网址,查看最终设置效果。 图9 查看最终设置效果 父主题: 自定义组件说明
在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”。 获取项目编辑权限后,可对项目进行通用设置、组件设置、资源设置和健康检查设置等。 设置完成后,单击“保存”,即可释放项目锁。 您也可以单击页面右上角的“退出项目设置”,释放项目锁。
在页面中,拖入该组件。 图2 拖入组件 在组件上方单击,配置组件交互事件。
路由视图 路由视图是导航组件的一种,通过配置不同页面,在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由视图”组件至画布空白区域,如图1。
组件数据来源 组件是大屏页面的组成元素,配置页面数据即为配置组件数据。选中组件,单击组件上方的,可配置组件在页面呈现数据的来源,更多介绍请参见数据接入。
展示页面加载进度条:勾选后,页面顶部会出现页面加载进度条。 开启浏览器内存使用率异常提醒:勾选后,如果浏览器内存使用率超过70%,页面右下角会弹框提醒。 开启资源访问耗时过长提醒:勾选后,如果单个资源访问耗时超过1秒,页面右下角会弹框提醒。
隐藏组件 通过组件隐藏功能,可以隐藏多个已部署完成的组件,使得组件过多的可视化页面变得更加清晰,操作更加流程,从而提高可视化页面的开发效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。
项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面组成元素,一个大屏或移动端页面由一个或多个Widget拼装而成。
图2 大屏&PC端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 新建文件夹 项目创建后,支持在项目中新建文件夹,用于集中管理页面。 在“大屏&PC端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。
创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。 在“移动端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。
勾选按照项目限制时,校验过页面A的Token认证后,不会再校验页面B和C。校验了页面D的分享码后,同样不会再校验页面E和F。 按照页面限制:项目遵循各页面访问限制。 关闭项目发布页面,在项目列表中单击项目上的,可访问项目。
选择“图层”,进入图层页面。 当页面中组件较多时,切换到图层页面,可方便快速查找到所需的组件。 在图层中,单击,将列表切换为卡片样式。 图1 将图标切换为卡片样式 图2 切换后效果 单击,可将切换回列表样式。 父主题: 图层管理