签到功能是企业小程序中比较常见的一个功能,我们知道签到功能是指用户可以通过点击签到按钮或扫描二维码等方式,确认自己的到场或使用,并获得相应的奖励或积分。签到功能可以增加用户的参与度和粘性,同时也可以帮助应用或网站收集用户数据和行为信息,为后续的个性化推荐和营销提供依据。签到功能通常会设置连续签到、累计签到等不同的奖励机制,以鼓励用户长期使用。
1.1 前言
今天教大家用Zion无代码开发平台实现签到功能,如图所示:
在制作签到功能需注意,当前用户一定处于登录状态。
1.2 实现逻辑
接下来讲讲我的实现逻辑,简单的来讲,签到无非就两种情况未签到和已签到,
未签到:当前日期(数据库中的日期)≠现在的日期(动态日期)
比如现在是2022.11.1(数据库中的日期),当前日期是2022.11.2(动态日期),两者日期不等于,则未签到。
已签到:当前日期(数据库中的日期)=现在的日期(动态日期)
比如现在是2022.11.1(数据库中的日期),当前日期是2022.11.2(动态日期),触发点击事件,更新数据库的日期,将原先2022.11.1修改为当前日期也就是2022.11.2,两者日期等于,则已签到。
1.3 实操
1.3.1 创建数据表并建立关系
新增表:签到,添加字段【当前日期-日期类型】,【账户】与【签到】建立一对多关系,如图所示:
1.3.2 给签到页面添加远程数据
名称:check_in,表数据:签到,过滤条件:账户_账户等于当前用户数据/ID,如图所示:
1.3.3 组件使用
在页面拖入组件【条件式容器】,可选状态【已签到】【未签到(添加表)】【已签到(修改表)】,并在对应的【条件式容器】中输入对应的文字,如图所示:
1.3.4 判断条件
已签到:当前时间=远程数据/check_in/当前时间(运算类型:日期),如图所示:
未签到(添加表):远程数据/check_in/ID为空,如图所示:
未签到(修改表):总是即可。
1.3.5 添加点击行为
已签到:显示提示,标题内容为今日已签到!如图所示:
未签到(添加表):修改表数据→添加 签到,参数如下:
当前日期:当前日期(无时间)
账户_账户:当前用户数据/ID
成功时:刷新签到页面
未签到(修改表):修改表数据→更新 签到,参数如下:
当前日期:当前日期(无时间)
过滤类型:有过滤条件
过滤:账户_账户=当前用户数据/ID
疑问:为什么会有两个未签到视图?
解答:在制作中会虽然有两个未签到视图,但是两者视图的修改内容不一样,【未签到-添加表】是指第一次签到,需要在数据库添加一条签到记录而【未签到-修改表】是指数据库已有签到记录,无需另外添加只需修改即可。简单的来说,数据库有签到记录则修改数据,如无签到记录则添加数据。