当前位置： 首页 > news >正文

华为云低代码平台Astro Canvas 搭建汽车展示大屏——实验指导手册

news 2026/3/30 13:27:14

实验背景

大屏应用Astro Canvas是华为云低代码平台Astro的子服务之一，是以数据可视化为核心，以屏幕轻松编排，多屏适配可视为基础，用户可通过图形化界面轻松搭建专业水准的数据可视化大屏。例如汽车展示大屏、监控大屏、项目开发大屏和数据分析看板等。

本实验所有操作都基于华为云Astro平台，通过本实验，用户能够熟悉华为云Astro低代码平台的开发流程。

本次实验资源需开通Astro免费试用：

  1. 点击免费试用Astro Canvas基础版：

实验目的

本实验指导使用华为云 Astro 来进行大屏应用的开发，通过本实验，您将能够：

  1. 熟悉华为云服务，了解Astro Canvas基本功能、部分组件和应用模板；
  2. 了解Astro Canvas大屏应用开发的整体流程，数据创建-组件应用-添加交互-应用发布；
  3. 利用华为云Astro Canvas的模板资源，完成个性可视化大屏的操作。

实验介绍

  1. 项目名称：Astro Canvas 汽车展示大屏搭建
  2. 项目简介：在Astro Canvas汽车大屏模板上，进行个性化操作
  3. 开发语言：不需要
  4. 涉及云服务：华为云Astro
  5. 项目示例

1.png

​

前提条件

本实验需在华为云上进行，所以用户需要使用华为帐号进行登录；没有华为帐号的用户请先注册华为帐号并开通华为云，同时完成实名认证，实验过程中请使用Chrome浏览器完成相关操作。

华为帐号注册步骤请参考：

注册华为帐号并开通华为云_帐号中心_用户指南_华为云

实名认证操作步骤请参考：

https://support.huaweicloud.com/usermanual-account/zh-cn_topic_0077914254.html

已有帐号或注册完成的用户登录华为云官网：【https://www.huaweicloud.com/】

华为云登录请参考：

登录华为云_统一身份认证服务 IAM_用户指南_华为云

操作流程

0.PNG

​

操作指导

开通Astro Canvas基础版免费试用

本次实验使用Astro Canvas基础版即可完成，单击链接“申请免费试用Astro Canvas”，完成免费资源领取。

2.png

​

3.png

​

4.png

​

5.png

​

支付完成后，点击进入首页

6.png

​

创建静态数据数据集

在下载汽车模板之前，我们需要先准备好数据。这里我们会用到静态数据的Excel表格导入。大家可以先下载本文附件中提供的Excel表格模板：汽车参数表

在主菜单中，选择“数据中心”，在左侧导航栏中，选择“数据集 > 全部”。在数据集管理页面，单击“新建数据集”。

7.png

​

在新建数据集页面，“数据来源”选择“静态数据”。

“目录”选“预置分类”，“数据集名称”可以自定义，这里可以写“汽车参数表”。

然后点击新增静态数据，将本地Excel文件（文件大小不能超过512KB）拖入“上传文件”中，单击“保存”。

8.png

​

9.png

​

上传完成后，能看到右侧的数据配置，点击保存即可。

10.png

​

11.png

​

备注：除了Excel导入，静态数据还可以手工输入：在数据配置页面，单击

000.png

输入对应数据。若需要添加列或行，可单击“添加列/行”，新增列和行，也可以对导入的数据进行修改。>>查看更多数据接入方法介绍

12.png

​

创建Astro Canvas数据大屏项目

数据集创建完成后，在主菜单中，选择“项目列表”返回Astro Canvas项目列表页面。选择“查看所有”模板，找到“汽车展示”模板，点击“使用此模板”

13.png

​

14.png

​

输入“项目名称”、“页面标题”，即可进入该模板应用。

15.png

​

个性化大屏创建

首先，我们学习如何在组件中使用数据集

