检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧导航栏中，选择“页面资产管理 > 桥接器模板”。 在右侧页面，可以查看到系统预置的桥接器模板bridgeBasicTemplate。 单击桥接器模板，在桥接器模板详情页面，可查看模板详情。 下载桥接器模板 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
我的模板 操作场景 在我的模板中，可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的模板”。 将鼠标放在待复制的模板上，单击。
发布为模板 操作场景 页面开发完成后，可将已开发好的页面发布为模板。在下次创建页面时，可直接使用该模板创建新的页面，减少重复开发，提高交付效率。 模板只能在当前环境的本租户下使用，而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 操作步骤 参考登录AstroCanvas
在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目页面，单击“新建页面”。 在新建页面的预置模板、未上线模板或自定义模板中，单击对应的模板。 例如，单击预置模板中的“问题分析”。 在模板预览页面，单击“使用此模板”。 图4 选择模板创建页面 输入页面标题，单击“新建”，即可完成页面的创建。 您可以直接
描述：生成模板的描述信息，可按需进行设置。 发布方：设置模板的发布方。 发布模板库：设置模板库的语言，此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中，即可查看到该模板。 封面：为模板添加封面，可截图获取封面也可以自定义封面。 后续处理 发布为全局模板后，需要联
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组
使用页面模板文件新建页面 创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 操作场景 使用页面模板文件，构建开发页面，减少重复开发，提高交付效率。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 操作步骤 参考登录AstroCan
页面样例作为模板（预置模板和自定义模板），通过模板创建新的页面，可充分利用已有资源，减少重复开发，提高交付效率。本入门以交通管理模板为例，向您介绍如何快速构建大屏页面。 在“大屏&PC端项目”页面，单击“新建页面”。 在预置模板中，选择“交通管理”，单击“使用此模板”。 图10 选择交通管理模板
下载当前页面 操作场景 在AstroCanvas中开发完页面后，可将页面保存为模板下载到本地。模板下载后，可在如下场景中使用： 在当前账号的其他IAM用户中使用。 在当前账号的其他项目中使用。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
在组件模板列表中，单击所需的模板模板，进入模板详情页。 图1 预置组件模板 在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2 Widget包目录结构
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在AstroCanvas中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 操作步骤 参考使用模板新建页面中操作，创建一个大屏页面。 例如，使用交通管理模板，创建一个大屏应用，命名为A市交通管理大屏。 图1 使用交通管理模板创建大屏 在大屏开发页面，单击页面上方的，保存页面。 保存成功后，单击页面上方的，进行页面发布设置。
执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。
”三种实例套餐，各套餐的功能说明如表1所示，具体计费详情请参见AstroCanvas产品价格详情。 Astro大屏应用基础版：基于平台预置模板、基础组件，可快速开发专业水准的大屏。 Astro大屏应用专业版：除了具备基础版本的能力，还提供了高阶组件、自定义组件能力，高度还原设计稿大屏。
在左侧导航栏中，选择“页面资产管理 > 桥接器模板”。 在桥接器模板页面中，单击模板bridgeBasicTemplate，进入模板详情页。 图1 单击桥接器模板 在桥接器模板详情页，单击“下载”，将模板包下载到本地。 解压已下载的模板，修改桥接器模型名称。 桥接器模型名称需要和使
当自定义组件需要通过桥接器调用后台数据时，请选用该模板。 widgetPageMacroTemplate 当需要使用页面宏来存储变量时，请选用该模板。 在组件模板列表中，单击“EchartsWidgetTemplate”，进入模板详情页。 图2 选择EchartsWidgetTemplate模板 单击“下载”，将
NG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边
NG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边
NG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边
丰富模板开箱即用，经验轻松沉淀 功能介绍 平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。 特性优势 丰富的预置模板：涵盖政务、交通、电力等多个垂直领域，模拟数据分析、设备监控、环境监测、产品展示等多个典型应用场景。 自定义模板能力：用户
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
