检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中,并调整大小。
交通管理大屏用于监控城市的交通状态,如进出城车辆、路况信息和交通指数等,效果如图1所示。本入门以使用华为云Astro大屏应用中预置模板构建一个交通管理大屏为例,向您介绍如何在华为云Astro大屏应用中快速构建可视化页面。 图1 交通管理大屏效果 操作流程 在华为云Astro大屏应用中开发大屏页面的流程,如图2所示。
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图4 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图6 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图5 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。
发布及安装项目 发布项目 安装项目 如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
发布状态的页面,即第一个版本,不会看到开发者未开发完的页面。 场景二:开发者开发某个大屏页面时,希望回退到历史某个页面版本,具体操作请参见如何进行版本回退。 管理页面版本 开发好某个大屏页面,例如在页面中拖入基本饼图组件,保存后单击发布图标。 图1 开发页面 打开“发布链接”开关,生成发布后的页面链接。
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API,初始化组件通用能力,负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API,负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
的数据进行排序。后台排序的使用示例,请参见如何使用高级表格的后台排序功能。 图10 在后台对数据进行排序 后台筛选:是否开启后台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。后台筛选的使用示例,请参见如何使用高级表格的后台筛选功能。 图11 在后台对数据进行筛选
安全密钥:如果您的地图密钥是在2021年12月02日以后申请的key,需要配合安全密钥一起使用。如何使用安全密钥,请参见JS API 安全密钥使用。 地图中心:设置地图中心的设置类型,支持自定义和行政区。 行政区编码:设置行政区或行政区对应的编码,如何下载行政区编码,请参见Web服务 API 相关下载。“地图中心”设置为“行政区”时,才显示该配置。
气泡位置:设置提示气泡的显示位置,如右上方、正上方。 提示背景:设置提示气泡的背景颜色。 新增条件格式:单击“新增条件格式”,可设置条件和响应数据列的样式。如何新增条件格式,请参见新增条件格式。 数据 在数据中,设置文本编辑组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置文本编辑与其