检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧导航栏中，选择“页面资产管理 > 桥接器模板”。 在右侧页面，可以查看到系统预置的桥接器模板bridgeBasicTemplate。 单击桥接器模板，在桥接器模板详情页面，可查看模板详情。 下载桥接器模板 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目页面，单击“新建页面”。 在新建页面的预置模板、未上线模板或自定义模板中，单击对应的模板。 例如，单击预置模板中的“问题分析”。 在模板预览页面，单击“使用此模板”。 图4 选择模板创建页面 输入页面标题，单击“新建”，即可完成页面的创建。 您可以直接
我的模板 操作场景 在我的模板中，可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的模板”。 将鼠标放在待复制的模板上，单击。
发布为模板 操作场景 页面开发完成后，可将已开发好的页面发布为模板。在下次创建页面时，可直接使用该模板创建新的页面，减少重复开发，提高交付效率。 模板只能在当前环境的本租户下使用，而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 操作步骤 参考登录AstroCanvas
描述：生成模板的描述信息，可按需进行设置。 发布方：设置模板的发布方。 发布模板库：设置模板库的语言，此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中，即可查看到该模板。 封面：为模板添加封面，可截图获取封面也可以自定义封面。 后续处理 发布为全局模板后，需要联
使用页面模板文件新建页面 创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 操作场景 使用页面模板文件，构建开发页面，减少重复开发，提高交付效率。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 操作步骤 参考登录AstroCan
建”。 图8 新建大屏&PC端项目 系统自动进入该新建项目的“大屏&PC端项目”页面，如图9。 图9 大屏&PC端项目页面 步骤四：构建可视化大屏页面 AstroCanvas中预置了一些可复用的页面样例作为模板（预置模板和自定义模板），通过模板创建新的页面，可充分利用已有资源，减
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组
在主菜单中，选择“管理”，进入管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在组件模板列表中，单击所需的模板模板，进入模板详情页。 图1 预置组件模板 在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认
下载当前页面 操作场景 在AstroCanvas中开发完页面后，可将页面保存为模板下载到本地。模板下载后，可在如下场景中使用： 在当前账号的其他IAM用户中使用。 在当前账号的其他项目中使用。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
例如，将A市交通管理大屏嵌入第三方系统，如图3所示。 图3 安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图4。 图4 将大屏嵌入本地的file中 登录第三方系统，在Elements中，增加“<iframe
执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。
当自定义组件需要通过桥接器调用后台数据时，请选用该模板。 widgetPageMacroTemplate 当需要使用页面宏来存储变量时，请选用该模板。 在组件模板列表中，单击“EchartsWidgetTemplate”，进入模板详情页。 图2 选择EchartsWidgetTemplate模板 单击“下载”，将
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
