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

您将会学到

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

您需要什么

环境准备

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

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

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

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

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

资源准备

申请免费试用 Astro Zero

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

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

应用构建部分

点击模板中心

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

安装好的模板如下:

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

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

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

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

测试部分:

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

数据分析部分:

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

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

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

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

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

相关推荐
canonical_entropy19 小时前
AI Agent 的演进之路:从对话到自主代理操作系统
低代码·aigc·agent
icebreaker1 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker1 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
Java小卷2 天前
流程设计器为啥选择diagram-js
前端·低代码·工作流引擎
大米饭消灭者4 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
一枚前端小姐姐4 天前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
一枚前端小姐姐4 天前
低代码平台表单设计系统技术分析(实战二)
低代码·架构·前端框架
一枚前端小姐姐4 天前
低代码平台表单设计系统架构分析(实战一)
前端·低代码·架构
FliPPeDround5 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround5 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp