使用AstroZero,不用一行代码,制作端午节加班申请模板【华为云Astro低代码体验季】

举报
福州司马懿 发表于 2023/06/05 00:31:32 2023/06/05
【摘要】 前言6月22号就要端午了,很多公司会想统计下端午节加班的人数。传统的做法是用QQ/微信,谁要加班谁反馈,然后逐级汇总上传。大一点的企业,可能用自己的内部办公系统来申请。但对于小企业来说,没有定制化的办公系统,同时又不想手动填写,那么怎么办呢?华为的Astro Zero正好能帮助你解决这个问题。Astro Zero内置了很多常用的模板,像这个问题,直接安装现有的模板,然后进行改造即可。接下来...

前言

6月22号就要端午了,很多公司会想统计下端午节加班的人数。传统的做法是用QQ/微信,谁要加班谁反馈,然后逐级汇总上传。大一点的企业,可能用自己的内部办公系统来申请。

但对于小企业来说,没有定制化的办公系统,同时又不想手动填写,那么怎么办呢?华为的Astro Zero正好能帮助你解决这个问题。Astro Zero内置了很多常用的模板,像这个问题,直接安装现有的模板,然后进行改造即可。

接下来,让我们一起来体验下这个流程!

产品入口

你可以在华为云官网 ( http://www.huaweicloud.com ) 搜索“Astro”

图片.png

也可以直接通过下面链接进入工作台

https://appcuberun.cn-north-4.huaweicloud.com/nocode/workbench.html#/

图片.png

创建项目

首先要切换到应用开发,然后在零代码这里选择“使用模板创建”

图片.png

依次选择“零代码专区”—>“疫情防控”—>“春节加班&出行申请”

图片.png

然后点击“安装模板”即可

图片.png

安装后的问卷如下图

图片.png

修改模板

点击“编辑表单”按钮

图片.png

表单如下图

图片.png

图片.png

编辑标题

选择第一块区域,在右侧的内容这里,点击编辑按钮

图片.png

将内容删减为“端午节加班信息收集”,然后点击保存

图片.png

这里行高随内容调整有BUG,所以将内容改为固定2行即可

图片.png

图片.png

然后删除橘红色的“春节假期在岗情况”图片

编辑单选框标题

修改显示名称,如下图所示

图片.png

修改多选框选项

首先修改标题,将春节改为端午节。然后修改选项,改为今年的端午假期,并将其它选项,点击右边的“叉号”进行删除

图片.png

改好后如下图所示

图片.png

删除不必要的信息

鼠标悬停在控件右上角,点击删除按钮,即可删除该控件

图片.png

图片.png

修改文本框限定字数

模板里是85,你可以改成任意你需要限定的

图片.png

添加用户

将“用户”选项框拖到界面上,就能添加预制的用户选项了

图片.png

添加部门

将“部门”选项框拖到界面上,就能添加预制的部门选项了

图片.png

查看手机端布局

我们仅需要设计PC端界面,然后在“切换布局”这里,就能看到Astro Zero为我们自动生成的手机端布局了。点击右上角手机图标,即可切换布局

图片.png

手机端自动生成的布局如下图

图片.png

保存修改

所有修改做完后,最重要的就是保存,只有保存后,才会生效

图片.png

分享问卷

保存后会自动回到首页,点击这里的分享问卷,即可查看到刚刚修改的问卷页面了

图片.png

图片.png

可以看到,头两项信息是联动的,只有勾选了“需要入园办公”,才会让你选择是几号办公

图片.png

填写完所有信息后,点击提交即可

图片.png

提交后的信息会展示在列表中

图片.png

总结

通过本篇教程,我们学习了如何运用华为云Astro Zero提供的模板进行零代码开发,在很短的时间内,借助模板的功能实现我们自己的需求,例如本例中将“春节期间加班申请”,改为了“端午节加班申请”表单。过程非常简单,不用写一行代码就能搭建完成

我正在参加【有奖征文 第22期】华为云Astro低代码体验季,输出优质文章,赢开发者大礼包!
https://bbs.huaweicloud.com/blogs/397241

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。