经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » 程序设计 » PHP » 查看文章
PHP实现日历签到，并实现累计积分功能
来源：cnblogs　　作者：程序媛的明天　　时间：2019/11/15 9:00:57　　对本文有异议

在网站开发过程中我们会经常用到签到功能来奖励用户积分，或者做一些其他活动。这次项目开发过程中做了日历签到，因为没有经验所有走了很多弯路，再次记录过程和步骤。

1.日历签到样式：使用的是calendar日历插件

 

前台代码

  1.  1 <!doctype html>
  2.  2 <html>
  3.  3 <head>
  4.  4 <meta charset="utf-8">
  5.  5 <title>日历签到</title>
  6.  6 <meta name="keywords" content="日历签到"/>
  7.  7 <meta name="description" content="日历签到"/>
  8.  8 <meta content="telephone=no" name="format-detection" />
  9.  9 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  10. 10 <meta content="yes" name="apple-mobile-web-app-capable" />
  11. 11 <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  12. 12 <link href="__TPL__/css/index.css" rel="stylesheet" type="text/css">
  13. 13 <link rel="stylesheet" type="text/css" href="__TPL__/css/main.css">
  14. 14 <link rel="stylesheet" type="text/css" href="__TPL__/css/self.css">
  15. 15 <link rel="stylesheet" type="text/css" href="__TPL__/css/swiper.min.css">
  16. 16 </head>
  17. 17 <body style="background:#fff;">
  18. 18 <div class="warpper">
  19. 19   <div class="sign">
  20. 20     <ul>
  21. 21       <li><span>本月签到</span><b><?if(is_array($sign)){echo count($sign);}else{echo '0';}?></b></li>
  22. 22       <li><span>签到累计</span><b><?php if(is_array($allsign)){echo count($allsign);}else{echo '0';}?></b></li>
  23. 23       <li><span>累计积分</span><b><?php if(is_array($allsign)){echo count($allsign)*$config['site_praise'];}else{echo '0';}?></b></li>
  24. 24       <li><span>全部积分</span><b><?php echo ceil($user['integral']);?></b></li>
  25. 25     </ul>
  26. 26   </div>
  27. 27   <input type="hidden" name="" value="__URL__/checksign.html" id="sign">
  28. 28   <div class="singBox" id="calendar"></div>
  29. 29   <div class="qdbox"><a href="javascript:;" class="qd_btn" onclick="sign_()" style="background: <?php echo is_sign_now()?'':'rgb(135, 135, 135)'; ?>"  ><?php echo is_sign_now()?'签到':'已签到'; ?></a></div>
  30. 30 <script src="__TPL__/js/jquery.min.js"></script> 
  31. 31 <script src="__TPL__/js/swiper.min.js"></script>
  32. 32 <script src="__TPL__/js/calendar.js"></script>
  33. 33 <script src="__TPL__/js/js.js"></script>
  34. 34 <script type="text/javascript" src="__TPL__/js/layer/2.1/layer.js"></script>
  35. 35 {include file="footer"}
  36. 36 
  37. 37 <script type="text/javascript">
  38. 38 $(function(){
  39. 39   var arr='';
  40. 40 //var signList=[{"signDay":"09"},{"signDay":"11"}];
  41. 41   <?php if(is_array($sign)){ foreach($sign as $vo){ ?>
  42. 42      arr+="{'signDay':'<?php echo $vo['day'];?>'},";
  43. 43     <?php }?>
  44. 44     arr = arr.substr(0,arr.length-1);
  45. 45     arr ="["+arr+"]";
  46. 46     var signList = eval('(' + arr + ')');
  47. 47  <?php }else{?>
  48. 48       var signList=[];
  49. 49       <?php }?>
  50. 50 
  51. 51    calUtil.init(signList);
  52. 52 });
  53. 53 </script>
  54. 54 <script type="text/javascript">
  55. 55 function sign_(){
  56. 56   $.ajax({
  57. 57       type:'GET',
  58. 58       url:"__URL__/checksign.html", 
  59. 59       dataType:'json',
  60. 60       success:function(res){
  61. 61           if(res.result==1){
  62. 62             window.location.href="__URL__/sign.html"
  63. 63           }else{
  64. 64               alert(res.msg);
  65. 65           }
  66. 66       }
  67. 67   })
  68. 68 }
  69. 69 </script>
  70. 70

 

