天涯论坛

 找回密码
 立即注册
搜索
查看: 7|回复: 2

简单拖拉拽,用低代码DIY假日大屏Vlog丨IDCF

[复制链接]

3070

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158931
发表于 2024-10-3 10:18:34 | 显示全部楼层 |阅读模式

源自:华为云研发者联盟

8天小长假你是怎样度过的呢?

此刻用华为云Astro canvas低代码大屏应用,

晒出你的假期美景美食美图,

用创意Vlog总结假日美好生活。

无需写一行代码,

简单拖拉拽就能够打造个性化设计大屏,

还有机会赢取京东卡,华为手环等精美礼品。

快来上手体验,用创意“Vlog”记录假日美好生活

简单五步,带你上手个性大屏“Vlog”华为云Astro Canvas供给了丰富的组件应用,简单快捷的数据接入,能够让全民研发者在不消写一行代码、不消认识繁琐操作流程下,经过简单的拖拉拽的方式,快速设计完成一个大屏。它既能够像学生时代设计的黑板报,又能够像从前时光漫漫用心编辑的个人空间,还能够是一个专业的、有技术含量的大屏展示……下面,简单5步,带大众快速制作一个尤其的中秋节大屏。

第1步:注册华为云账号领取免费资源

扫描下方二维码,注册登录华为云账号,领取Astro Canvas的免费体验资源。

第二步:创建华为云Astro Canvas大屏设计项目

领取完成后,回到原页面,点击立即运用而后新建项目,选取大屏&C端,自定义项目名叫作再点击新建页面-新建空白页面,输入页面标题。

第三步:创建静态数据数据集

倘若咱们想用热力图来呈现节日的活动足迹,需要先导入足迹数据创建图表,Astro Canvas支持关系型数据库、Roma连接器、DLI、DWS、Astro Zero和Http连接器等多种数据源自这儿将为大众介绍创建静态数据数据集,支持手工输入和导入Excel/CSV两种方式。导航栏进入到数据中心,找到数据集>所有>新建数据集,输入关联信息。而后点击新增静态数据,上传咱们已然准备好的足迹Excel文件。完成前期的数据准备之后,就进入了设计大屏环节。

第四步:拖拉拽组件创建应用

华为云Astro Canvas供给丰富的组件库,多图层管理,移动端流式布局,支持组件多种布局展示。因此无需编写代码,咱们能够直接拖拉拽组件库的组件应用,例如地图、排行版、热力图、轮播图等,来让大屏的表示更加丰富多彩。地图将左侧导航栏的地图组件拖到大屏上,点击地图组件上的配置按钮,对地图进行自定义配置,地图组件支持上传GeoJSON格式的地图数据(包含链接和素材两种方式)。地图组件支持样式自定义,能够按照自己的爱好修改关联区域的颜色,并支持配置热力图层,经过修改静态数据,可表示所在城市的热力指数。排行榜倘若要给中秋最佳赏月地做个排行榜,能够选取所有组件>文本>排行榜,将排行榜组件拖到画布,而后点击数据,采用数据集导入数据。在组件预览里面,支持对表格字段进行配置,将左侧表格字段的城市和地名拖到右侧列数据。在图表预览里面能够看到数据变化,且能够对榜单的背景色进行设置。排行版同期支持修改标题样式、表头表示、背景色、榜单列数据字体体积等配置,能够自由灵活调节详细的样式。设计热力图咱们用热力图来完成近10年的节日活动出行轨迹图。找到左侧所有组件>图表>柱状图>热力图,将热力图组件拖到画布。点击热力图上的数据配置项,导入咱们之前上传的活动轨迹数据集。成功导入后就能够对热力图的基本配置进行个性化设置,美化节日轨迹图,详细包含标题、字体、颜色、图例等等。最后,咱们能够设置热力图与外边页面的交互,实现点击热力图到自己的社交主页功能,更好地展现精彩假期生活。轮播图和文本编辑设置节日大屏怎么能少了假期美图呢?咱们拍的有些照片如城市地标,赏月照片等都能够在大屏上滚动呈现,同期能够有些节日祝福话,附上与节日关联的诗词歌赋等。左侧导航栏找到所有组件>媒介>轮播照片,将轮播照片组件拖入画布。先设置填充方式,再上传照片,并根据自己的爱好选取对应的轮播方式(自动轮播/手动轮播)。轮播图能够搭配文本编辑组件运用,用文字记录照片背面的故事。点击左侧所有组件>文本>文本编辑,将文本编辑组件拖到画布,就可输入你想要表达的内容。计时器八天假期转瞬即逝,咱们能够在大屏页面上添加实时日期和时间,实时表示自己的假期余额。找到左侧全部组件>文本>时间翻牌器,将时间翻牌器组件拖入画布进行设置,点击配置按钮,修改字体,体积,颜色等。除此之外,咱们能够选取添加视频、天气、词云、时间轴等各样组件,将假期片段更加多元地呈此刻大屏上。最后再对大屏进行有些装饰,选取所有组件>装饰里面的组件对标题背景、内容背景、页面背景进行美化修改,一个假期大屏就大功告成为了

第五步:发布分享

页面设计完成之后,点击页面上方的保留而后点击预览,最后进行发布。点击发布按钮之后,会显现页面发布设置:设置版本管理能够是实时更新版本,能够新建版本。设置拜访限制这儿重点提醒,必定要设置拜访限制(拜访就可),否则其他人没法拜访该链接。最后大众能够将自己设计的大屏页面位置分享给亲朋好友社交平台上,秀出别样的假期“Vlog”。双节福利:上传大屏作品,赢精美礼品此刻,将你的精彩假期生活制作成大屏,将有机会赢取100元京东卡、华为手环4等精美礼品。参与方式:1、扫码下方二维码,将你的大屏作品发布到评论区回帖2、注明关联信息:①设计页面截图②运用的组件和数据接入方式③页面分享链接④分享码最后祝所有研发者们用低代码“绘出”一个惬意且愉悦的假期

文末福利点击下方卡片,关注华为云研发者联盟微X公众号戳“阅读原文”进入活动页面认识更加多详情

阅读原文





上一篇:Tech Vlog开播了!第1期:代码研发怎么样远程协作?
下一篇:网站源码 | 两套素材资源下载官网门户+自带论坛 整站源码+带后台+带数据库
回复

使用道具 举报

3048

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109040
发表于 2024-10-11 17:19:01 | 显示全部楼层
你的见解真是独到,让我受益匪浅。
回复

使用道具 举报

3089

主题

3万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098770
发表于 2024-11-6 21:14:48 | 显示全部楼层
请问、你好、求解、谁知道等。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 03:36 , Processed in 0.098593 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.