鼠标双击基本柱图，上方会出现一些组件，点击“数据”组件按钮

16.png

​

选择“数据类型”-“数据集”，选择汽车参数表

17.png

​

然后点击组件预览，可以看到表格字段，将左侧的表格字段，分别放到配置项的X轴数据和Y轴数据，可以看到预览效果，点击保存。

18.png

​

19.png

​

20.png

​

然后，可以对柱状图样式进行编辑。参考：Astro基本柱图组件介绍

21.png

​

这样，属于你的个性化的大屏就完成了。

用同样的方式，我们还可以对报价的通用表格进行编辑创作。感兴趣的小伙伴可以自由发挥，这里不再赘述。备注：更多产品组件使用请查看组件管理

23.png

​

接下来，我们可以添加交互事件：在画布单击“预约试驾”，然后左上角的图层，找到“文本编辑”，单击交互按钮，即可进入交互事件页面。

24.png

​

按照下图，输入必选参数等选项，单击“确定”、“完成”，即可保存退出。

25.png

​

单击保存后，再单击预览，可查看交互事件是否生效。以下三个按钮分别是保存、预览、发布

26.png

​

交互事件生效后，单击“发布”，勾选“发布链接”，即可发布成功。

27.png

​

页面发布成功后，可以单击左上角退出到项目列表页，选择自己的项目进行发布。项目发布可以填写版本号进行项目管理。

28.png

29.png

​

单击“新建版本”，输入必选项，勾选发布的页面单击“确定”。

30.png

​

确定后项目就发布完成了。

31.png

​

关闭项目发布页面，在项目列表中单击项目上的

00.png

可预览发布后的项目，也可以将创建的模板分享到社交平台。

相关文章：

华为云低代码平台Astro Canvas 搭建汽车展示大屏——实验指导手册

实验背景 大屏应用Astro Canvas是华为云低代码平台Astro的子服务之一，是以数据可视化为核心，以屏幕轻松编排，多屏适配可视为基础，用户可通过图形化界面轻松搭建专业水准的数据可视化大屏。例如汽车展示大屏、监控大屏、项目开发大…...

编程日记 2023/8/2 13:42:44

Nodejs 第七章（发布npm包）

发布npm的包的好处是什么 方便团队或者跨团队共享代码，使用npm包就可以方便的管理，并且还可以进行版本控制做开源造轮子必备技术，否则你做完的轮子如何让别人使用难道是U盘拷贝？面试题我面字节的时候就问到了这个增加个人IP 让更…...

编程日记 2023/8/2 13:41:43

Spring?Boot项目如何优雅实现Excel导入与导出功能

目录 背景EasyExcel 问题分析与解决Spring Boot Excel 导入与导出 依赖引入Excel 导入 基本导入功能进阶导入功能Excel 导出 Excel 导入参数校验 开启校验 校验规则定义 Bean Validation 定义校验规则ExcelValidator 接口定义校验规则校验结果接收 异常捕获接收校验结果contro…...

编程日记 2023/8/2 13:40:41

lable 某个名称换行 \n /n /br axisLabel换行 文字换行 echarts