插件calendar.js 修改如下：

  1.   1 var calUtil = {
  2.   2   //当前日历显示的年份
  3.   3   showYear:2015,
  4.   4   //当前日历显示的月份
  5.   5   showMonth:1,
  6.   6   //当前日历显示的天数
  7.   7   showDays:1,
  8.   8   eventName:"load",
  9.   9   //初始化日历
  10.  10   init:function(signList,s=''){
  11.  11     calUtil.setMonthAndDay();
  12.  12     if (typeof(s) == 'undefined'){
  13.  13     }else{
  14.  14       signList.splice('','',s);
  15.  15     }
  16.  16     calUtil.draw(signList);
  17.  17     calUtil.bindEnvent(signList);
  18.  18   },
  19.  19   draw:function(signList){
  20.  20     //绑定日历
  21.  21     //alert(signList.length);
  22.  22     // console.log(signList);
  23.  23     if(signList.length > 21){
  24.  24       //alert(21);
  25.  25       $("#sign_note").empty();
  26.  26       $("#sign_note").html('<button class="sign_contener" type="button"><i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;已达标，获取1次抽奖</button>');
  27.  27     }
  28.  28     var str = calUtil.drawCal(calUtil.showYear,calUtil.showMonth,signList);
  29.  29     $("#calendar").html(str);
  30.  30     //绑定日历表头
  31.  31     var calendarName=calUtil.showYear+"/"+calUtil.showMonth+"";
  32.  32     $(".calendar_month_span").html(calendarName);  
  33.  33   },
  34.  34   //绑定事件
  35.  35   bindEnvent:function(signList){
  36.  36     // //绑定上个月事件
  37.  37     // $(".calendar_month_prev").click(function(){
  38.  38     //   //ajax获取日历json数据
  39.  39     //   //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];
  40.  40     //   calUtil.eventName="prev";
  41.  41     //   calUtil.init(signList);
  42.  42     // });
  43.  43     // //绑定下个月事件
  44.  44     // $(".calendar_month_next").click(function(){
  45.  45     //   //ajax获取日历json数据
  46.  46     //   //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];
  47.  47     //   calUtil.eventName="next";
  48.  48     //   calUtil.init(signList);
  49.  49     // });
  50.  50 
  51.  51     $(".calendar_record").click(function(){
  52.  52       //ajax获取日历json数据
  53.  53       // console(typeof(signList)+"yxy");
  54.  54         //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];
  55.  55         //var tmp = {"signDay":$(this).html()};
  56.  56       //if (typeof(signList) == 'undefined'){
  57.  57         //不做处理
  58.  58       //}else{
  59.  59       //  signList.splice('','',tmp);
  60.  60       //  console.log(signList);
  61.  61       //  calUtil.init(signList);
  62.  62      // }
  63.  63      //alert($(this).html());
  64.  64     var tmp = {"signDay":$(this).html()};
  65.  65     console.log(tmp.signDay)
  66.  66 
  67.  67     // if(tmp.signDay==11){
  68.  68       //执行签到
  69.  69       $.ajax({
  70.  70           type:'POST',
  71.  71           url:"checksign.html", 
  72.  72           data:{day:tmp.signDay},
  73.  73           dataType:'json',
  74.  74           success:function(res){
  75.  75               // if(res.result==1){
  76.  76                 // calUtil.init(signList,tmp);
  77.  77               // }else{
  78.  78                   alert(res.msg);
  79.  79                   location.reload(true);
  80.  80               // }
  81.  81 
  82.  82           }
  83.  83       })
  84.  84 
  85.  85     // }else{
  86.  86     //   alert("请签到当天日期")
  87.  87     // }
  88.  88     });
  89.  89   },
  90.  90   //获取当前选择的年月
  91.  91   setMonthAndDay:function(){
  92.  92     switch(calUtil.eventName)
  93.  93     {
  94.  94       case "load":
  95.  95         var current = new Date();
  96.  96         calUtil.showYear=current.getFullYear();
  97.  97         calUtil.showMonth=current.getMonth() + 1;
  98.  98         break;
  99.  99       case "prev":
  100. 100         var nowMonth=$(".calendar_month_span").html().split("年")[1].split("月")[0];
  101. 101         calUtil.showMonth=parseInt(nowMonth)-1;
  102. 102         if(calUtil.showMonth==0)
  103. 103         {
  104. 104             calUtil.showMonth=12;
  105. 105             calUtil.showYear-=1;
  106. 106         }
  107. 107         break;
  108. 108       case "next":
  109. 109         var nowMonth=$(".calendar_month_span").html().split("年")[1].split("月")[0];
  110. 110         calUtil.showMonth=parseInt(nowMonth)+1;
  111. 111         if(calUtil.showMonth==13)
  112. 112         {
  113. 113             calUtil.showMonth=1;
  114. 114             calUtil.showYear+=1;
  115. 115         }
  116. 116         break;
  117. 117     }
  118. 118   },
  119. 119   getDaysInmonth : function(iMonth, iYear){
  120. 120    var dPrevDate = new Date(iYear, iMonth, 0);
  121. 121    return dPrevDate.getDate();
  122. 122   },
  123. 123   bulidCal : function(iYear, iMonth) {
  124. 124    var aMonth = new Array();
  125. 125    aMonth[0] = new Array(7);
  126. 126    aMonth[1] = new Array(7);
  127. 127    aMonth[2] = new Array(7);
  128. 128    aMonth[3] = new Array(7);
  129. 129    aMonth[4] = new Array(7);
  130. 130    aMonth[5] = new Array(7);
  131. 131    aMonth[6] = new Array(7);
  132. 132    var dCalDate = new Date(iYear, iMonth - 1, 1);
  133. 133    var iDayOfFirst = dCalDate.getDay();
  134. 134    var iDaysInMonth = calUtil.getDaysInmonth(iMonth, iYear);
  135. 135    var iVarDate = 1;
  136. 136    var d, w;
  137. 137    aMonth[0][0] = "日";
  138. 138    aMonth[0][1] = "一";
  139. 139    aMonth[0][2] = "二";
  140. 140    aMonth[0][3] = "三";
  141. 141    aMonth[0][4] = "四";
  142. 142    aMonth[0][5] = "五";
  143. 143    aMonth[0][6] = "六";
  144. 144    for (d = iDayOfFirst; d < 7; d++) {
  145. 145     aMonth[1][d] = iVarDate;
  146. 146     iVarDate++;
  147. 147    }
  148. 148    for (w = 2; w < 7; w++) {
  149. 149     for (d = 0; d < 7; d++) {
  150. 150      if (iVarDate <= iDaysInMonth) {
  151. 151       aMonth[w][d] = iVarDate;
  152. 152       iVarDate++;
  153. 153      }
  154. 154     }
  155. 155    }
  156. 156    return aMonth;
  157. 157   },
  158. 158   ifHasSigned : function(signList,day){
  159. 159    var signed = false;
  160. 160    $.each(signList,function(index,item){
  161. 161     if(item.signDay == day) {
  162. 162      signed = true;
  163. 163      return false;
  164. 164     }
  165. 165    });
  166. 166    return signed ;
  167. 167   },
  168. 168   drawCal : function(iYear, iMonth ,signList) {
  169. 169    var myMonth = calUtil.bulidCal(iYear, iMonth);
  170. 170    var htmls = new Array();
  171. 171    htmls.push("<div class='sign_main' id='sign_layer'>");
  172. 172    htmls.push("<div class='sign_succ_calendar_title'>");
  173. 173    //htmls.push("<div class='calendar_month_next'>下月</div>");
  174. 174    //htmls.push("<div class='calendar_month_prev'>上月</div>");
  175. 175    htmls.push("<div class='calendar_month_span'></div>");
  176. 176    htmls.push("</div>");
  177. 177    htmls.push("<div class='sign_equal' id='sign_cal'>");
  178. 178    htmls.push("<div class='sign_row'>");
  179. 179    htmls.push("<div class='th_1 bold'>" + myMonth[0][0] + "</div>");
  180. 180    htmls.push("<div class='th_2 bold'>" + myMonth[0][1] + "</div>");
  181. 181    htmls.push("<div class='th_3 bold'>" + myMonth[0][2] + "</div>");
  182. 182    htmls.push("<div class='th_4 bold'>" + myMonth[0][3] + "</div>");
  183. 183    htmls.push("<div class='th_5 bold'>" + myMonth[0][4] + "</div>");
  184. 184    htmls.push("<div class='th_6 bold'>" + myMonth[0][5] + "</div>");
  185. 185    htmls.push("<div class='th_7 bold'>" + myMonth[0][6] + "</div>");
  186. 186    htmls.push("</div>");
  187. 187    var d, w;
  188. 188    for (w = 1; w < 6; w++) {
  189. 189     htmls.push("<div class='sign_row'>");
  190. 190     for (d = 0; d < 7; d++) {
  191. 191 
  192. 192      var ifHasSigned = calUtil.ifHasSigned(signList,myMonth[w][d]);
  193. 193      console.log("001:"+ifHasSigned);
  194. 194      if(ifHasSigned && typeof(myMonth[w][d]) != 'undefined'){
  195. 195       htmls.push("<div class='td_"+d+" on'>" + (!isNaN(myMonth[w][d]) ? myMonth[w][d] : " ") + "</div>");
  196. 196      } else {
  197. 197       htmls.push("<div class='td_"+d+" calendar_record'>" + (!isNaN(myMonth[w][d]) ? myMonth[w][d] : " ") + "</div>");
  198. 198      }
  199. 199     }
  200. 200     htmls.push("</div>");
  201. 201    }
  202. 202    htmls.push("</div>");
  203. 203    htmls.push("</div>");
  204. 204    htmls.push("</div>");
  205. 205    return htmls.join('');
  206. 206   }
  207. 207 };
  208. 208

 

