检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
能力,无自适应指页面不会根据不同大小终端设备自适应显示。 图3 适应方式 背景 设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。
组件开发规范。 在AstroCanvas界面“我的资产 > 我的组件”中,将自定义组件上传到组件库中时,“场景”请选择“大屏&PC端”、“移动端”。设置后,该组件才可在页面中展示。 图1 上传自定义组件 AstroCanvas中组件 介绍AstroCanvas支持的组件类型,以及
创建大屏&PC端项目:如果待创建的页面为大屏页面,请选择创建大屏项目。 创建移动端项目:如果待创建的页面为移动页面,请选择创建移动端项目。 创建页面 在AstroCanvas中,搭建AstroCanvas应用从创建一个大屏/移动端页面开始,掌握70+种组件,定制出符合要求的个性化页面。 初识
添加组件 在AstroCanvas中,组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用,同时支持自定义组件并上传到AstroCanvas中使用。 添加组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,按照组件分类,查找到对应组件。
如下: 单行生效:直接配置对应序号。 非连续性多行生效:使用中文逗号“,”或英文逗号“,”,分隔对应序号。 连续多行生效:使用横线“-”,连接首尾序号。 序列号 显示序列号:是否显示序列号。 宽度占比(%):设置序列号的宽度占比。 序列号样式:设置序列号的样式。 对齐方式:设置序列号的对齐方式。
使用空白画布新建页面 从零开始,通过拖拽组件、设置页面布局、数据源等,构建AstroCanvas大屏&PC端页面。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
管理页面版本 使用AstroCanvas开发大屏、移动端页面,支持通过管理页面版本,设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在AstroCanvas中,如下两个场景会使用到页面版本: 场景一:开发者开发好第一个页面版本后,发布呈现给用户。然后继
创建项目 (可选)新建分组 创建大屏&PC端项目 创建移动端项目
图层管理 视图切换 组件图层位置移动 筛选组件
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroC
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本 如何进行设置页面 如何设置分享码 如何设置Token认证 如何设置内容安全策略 如何进行版本回退 AstroCanvas分享页Token签名校验使用说明
新建getWarnDetailByStatus数据集 数据集名称:数据集的名称,用于标识该数据集。本示例配置为getWarnDetailByStatus。 数据源连接:选择1中创建的数据源。 目录:设置数据集的存放目录。 责任人:数据集的创建者。 描述:数据集的描述信息,通常设置为数据集的功能。 配置数据集,单击“保存”。
式,也可以使用图片。 节点样式:选择系统预置的里程碑样式,“里程碑样式”选择“预置”时,才会显示该参数。 选择图片:选择本地上传的图片或连接器中的图片,作为里程碑的样式。“里程碑样式”选择“图片”时,才会显示该参数。 图片宽度:设置所选择图片的宽度。“里程碑样式”选择“图片”时,才会显示该参数。
自定义围栏数据:地图自定义围栏数据桥接器,数据中省/直辖市code一致,则认为属于同一围栏区域。预览或发布页面时,单击围栏区域,地图会下钻到围栏区域。若未配置该连接器,则下钻到单独省/直辖市。 图12 自定义围栏数据 热力图层数据:热力图层数据桥接器/数据集,根据省/直辖市数值大小,热力图层颜色深浅不一。
单击玫瑰花饼图弹出页面二 图10 单击基本饼图弹出页面三 跳转外部页面 外部页面跳转和项目内部页面跳转类似,只是交互动作的选择项不同,同时需要填入外部页面的连接地址。 参考创建大屏&PC端项目中操作,新建一个大屏项目,如页面间交互。 参考使用空白画布新建页面中操作,新建一个空白页面,并拖入玫瑰花饼图。
资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称 组件的存放目录,本示例选择“其它”。 场景 该组件包应用的场景,可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后,内容将会在组件详情页的“概况”页签下进行展示。 操作 单击操作列中的,可上传组件图标。 单击操作列中的,可删除上传的组件包。
调用AstroZero的接口前,需要配置“客户端模式”OAuth鉴权的客户端鉴权密钥。 步骤三:获取域名、客户端ID和密码中获取的client_secret 单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。 步骤五:基于AstroZero数据源新建数据集 创建一个AstroZero
***.com/magno/render/share/xxx?_dmax_time=1669621495545&name=cloud&age=36&dept=cloud&_dmax_signature=DVX7Qy******o5rs%3D 其中: _dmax_time=1669621
创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 系统预置:AstroCanvas中预置的页面模板,涵盖综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板:当前账号下发布的模板,如何将当前页面发布为模板,请参见发布为模板。 如果安装的是安全云脑类大屏,进
params); }; 参考上传自定义组件中操作,将组件包“SelectWidget.zip”上传到组件库,场景选择“大屏&PC端”或“移动端”。 测试组件。 在页面中,拖入该组件。 图2 拖入组件 在组件上方单击,配置组件交互事件。 单击“交互事件”,选择“选中值发生变化时触