检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1 组件说明
私有化部署升级指导 AstroCanvas运行环境部署包存在多个版本,且新版本相对于之前的版本存在功能变动时,可按照本章节操作更新已部署的AstroCanvas。 更新已私有化部署的AstroCavans有两种方式,一种是创建一个新目录部署一个全新的AstroCanvas,另一种方式是替
在左侧导航栏中,单击“我的桥接器”。 将鼠标放在对应的桥接器上,单击。 图3 查看桥接器详情 在桥接器详情页面,查看桥接器名称、开发者、版本、更新时间等。 更新桥接器 更新桥接器前,请先获取锁,否则更新按钮置灰不可用。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击。 图3 查看库详情 在库详情页面,查看库名称、开发者、版本、更新时间等。 更新库 更新组件前,请先获取锁,否则更新按钮置灰不可用。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
移动页面 通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击,选择“移动”。 选择目标文件夹,单击“确定”。 图1
在新建项目页面,选择“移动端”,输入项目名称,单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面,如图2。 图2 移动端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。
额。如果配额不足,可单击“页面扩容”,进行扩容,详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题: 创建工作空间
当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作,创建所需的页面。 在设计页面,选中待移动的组件。 单击右键,选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。
在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击。 图6 查看组件详情 在组件详情页面,查看组件名称、开发者、版本和更新时间等。 更新组件 更新组件前,请先获取锁,否则更新按钮置灰不可用。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
选中页面中组件,单击组件上方的,在交互动作中使用项目变量。 图4 在交互动作中使用项目变量 更新项目变量。 方式一:通过交互动作,更新变量。 图5 在交互动作中更新变量 方式二:通过自定义动作,更新项目变量。 图6 通过自定义动作更新变量 其中,key为项目变量的名称,value为项目变量的值。 父主题:
/* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表示,触发当前事件后,会隐藏组件widget16 * 帮助文档:https://support.huaweicloud.com/usermanualcanvas-astrozero/astrozero_05_7025
示例:BarGraph 操作类型 当前操作的类型,如新增、更新等。 组件ID 资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称 组件的存放目录,本示例选择“其它”。 场景 该组件包应用的场景,可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后,内容
开发界面下不加载:是否在开发页面时加载资源,请在确认不影响开发页面中的功能后,再打开,以减少开发时的资源加载。 设置后,再次进入项目时,设置才会生效。 单击“检查更新”,检查资源是否有版本更新。 如果有新版本资源,可单击,对资源进行升级,也可以直接单击“升级所有资源”,进行资源升级。 图2 升级资源 单击“开启调序”
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页面标题:输入页面的标题,长度为1~100个字符。 页面描述:通常设置为页面的功能或使用场景。 父主题: 页面管理
一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面组成元素,一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面,具备如下优势。 大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数据
在本地开发组件后,频繁地打包组件包上传至公共环境再查看页面显示效果,是一件效率极低的事情。通过该配置,可打通本地环境与公共环境,实现实时在线调测组件。 单击“检查更新”,检查组件是否有版本更新,如果有新版本组件,请单击“升级所有插件”。 您也可以单击待升级插件后的,对组件进行升级。 图1 升级组件 单击“启用模拟数据
roCanvas中开发一个大屏页面的流程。 使用AstroCanvas开发告警处理情况统计移动端页面 本实践通过开发一个告警处理情况移动端页面,带您了解在AstroCanvas中开发一个移动端页面的流程。
创建分组 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 创建分组 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击已创建分组后的,选择“重命名”。 输入项目组的名称,单击“更新”。 项目组名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。 删除分组 参考登录AstroCanva