PHP代码的实现

  1.  1 //签到（status=1）
  2.  2 public function sign(){
  3.  3     //当月累计签到
  4.  4     $sign = $this->model->table('praise')->where('uid='.$_SESSION['user']['uid'].' and time>'.strtotime(date("Y-m-01",time())))->select();
  5.  5     if($sign){
  6.  6         foreach($sign as $k=>$v){
  7.  7             $sign[$k]['day']=date('d',$v['time']);
  8.  8         }
  9.  9     }
  10. 10     //所有签到
  11. 11     $allsign = $this->model->table('praise')->where('uid='.$_SESSION['user']['uid'].' and status=1')->select();
  12. 12     $this->assign('allsign', $allsign);
  13. 13     $this->assign('sign', $sign);
  14. 14     $this->assign('user', $_SESSION['user']);
  15. 15     $this->display('member_sign');
  16. 16 }   
  17. 17 //点击签到 
  18. 18 public function checksign(){
  19. 19     if($_POST['day']){
  20. 20         $day=intval($_POST['day']);
  21. 21     }else{
  22. 22         $day=date("d",time());
  23. 23     }
  24. 24     if($day!=date("d",time())){
  25. 25         $data['msg']="请在当前日期点击签到";
  26. 26         echo json_encode($data);
  27. 27         return;
  28. 28     }
  29. 29     $condition2  = 'uid='.$_SESSION['user']['uid'];
  30. 30     $condition2 .= " AND DATE_FORMAT(FROM_UNIXTIME(time),'%Y-%m-%d') = '".date("Y-m-d",time())."'";
  31. 31     $sign = $this->model->table('praise')->where($condition2)->find();
  32. 32     //判断是否已经签到
  33. 33     if (empty($sign)) {
  34. 34         //新增积分
  35. 35         $this->model->table('member')->data('integral=integral+'.$this->config['site_praise'].',allintegral=allintegral+'.$this->config['site_praise'])->where('uid='.$_SESSION['user']['uid'])->update();//增加积分
  36. 36         $arr['subject']="签到赠送积分";
  37. 37         $arr['uid'] = $_SESSION['user']['uid'];
  38. 38         $arr['integral'] = $this->config['site_praise'];
  39. 39         $arr['time']=time();
  40. 40         $this->model->table('member_integral')->data($arr)->insert();
  41. 41 
  42. 42         $updateuser = $this->model->table('member')->where('uid='.$_SESSION['user']['uid'])->find();//购物后更新session积分
  43. 43         $_SESSION['user']['integral'] = $updateuser['integral'];
  44. 44         $_SESSION['user']['allintegral'] = $updateuser['allintegral'];
  45. 45 
  46. 46 
  47. 47         $data['uid'] = $_SESSION['user']['uid'];
  48. 48         //$data['pid'] = $item;
  49. 49         $data['status'] = 1;
  50. 50         $data['time'] = time();
  51. 51         $this->model->table('praise')->data($data)->insert();
  52. 52         //$this->model->table('post')->data("digg=digg+1")->where('id='.$id)->update();
  53. 53         //$this->model->table('member_comment')->data("praise=praise+1")->where('id='.$item)->update();
  54. 54         $this->jssuccess('签到成功！');
  55. 55     } else {
  56. 56         $this->jserror('已经签过到了。');
  57. 57     }
  58. 58 }
  59. 59 
  60. 60 
  61. 61 //判断是否已经签到
  62. 62 function is_sign_now(){
  63. 63     $condition2  = 'uid='.$_SESSION['user']['uid'];
  64. 64     $condition2 .= " AND DATE_FORMAT(FROM_UNIXTIME(time),'%Y-%m-%d') = '".date("Y-m-d",time())."'";
  65. 65     $sign = module('common')->model->table('praise')->where($condition2)->find();
  66. 66     //判断是否已经签到
  67. 67     if (empty($sign)) {
  68. 68         return true;
  69. 69     }else{
  70. 70         return false;
  71. 71     }
  72. 72 }

 

 

