华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序

您将会学到

您将学会如何基于Astro零代码能力,DIY开发,完成问卷、投票、信息收集、流程处理等工作,还能够在线筛选、分析数据。实现一站式快速开发个性化应用,体验轻松拖拽开发的乐趣。

您需要什么

环境准备

注册华为云账号、实名认证

如果您已拥有华为账号且已通过实名认证,可直接体验。

若您还没有通过实名认证的账号,可通过下方指导,完成个人或企业账号的实名认证。

企业帐号如何完成实名认证

个人帐号如何完成实名认证

资源准备

申请免费试用 Astro Zero

本次体验使用免费版Astro Zero即可完成,点击链接“申请免费试用Astro Zero”,完成免费版的资源领取。

进入运行环境显示如下页面就完成了资源的所有准备了

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第1张图片

应用构建部分

点击模板中心

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第2张图片

点击全部,找到《新手指引》模板,并安装。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第3张图片

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第4张图片

安装好的模板如下:

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第5张图片

检查应用处在可编辑状态下才可编辑表单,(显示退出编辑),依次点击编辑表单。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第6张图片

逐一拖拽左侧组件至中间画布区域,通过右侧属性面板了解每个组件的使用场景及功能;最右侧工具栏可了解表单设置、权限设置及分享设置。而后点击左上角保存返回。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第7张图片

通过各个表单了解Astro零代码能力。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第8张图片

点击《试试小订餐》,点击《+立即订餐》,点击《分享》,点击《对外公开分享》,可通过链接 | 二维码 | 海报形式对已构建完成的应用进行分享。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第9张图片

测试部分:

点击《立即订餐》,并提交填写内容,返回可查看到此条内容即为测试完成。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第10张图片

数据分析部分:

可通过导出数据,以表格形式直观分析数据;也可通过后台进行数据分析,点击《查看统计》。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第11张图片

点击新建,创建数据表,数据配置如下图所示。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第12张图片

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第13张图片

画布默认饼图组件,大家可根据场景自由设计数据表,从左侧拖拽理想的组件到画布当中,自由配置数据和外观。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第14张图片

配置完成后,保存并返回,自由切换统计表 | 视图。

华为云零代码新手教学-体验通过Astro Zero快速搭建微信小程序_第15张图片

恭喜您已完成Astro零代码模板《新手指引》的学习体验。

你可能感兴趣的:(低代码)