检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
移动页面 操作场景 通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击,选择“移动”。 选择目标文件夹,单击“确定”。
在新建项目页面,选择“移动端”,输入项目名称,单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面,如图2。 图2 移动端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。
当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作,创建所需的页面。 在设计页面,选中待移动的组件。 单击右键,选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1 组件说明
一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面组成元素,一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对
roCanvas中开发一个大屏页面的流程。 使用AstroCanvas开发告警处理情况统计移动端页面 本实践通过开发一个告警处理情况移动端页面,带您了解在AstroCanvas中开发一个移动端页面的流程。
创建分组 操作场景 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面,具备如下优势。 大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数据
添加组件 AstroCanvas中的页面由可视化组件拼装而成,本章节向您介绍如何添加组件。 操作场景 在AstroCanvas中,组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用,同时支持自定义组件并上传到AstroCanvas中使用。 操作步骤 参
使用空白画布新建页面 创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 操作场景 从零开始,通过拖拽组件、设置页面布局、数据源等,构建AstroCanvas大屏&PC端页面。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
管理页面版本 使用AstroCanvas开发大屏、移动端页面,支持通过管理页面版本,设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在AstroCanvas中,如下两个场景会使用到页面版本: 场景一:开发者开发好第一个页面版本后,发布呈现给用户。然后继
使用页面模板文件新建页面 创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 操作场景 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 操作步骤 参考登录AstroCan
创建大屏&PC端项目:如果待创建的页面为大屏页面,请选择创建大屏项目。 创建移动端项目:如果待创建的页面为移动页面,请选择创建移动端项目。 创建页面 在AstroCanvas中,搭建AstroCanvas应用从创建一个大屏/移动端页面开始,掌握70+种组件,定制出符合要求的个性化页面。 初识
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本
创建项目 (可选)新建分组 创建大屏&PC端项目 创建移动端项目
图层管理 视图切换 组件图层位置移动 筛选组件类型
登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中,获取“项目”的值。 项目ID:DLI服务所在的区域的项目ID,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。
基本概念 03 入门 购买实例后,您可以使用AstroCanvas分钟级构建业务大屏、移动端页面。 入门指导 使用预置模板搭建交通管理大屏 进阶实战 开发人员来访统计大屏页面 开发告警处理情况统计移动端页面 05 实践 弹性云服务器(Elastic Cloud Server)是一种可
组件开发规范。 在AstroCanvas界面“我的资产 > 我的组件”中,将自定义组件上传到组件库中时,“场景”请选择“大屏&PC端”、“移动端”。设置后,该组件才可在页面中展示。 图1 上传自定义组件 AstroCanvas中组件 介绍AstroCanvas支持的组件类型,以及
设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: AstroCanvas学堂