检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
as界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组件模板详情页，单击“下载”，将模板下载到本地。 父主题： 管理页面
AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“日志管理 > 操作日志”。 在操作日志页签，按时间、操作员或客户端IP，进行分页查询。 父主题： 管理页面
框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget.editor.js中定义事件 eventConfig:
如何设置页面间参数传递 AstroCanvas开发中，可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中，可通过“页面跳转”响应动作传递页面参数。当跳转页面时，当前页面参数会传入到打开的页面中，支持自定义传参为固定值，也可绑定页面级全局变量。
购买扩容包增加页面数 页面扩容包仅适用于在购买基础版/专业版实例的基础上使用，不可单独购买和退订。扩容包的使用截止时间与主资源的截止时间保持一致。在使用AstroCanvas过程中，当页面数达到上限时，可通过购买页面扩容包来增加页面数。 页面扩容 参考购买AstroCanvas实
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面，开发完成后，用户可通过移动端访问该页面，查看告警处理情况。移动端页面构想，如图1所示。 图1 移动端页面效果 图1中移动端页面，由下列组件拼装而成。 表1 组件说明 组件
当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击切换页面后的，新增该组件区域展示的页面，支持选取项目内的其他大屏页面和外部页面。 图5 项目内页面 图6 项目外页面 交互 在交互中，设置Iframe布局框组件与组件、页面之间的交互能力。交互设置更多介绍，请参见交互设置。
模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“管理”，进入管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在组件模板列表中，单击所需的模板模板，进入模板详情页。
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状
在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“AstroZero”，配置数据源参数。 图1 数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 域名：AstroZero环境的域名，需要携带“https://”。
ibrary包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index
使用AstroCanvas开发人员来访统计大屏页面 应用场景 人员来访统计大屏用于展示园区中人员相关信息，例如人员类型，人员流量及在园人数等。大屏页面构想，如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成，组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 数据库类型：数据库支持的类型，按需选择。 域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 架构名称：MS SQL Server数据库的架构名称。当“数据库类型”配置为“MS
据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 *
DQ*****Ntquo/ErqonR0=。 假设，某用户系统嵌入了AstroCanvas大屏页面，通过Token计算签名，最终得到的分享页面链接为（如果对该分享链接进行了篡改，那么页面将无法访问）： https://dmax.***.com/magno/render/share/xxx
全局变量值变化而变化。 如图1所示，也可以不使用“下拉选择框”组件，直接在发布的页面URL末尾加上“?全局变量名=值”，给页面全局变量赋值，查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题： 全局变量
value为全局变量的值。 图9 全局变量 获取组件对象并操作组件 获取组件。 在“图层”页面，选中日期选择器组件。 图10 选中日期选择器组件 将鼠标悬浮在日期选择器上，组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后，可以通过AstroCanvas提
json，并在文件中写入如下内容： { "js": [ { "name": "d3js.org_d3.v4.min" } ] } 将脚本d3js.org_d3.v4.min.js和packageinfo.json打包为
i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
getProperties 获取该组件配置的属性值，组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
