#小程序云开发挑战赛#-生活智打卡-菜鸟玩家
发布于 4 年前 作者 jing73 4106 次浏览 来自 分享

应用场景

可自定义每个时间段的打卡任务,为个人量身定制的一款计划打卡小程序。

目标用户

微信使用者

实现思路

通过云函数访问云数据库的方式进行云存储

效果截图

(1)生活智打卡小程序首页

(2)点击顶部早起打卡选择打卡计划进行打卡

(3)发现页面

  • 查看打卡次数
  • 进行位置打卡

(4)打卡次数页面

(5)位置打卡页面

可以给用户提供位置打卡功能,记录自己所去过的地方,后期我们将动态渲染用户打卡的位置到地图上,方便用户查看。

(6)我的页面

主要包括查看我的打卡计划和查看打卡记录

(7)我的打卡计划页面

可对打卡计划进行增删改查

(8)点击打卡计划显示备注详情

(9)点击添加计划进到添加计划页面

打卡名称采用默认打卡选项

用户选择每日开始打卡时间和结束时间,写完备注提交即可完成添加打卡计划

(10)我的打卡记录页面可查看用户个人打卡记录,按时间倒序查看

功能代码展示

源码链接:https://gitee.com/feng_tian_hua/daily_attendance_card.git

作品体验二维码(如已上线)

团队简介

两枚菜鸟玩家,一起玩小程序。

3 回复

建议常用打卡项目以卡片形式展现,用户不用点开再选择哪种打卡,直接去点对应卡片即可。

也可以让用户自己设置常用打卡类型。

提个小建议:我的页面,打卡记录和打卡计划的长度超了点,页面可以晃动

回到顶部