华为云低代码平台Astro|通过零代码快速搭建打卡小程序

电子说

1.3w人已加入

描述

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

环境准备

注册华为云账号、实名认证。如果您已拥有华为账号且已通过实名认证,可直接体验。若您还没有通过实名认证的账号,需要完成个人或企业账号的实名认证。

资源准备

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

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

华为云

华为云

应用构建部分

1、编辑应用名称:打卡案例。

华为云

2、创建空白表单。

华为云

华为云

3、在新建的表单中,为表单命名“员工打卡信息”,拖拽“用户”组件到右侧画布,将组件名称改为“员工”。

注意事项:初始表单会自带三个组件填充画布,可在后续的操作中删除。

华为云

拖拽“单选”组件到画布上。在右侧的属性中,修改名称为“每日打卡状态”,设置两个选项的名称分别为“已打卡”、“未打卡”,“点击”下图位置4(将状态默认值设置为未打卡,右侧圈圈)。

华为云

完成以上两个组件的配置后,点击“保存”,点击“退出”。

华为云

4、点击“新建”,点击“新建表单”。

华为云

5、设置表单名称为“健康打卡”,拖拽“关联记录”组件到画布上,设置显示名称为“打卡员工”。

华为云

点击下图所示下拉框。

华为云

选择“员工打卡信息”选项。

华为云

选择“全部”。

华为云

拖拽“单选”组件到画布上,设置名称为“当前是否绿码”,设置选项分别为“绿码”、“红码”,勾选“必填”选项。

华为云

完成以上两个组件的配置后,点击“保存”,点击“退出”。

华为云

5、自动化:点击右下角“自动化”。

华为云

点击“开始创建”。

华为云

选择“数据新增时触发”。

华为云

右上角名称设置为“员工打卡后,更改打卡状态”,选择触发器的表单为“健康打卡”。

华为云

点击添加动作,选择“获取单条数据”。

华为云

右侧配置如下图所示,配置后点击保存。

华为云

按照下图依次点击。

华为云

按照下图配置后保存。

华为云

依次点击“保存”、“启用”按钮后,点击左上角退出即可。

华为云

测试部分

在“员工打卡信息”表单,新建测试数据。

华为云

在“健康打卡”表单,提交一条数据。

华为云

华为云

提交成功,新增数据一条。

华为云

员工打卡信息,显示张三已经打卡。

华为云

可优化部分

添加表格试图。

华为云

选择“过滤”,按照红色区域进行配置。

华为云

修改名称后保存。

华为云

成功创建“已打卡”的视图。

华为云

按照上述步骤,创建“未打卡”人员的视图。

最终效果如下,可切换视图

华为云

审核编辑 黄宇

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分