检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧导航栏中,选择“页面资产管理 > 桥接器模板”。 在右侧页面,可以查看到系统预置的桥接器模板bridgeBasicTemplate。 单击桥接器模板,在桥接器模板详情页面,可查看模板详情。
我的模板 操作场景 在我的模板中,可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的模板”。
发布为模板 操作场景 页面开发完成后,可将已开发好的页面发布为模板。在下次创建页面时,可直接使用该模板创建新的页面,减少重复开发,提高交付效率。 模板只能在当前环境的本租户下使用,而发布为全局模板中生成的模板可在当前环境的所有租户下使用。
使用模板新建页面 操作场景 AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。
发布方:设置模板的发布方。 发布模板库:设置模板库的语言,此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中,即可查看到该模板。 封面:为模板添加封面,可截图获取封面也可以自定义封面。
在“全局”页签中,单击对应的组件模板。 在组件模板详情页,单击“下载”,将模板下载到本地。 父主题: 管理页面
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。
图9 大屏&PC端项目页面 步骤四:构建可视化大屏页面 AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。本入门以交通管理模板为例,向您介绍如何快速构建大屏页面。
下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题: 页面管理
在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在组件模板列表中,单击所需的模板模板,进入模板详情页。 图1 预置组件模板 在模板详情页,单击“下载”,将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包,认识组件结构。
其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API,初始化组件通用能力,负责注册组件事件和组件动作。
Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。 Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发,支持私有化部署。
在左侧导航栏中,选择“页面资产管理 > 桥接器模板”。 在桥接器模板页面中,单击模板bridgeBasicTemplate,进入模板详情页。 图1 单击桥接器模板 在桥接器模板详情页,单击“下载”,将模板包下载到本地。 解压已下载的模板,修改桥接器模型名称。
设置内容安全策略 参考使用模板新建页面中操作,创建一个大屏页面。 例如,使用交通管理模板,创建一个大屏应用,命名为A市交通管理大屏。 图1 使用交通管理模板创建大屏 在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。
自定义模板能力:用户可以自定义定制模板,沉淀自己的最佳实践,分享复用。 项目模板:可以将多个大屏一键生成成套模板,一次新建把握整体风格。
使用模板新建页面:AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本
管理页面 管理组件模板 桥接器模板 查看操作日志
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
表1 组件模板列表 组件模板名称 功能 EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板,包含基本配置项、单击系列的事件交互、数据对接等能力。