原文链接：http://www.cnblogs.com/a609251438/p/11857434.html

 友情链接：直通硅谷 　点职佳 　北美留学生论坛

PHP热门文章

  • 收藏了8年的PHP优秀资源，都给你整理好了
  • php对微信支付回调处理的方法（合集）
  • 聊聊TCP连接耗时的那些事儿
  • php如何比较两个浮点数是否相等详解
  • PHP实现PDO操作mysql存储过程示例
  • 富文本编辑器新增导入word功能，自动转为html，可直接显示图片
  • curl put方式上传文件
  • thinkphp3.2模块名如何不区分大小写?
  • php去掉字符串的最后一个字符
  • WebSocket 长连接 及超时问题解决

    • PHP推荐文章

  • 【workerman】uniapp+thinkPHP5使用GatewayWorker实现实时通讯
  • PHP转Go系列 | ThinkPHP与Gin框架之API接口签名设计实践
  • MagicArray:像php一样，让Go业务代码不再卷！
  • 2023年的PHP项目部署笔记。什么？还有人用PHP？
  • [CTF/Web] PHP 反序列化学习笔记
  • PHP的序列化和反序列化入门
  • 详解PHP实现HTTP服务器过程
  • 高效率开发Web安全扫描器之路（一）
  • PHP实现微信扫码登录功能的两种方式总结
  • PHP内存溢出的解决方法详解

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号