axisLabel: {interval: 0,textStyle: {color: #D9D9D9,fontSize: fontChart(0.2),lineHeight:12,},formatter: function (params) {// 交通运输、仓储和邮政业, 制造业, 科学研究和技术服务业if (params 交通运输、仓储和邮政业) { return 交通运输、\n仓储和邮政业 }else if …...

编程日记 2023/8/2 13:39:40

025 - max()函数

MAX() 函数: MAX 函数返回一列中的最大值。NULL 值不包括在计算中。 SQL MAX() 语法: SELECT MAX(column_name) FROM table_name; 注释：MAX 也可用于文本列，以获得按字母顺序排列的最高或最低值。 -- 实际操作（查询salary的最大值&#x…...

编程日记 2023/8/2 13:38:39

JDK 8.x 微服务启动JVM参数调优实战

微服务启动JVM参数调优实战 1.1 配置JVM启动参数1.2 解释1.3 JVM参数优化思路1.3.1 调整堆内存大小1.3.2 年轻代大小1.3.3 Metaspace 大小1.3.4 栈大小1.3.5 垃圾回收器选择1.3.6 垃圾回收参数1.3.7 预分配内存 1.3.8 禁用 ResizePLAB2. 常用JVM参数 1.1 配置JVM启动参数 服务…...

编程日记 2023/8/2 13:37:36

Web与HTTP

目录 DNS与域名 DNS解析的方式 过程 注册域名 html 名词解释 html的语法 web web2.0 静态页面特点 动态页面 动态页面特点 http协议 工作流程 http的请求方式 get post 状态码 常用状态码 通信套接字 套接字调用的端口 DNS与域名 网络是基于tcp/ip协议进…...

编程日记 2023/8/2 13:36:35

算法刷题Day 56两个字符串的删除操作+编辑距离

Day 56 动态规划 583. 两个字符串的删除操作 class Solution { public:int minDistance(string word1, string word2) {int m word1.size(), n word2.size();vector<vector<int>> dp(m 1, vector<int>(n 1, 0));for (int i 0; i < m; i){dp[i][0] …...

编程日记 2023/8/2 13:35:34

Flutter中Dart语言常用知识

目录 1. 变量和数据类型2. 函数3. 类4. 异常处理5. 泛型6. 变量声明和类型推断&#xff1a;7. 函数定义&#xff1a;8. 类定义和实例化&#xff1a;9. 接口定义&#xff1a;10. 抽象类定义&#xff1a;11. 混合类型列表&#xff1a;12. Flutter 中的 UI 组件&#xff1a;13.Dar…...

编程日记 2023/8/2 13:34:33

11万多英藏对照词典英藏翻译ACCESS\EXCEL数据库

今天继续发一个藏文藏语相关的翻译数据库&#xff0c;即英藏对照词典&#xff0c;加上《5万6千多藏文词典解释ACCESS数据库》以及昨天发的《近13万汉藏对照词典汉藏翻译ACCESS\EXCEL数据库》藏文类的数据就算较全了。 截图下方有显示“共有记录数”&#xff0c;截图包含了表的所…...

编程日记 2023/8/2 13:33:31

浅谈C语言分支循环语句

为什么需要循环控制&#xff1f; 因为在日常生活中或者在程序所处理的问题中常常遇见需要重复处理的问题&#xff0c;用循环语句可以提高代码的运行效率&#xff0c;更快的解决日常生活中遇到的问题。 循环嵌套 就是传说中的套娃&#xff0c;不同的循环语句都可以互相嵌套。 …...

编程日记 2023/8/2 13:32:30

Spring Boot Starter 剖析与实践 | 京东云技术团队

引言 对于 Java 开发人员来说&#xff0c;Spring 框架几乎是必不可少的。它是一个广泛用于开发企业应用程序的开源轻量级框架。近几年&#xff0c;Spring Boot 在传统 Spring 框架的基础上应运而生&#xff0c;不仅提供了 Spring 的全部功能&#xff0c;还使开发人员更加便捷地…...

编程日记 2023/8/2 13:31:29

技术能力提升-《系统架构设计师教程》

在最近的月度读书会上&#xff0c;国林哥分享了下对《系统架构设计教程》的一点见解&#xff0c;在技术管理摸爬滚打了多年&#xff0c;觉得这个认证还是有一定价值&#xff0c;希望对有兴趣了解这门认证考试的朋友有所帮助&#xff0c;起到抛砖引玉的作用。 国林哥从以下四个方…...

编程日记 2023/8/2 13:30:28

【LeetCode 热题 100】矩阵 专题（大多原地算法，需要一定思维）

解题思路 在 代码注释中&#xff01; 文章目录 73. 矩阵置零54. 螺旋矩阵48. 旋转图像240. 搜索二维矩阵 II 73. 矩阵置零 class Solution { public:void setZeroes(vector<vector<int>>& matrix) {// 难点&#xff1a;原地算法// 直接复用 matrix 第一行 和 …...

编程日记 2023/8/2 13:29:26

Java 中为什么要把一个数模(10^9+7)

在计算机科学和编程中&#xff0c;经常会遇到需要对结果进行取模操作的情况。模运算是指将一个数除以另一个数&#xff0c;并取得余数的运算。 在 Java 中&#xff0c;常见的一个数取模的值是 (10^97)&#xff0c;即 1000000007。这个特定的数值经常在算法和数学计算中被使用&…...

编程日记 2023/8/2 13:28:25

RPC与REST有什么区别？

原文&#xff1a;RPC与REST有什么区别&#xff1f; 背景 好多开发的同学在工作中&#xff0c;经常分不清RPC和REST的区别&#xff0c;导致经常沟通不在一个层次上。甚至有些同学把这两个当成同一个东西。 RPC与REST的区别&#xff1f; 对比名称 rpc rest 备注 架构风格 RP…...

编程日记 2023/8/2 13:27:23

时间复杂度介绍及其计算

时间复杂度 1.算法效率 如何衡量一个算法的好坏呢&#xff1f;看这段代码&#xff1a; long long Fib(int N) {if(N < 3)return 1;return Fib(N-1) Fib(N-2); }这是斐波那契数列的递归代码&#xff0c;非常简洁&#xff0c;那么这就一定说明它好吗&#xff1f;答案显而易…...

编程日记 2023/8/2 13:26:22

etcd实现大规模服务治理应用实战

导读&#xff1a;服务治理目前越来越被企业建设所重视&#xff0c;特别现在云原生&#xff0c;微服务等各种技术被更多的企业所应用&#xff0c;本文内容是百度小程序团队基于大模型服务治理实战经验的一些总结&#xff0c;同时结合当前较火的分布式开源kv产品etcd&#xff0c;…...

编程日记 2023/8/2 13:25:20

目标检测中 anchor base和anchor free

目标检测中两种不同anchor的生成 趋势&#xff1a;anchor free越来越受到实时性检测的青睐&#xff0c;&#xff0c;&#xff0c;...

编程日记 2023/8/2 13:24:19

TypeC拓展设计方案|TypeC转HDMI设计方案|CS5261/CS5265芯片设计参数对比

集睿智远CS5261/CS5265都可以用于设计TypeC转HDMI方案&#xff0c;低成本TypeC扩展坞设计方案&#xff0c;而两者也有些差异&#xff1a;1.CS5261支持DP1.4输入&#xff0c;一个HDMI1.4输出&#xff0c;即HDMI输出为4K30HZ ;CS5265DP1.4到HDMI2.0转换芯片&#xff0c;即HDMI输出…...

编程日记 2023/8/2 13:23:18

Fish-Speech-1.5 API调用教程：Python脚本批量生成语音

Fish-Speech-1.5 API调用教程&#xff1a;Python脚本批量生成语音 1. 为什么选择Fish-Speech-1.5进行批量语音生成 在日常工作中&#xff0c;我们经常遇到需要将大量文本转换为语音的场景。无论是为视频内容生成旁白&#xff0c;还是为电子书制作有声版本&#xff0c;传统的人…...

编程新知 2026/3/30 11:41:57

RexUniNLU硬件加速：TensorRT推理优化实践

RexUniNLU硬件加速&#xff1a;TensorRT推理优化实践 想让你的RexUniNLU模型推理速度飞起来吗&#xff1f;尤其是在T4这类消费级显卡上&#xff0c;看着模型慢悠悠地吐出结果&#xff0c;是不是有点着急&#xff1f;今天咱们就来聊聊怎么用TensorRT给RexUniNLU“打一针强心剂”…...

编程新知 2026/3/30 10:36:19

记录模式到底要不要在Spring Boot中落地？阿里、蚂蚁内部技术委员会最新评估报告曝光，87%团队已启动灰度迁移

第一章&#xff1a;记录模式在Spring Boot生态中的战略定位与演进脉络 记录模式&#xff08;Recording Mode&#xff09;并非Spring Boot官方术语&#xff0c;而是社区对一类以“可观测性前置”为核心理念的设计范式所形成的共识性称谓——它强调在应用生命周期早期即注入结构化…...

编程新知 2026/3/30 9:05:41

5步攻克MZmine 3质谱数据分析：从问题解决到专业应用的实战指南

5步攻克MZmine 3质谱数据分析&#xff1a;从问题解决到专业应用的实战指南 【免费下载链接】mzmine3 MZmine 3 source code repository 项目地址: https://gitcode.com/gh_mirrors/mz/mzmine3 MZmine 3作为开源质谱数据分析领域的核心工具&#xff0c;在代谢组学、蛋白质…...

编程新知 2026/3/30 8:53:34

如何快速上手OneMore：OneNote插件的安装与基础设置教程

如何快速上手OneMore&#xff1a;OneNote插件的安装与基础设置教程 【免费下载链接】OneMore A OneNote add-in with simple, yet powerful and useful features 项目地址: https://gitcode.com/gh_mirrors/on/OneMore 想要提升OneNote的使用效率吗&#xff1f;OneMore插…...

编程新知 2026/3/30 8:53:34

bert-base-chinese详细步骤：如何将test.py改造成支持流式文本处理的微服务

bert-base-chinese详细步骤&#xff1a;如何将test.py改造成支持流式文本处理的微服务 1. 项目背景与价值 在实际的工业场景中&#xff0c;我们经常需要处理大量的文本数据流。传统的批处理方式虽然简单&#xff0c;但无法满足实时性要求高的应用场景。比如智能客服系统需要实…...

编程新知 2026/3/30 8:15:22

告别黑盒：手把手教你用GDB调试`ipmitool`源码，亲眼看到RAW数据如何发送

从GDB断点到硬件交互&#xff1a;动态追踪ipmitool RAW命令的全链路实现 在服务器管理领域&#xff0c;IPMI协议如同一位沉默的守护者&#xff0c;通过BMC&#xff08;基板管理控制器&#xff09;提供着硬件级的监控与控制能力。而ipmitool作为最流行的IPMI命令行工具&#xff…...

编程新知 2026/3/30 7:31:04

告别第三方工具：用Cloudflare官方测速文件快速检测你的网络性能

告别第三方工具&#xff1a;用Cloudflare官方测速文件快速检测你的网络性能 你是否遇到过这样的场景&#xff1a;视频缓冲转圈、文件下载龟速、在线会议卡顿&#xff0c;却不知道是网络问题还是服务商的问题&#xff1f;传统的测速工具要么需要安装软件&#xff0c;要么广告满天…...

编程新知 2026/3/30 5:00:03

多模态大模型入门：从CLIP到Qwen-VL，手把手教你搭建第一个视觉语言模型

多模态大模型实战&#xff1a;从CLIP到Qwen-VL的视觉语言探索之旅 当一张图片胜过千言万语时&#xff0c;多模态大模型正在重新定义人机交互的边界。想象一下&#xff0c;上传一张街景照片&#xff0c;AI不仅能识别出咖啡馆招牌上的文字&#xff0c;还能根据店内装修风格推荐适…...

编程新知 2026/3/30 4:13:24

PvZ Toolkit：植物大战僵尸资源管理与战局调控综合解决方案

PvZ Toolkit&#xff1a;植物大战僵尸资源管理与战局调控综合解决方案 【免费下载链接】pvztoolkit 植物大战僵尸 PC 版综合修改器 项目地址: https://gitcode.com/gh_mirrors/pv/pvztoolkit 在植物大战僵尸的游戏世界里&#xff0c;玩家常常面临阳光短缺、金币不足的困…...

编程新知 2026/3/30 4:07:23