小程序制作簽到
簽到制作 每天分為 已簽到未簽到
兩種狀態 把所有的天數存入一個數組中
首先需要知道本月有多少天? 如 :2月有 28天 3月有31天 每一個月的天數都不同 當潤年的時候天數也會不同
根據PHP函數date("t"); 可以獲得有多少天 把天數存入data變量中在前台頁面wxml用if判斷
<view class='qp p5' wx:if="{{monthday==31}}"> <view> <image src='/img/{{day[28].imgs}}'></image> 29日 </view> <view> <image src='/img/{{day[29].imgs}}'></image> 30日 </view> <view> <image src='/img/{{day[30].imgs}}'></image> 31日 </view> </view> <view class='qp p5' wx:if="{{monthday==30}}"> <view> <image src='/img/{{day[28].imgs}}'></image> 29日 </view> <view> <image src='/img/{{day[29].imgs}}'></image> 30日 </view> </view> <view class='qp p5' wx:if="{{monthday==29}}"> <view> <image src='/img/{{day[28].imgs}}'></image> 29日 </view> </view> <view class='qp p5' wx:if="{{monthday==28}}"> </view>
看一下表結構
表結構非常簡單 uid 字段 日期字段
把userid 發送到后台根據userid 查詢簽到表 查到本月簽到了 那些天
我用的thinkphp5框架
$userid=$_GET["userid"]; //查詢本人這個月 有那些天簽到了 $a=date("Y-m");//獲取本月份 $b=strtotime("+1 months");//獲取下一個月份 $b=date("Y-m",$b);//用來查詢 本月的所有天數 大於本月 小於下一個月 $data=db("qiandao")->where("uid",$userid)->where("riqi",">=",$a)->where("riqi","<=",$b)->select(); $arr=[]; foreach ($data as $key => $value) { $arr[]=substr($value["riqi"], 8,2); } return json_encode($arr);
返回的數據格式 已簽到的天數 29號 1號 7號 24號 16號
所有的天數存在一個數組 中所有天數的數據格式 每一天數都有一個imgs圖片路徑 通過更改這個路徑來切換 已簽/未簽狀態
根據拿到的天數 修改對應數組的imgs的圖片路徑
that=this; wx.request({ url: server+'wechar/qiandao/qiandaosel', data:{userid:userid},//發送userid 根據userid確定用戶 success:function(res){ var arr=res.data; for(var i=0;i<arr.length;i++){ //通過修改對應的下標imgs路徑實現 //因為數組的下標從0開始所以要-1 that.data.day[arr[i]-1].imgs="qian_n.png"; } //把修改完的數據放入data里 that.setData({ day:that.data.day, }); } })
點擊簽到事件
$data["uid"]=$_GET["userid"]; $data["riqi"]=date("Y-m-d"); $nowtime=date("Y-m-d"); //判斷用戶今天是否已經簽到過了 if(db("qiandao")->where("uid",$data["uid"])->where('riqi',$nowtime)->find()){ }else{ db("qiandao")->insert($data); } //返回今天簽到的日期 return date("d");