简易微信小程序签到功能

发布时间：2020-12-14 19:37:01 所属栏目：资源来源：网络整理

导读：一、效果图点击签到后二、数据库用一张数据表存用户签到的信息，每次用户签到都会往表中添加一条记录了用户id和签到日期的数据，如下图三、后端后端写两个接口，一个用于查询用户今日是否签到和签到记录总数，一个用于添加用户签到信息到数据库。这里用

一、效果图

　　点击签到后

二、数据库

　　用一张数据表存用户签到的信息，每次用户签到都会往表中添加一条记录了用户id和签到日期的数据，如下图

三、后端

　　后端写两个接口，一个用于查询用户今日是否签到和签到记录总数，一个用于添加用户签到信息到数据库。这里用的是python的flask框架。

　　（1）查询用户签到信息接口：


@app.route('/get_sign/<user_id>')
def get_sign(user_id):
    try:
except Exception as e:
:0,'Exception':stre)})
data})

    conn  sqlite3connect'test.sqlite')
    cursorexecute'select date from sign where user_id=?'    now_datedatetoday().strftime'%Y-%m-%d')//将日期字符串化

else:
    totallenall_date)
 {'total'total'signed':}


　　查询到所有签到日期后用set去除重复项，然后判断一下当天的日期是否在其中，如果不在其中，signed=False表示今日未签到。签到总数就是all_date的长度
　　使用了datetime库来获取日期信息。from datetime import date
（2）添加用户签到信息接口：

 sign        update_sign update_sign()

commit()

小程序前端" style="margin: 35px 0px 20px; font-family: "PingFang SC",245);">四、小程序前端
wxml文件

      <image"image"src'../../dist/images/sign.png'></image>
        "{{signed==false}}"bindtap'sign'>点击此处签到</view>
<view>已签到{{total_sign}}天</view>
</view>

wxss文件

image{
  width 140rpx;
  margin-right7%;
}

top10%;

100  color #666;
}

js文件

   var that this userId  wxgetStorageSync"userId");
     url 'http://服务器公网ip:80/get_sign/'+userId     successfunctionres){

         thatsetData({
           .            }

          }
      })

 userId      method      success          that            total_sign thattotal_sign+            true          wxshowToast({
            duration2000

else{


　　用户登录后，会立即触发get_sign函数，从数据库获取用户签到信息存到page的data中，页面也会显示用户今日是否签到和签到总数。
　　用户点击签到后，会保存签到信息，并更新data。用showToast弹窗提示签到成功。
作者：luozx207
地址：http://www.cnblogs.com/luozx207/p/9525042.html
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!