欢迎光临
感谢一路有你
当前位置：王明昌博客 > 开发者 > PHP笔记 > PHP高级 > 正文

实例 | PHP点击日历进行签到

2018-12-15 分类：PHP高级 / 代码解析 阅读(4428) 评论(2)
如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
 

最近在做这个日历签到的项目,在这里记录一下

使用的是calendar日历插件

不废话,直接提供源码

HTML页面

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>日历签到</title>
<meta name="keywords" content="日历签到"/>
<meta name="description" content="日历签到"/>
<meta content="telephone=no" name="format-detection" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<link href="__TPL__/css/index.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="__TPL__/css/main.css">
<link rel="stylesheet" type="text/css" href="__TPL__/css/self.css">
<link rel="stylesheet" type="text/css" href="__TPL__/css/swiper.min.css">
</head>
<body style="background:#fff;">
<div class="warpper">
  <div class="sign">
    <ul>
      <li><span>本月签到</span><b><?if(is_array($sign)){echo count($sign);}else{echo '0';}?></b></li>
      <li><span>签到累计</span><b><?php if(is_array($allsign)){echo count($allsign);}else{echo '0';}?></b></li>
      <li><span>累计积分</span><b><?php if(is_array($allsign)){echo count($allsign)*$config['site_praise'];}else{echo '0';}?></b></li>
      <li><span>全部积分</span><b><?php echo ceil($user['integral']);?></b></li>
    </ul>
  </div>
  <input type="hidden" name="" value="__URL__/checksign.html" id="sign">
  <div class="singBox" id="calendar"></div>
  <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>
<script src="__TPL__/js/jquery.min.js"></script> 
<script src="__TPL__/js/swiper.min.js"></script>
<script src="__TPL__/js/calendar.js"></script>
<script src="__TPL__/js/js.js"></script>
<script type="text/javascript" src="__TPL__/js/layer/2.1/layer.js"></script>
{include file="footer"}

<script type="text/javascript">
$(function(){
  var arr='';
//var signList=[{"signDay":"09"},{"signDay":"11"}];
  <?php if(is_array($sign)){ foreach($sign as $vo){ ?>
     arr+="{'signDay':'<?php echo $vo['day'];?>'},";
    <?php }?>
    arr = arr.substr(0,arr.length-1);
    arr ="["+arr+"]";
    var signList = eval('(' + arr + ')');
 <?php }else{?>
      var signList=[];
      <?php }?>
    
   calUtil.init(signList);
});
</script>
<script type="text/javascript">
function sign_(){
  $.ajax({
      type:'GET',
      url:"__URL__/checksign.html", 
      dataType:'json',
      success:function(res){
          if(res.result==1){
            window.location.href="__URL__/sign.html"
          }else{
              alert(res.msg);
          }
      }
  })
}
</script>

calendar.js

var calUtil = {
  //当前日历显示的年份
  showYear:2015,
  //当前日历显示的月份
  showMonth:1,
  //当前日历显示的天数
  showDays:1,
  eventName:"load",
  //初始化日历
  init:function(signList,s=''){
    calUtil.setMonthAndDay();
    if (typeof(s) == 'undefined'){
    }else{
      signList.splice('','',s);
    }
    calUtil.draw(signList);
    calUtil.bindEnvent(signList);
  },
  draw:function(signList){
    //绑定日历
    //alert(signList.length);
    // console.log(signList);
    if(signList.length > 21){
      //alert(21);
      $("#sign_note").empty();
      $("#sign_note").html('<button class="sign_contener" type="button"><i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;已达标，获取1次抽奖</button>');
    }
    var str = calUtil.drawCal(calUtil.showYear,calUtil.showMonth,signList);
    $("#calendar").html(str);
    //绑定日历表头
    var calendarName=calUtil.showYear+"/"+calUtil.showMonth+"";
    $(".calendar_month_span").html(calendarName);  
  },
  //绑定事件
  bindEnvent:function(signList){
    // //绑定上个月事件
    // $(".calendar_month_prev").click(function(){
    //   //ajax获取日历json数据
    //   //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];
    //   calUtil.eventName="prev";
    //   calUtil.init(signList);
    // });
    // //绑定下个月事件
    // $(".calendar_month_next").click(function(){
    //   //ajax获取日历json数据
    //   //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];
    //   calUtil.eventName="next";
    //   calUtil.init(signList);
    // });
    
    $(".calendar_record").click(function(){
      //ajax获取日历json数据
      // console(typeof(signList)+"yxy");
    	//var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];
    	//var tmp = {"signDay":$(this).html()};
      //if (typeof(signList) == 'undefined'){
        //不做处理
      //}else{
      //  signList.splice('','',tmp);
      //  console.log(signList);
      //  calUtil.init(signList);
     // }
     //alert($(this).html());
    var tmp = {"signDay":$(this).html()};
    console.log(tmp.signDay)

    // if(tmp.signDay==11){
      //执行签到
      $.ajax({
          type:'POST',
          url:"checksign.html", 
          data:{day:tmp.signDay},
          dataType:'json',
          success:function(res){
              // if(res.result==1){
                // calUtil.init(signList,tmp);
              // }else{
                  alert(res.msg);
                  location.reload(true);
              // }
   
          }
      })

    // }else{
    //   alert("请签到当天日期")
    // }
    });
  },
  //获取当前选择的年月
  setMonthAndDay:function(){
    switch(calUtil.eventName)
    {
      case "load":
        var current = new Date();
        calUtil.showYear=current.getFullYear();
        calUtil.showMonth=current.getMonth() + 1;
        break;
      case "prev":
        var nowMonth=$(".calendar_month_span").html().split("年")[1].split("月")[0];
        calUtil.showMonth=parseInt(nowMonth)-1;
        if(calUtil.showMonth==0)
        {
            calUtil.showMonth=12;
            calUtil.showYear-=1;
        }
        break;
      case "next":
        var nowMonth=$(".calendar_month_span").html().split("年")[1].split("月")[0];
        calUtil.showMonth=parseInt(nowMonth)+1;
        if(calUtil.showMonth==13)
        {
            calUtil.showMonth=1;
            calUtil.showYear+=1;
        }
        break;
    }
  },
  getDaysInmonth : function(iMonth, iYear){
   var dPrevDate = new Date(iYear, iMonth, 0);
   return dPrevDate.getDate();
  },
  bulidCal : function(iYear, iMonth) {
   var aMonth = new Array();
   aMonth[0] = new Array(7);
   aMonth[1] = new Array(7);
   aMonth[2] = new Array(7);
   aMonth[3] = new Array(7);
   aMonth[4] = new Array(7);
   aMonth[5] = new Array(7);
   aMonth[6] = new Array(7);
   var dCalDate = new Date(iYear, iMonth - 1, 1);
   var iDayOfFirst = dCalDate.getDay();
   var iDaysInMonth = calUtil.getDaysInmonth(iMonth, iYear);
   var iVarDate = 1;
   var d, w;
   aMonth[0][0] = "日";
   aMonth[0][1] = "一";
   aMonth[0][2] = "二";
   aMonth[0][3] = "三";
   aMonth[0][4] = "四";
   aMonth[0][5] = "五";
   aMonth[0][6] = "六";
   for (d = iDayOfFirst; d < 7; d++) {
    aMonth[1][d] = iVarDate;
    iVarDate++;
   }
   for (w = 2; w < 7; w++) {
    for (d = 0; d < 7; d++) {
     if (iVarDate <= iDaysInMonth) {
      aMonth[w][d] = iVarDate;
      iVarDate++;
     }
    }
   }
   return aMonth;
  },
  ifHasSigned : function(signList,day){
   var signed = false;
   $.each(signList,function(index,item){
    if(item.signDay == day) {
     signed = true;
     return false;
    }
   });
   return signed ;
  },
  drawCal : function(iYear, iMonth ,signList) {
   var myMonth = calUtil.bulidCal(iYear, iMonth);
   var htmls = new Array();
   htmls.push("<div class='sign_main' id='sign_layer'>");
   htmls.push("<div class='sign_succ_calendar_title'>");
   //htmls.push("<div class='calendar_month_next'>下月</div>");
   //htmls.push("<div class='calendar_month_prev'>上月</div>");
   htmls.push("<div class='calendar_month_span'></div>");
   htmls.push("</div>");
   htmls.push("<div class='sign_equal' id='sign_cal'>");
   htmls.push("<div class='sign_row'>");
   htmls.push("<div class='th_1 bold'>" + myMonth[0][0] + "</div>");
   htmls.push("<div class='th_2 bold'>" + myMonth[0][1] + "</div>");
   htmls.push("<div class='th_3 bold'>" + myMonth[0][2] + "</div>");
   htmls.push("<div class='th_4 bold'>" + myMonth[0][3] + "</div>");
   htmls.push("<div class='th_5 bold'>" + myMonth[0][4] + "</div>");
   htmls.push("<div class='th_6 bold'>" + myMonth[0][5] + "</div>");
   htmls.push("<div class='th_7 bold'>" + myMonth[0][6] + "</div>");
   htmls.push("</div>");
   var d, w;
   for (w = 1; w < 6; w++) {
    htmls.push("<div class='sign_row'>");
    for (d = 0; d < 7; d++) {

     var ifHasSigned = calUtil.ifHasSigned(signList,myMonth[w][d]);
     console.log("001:"+ifHasSigned);
     if(ifHasSigned && typeof(myMonth[w][d]) != 'undefined'){
      htmls.push("<div class='td_"+d+" on'>" + (!isNaN(myMonth[w][d]) ? myMonth[w][d] : " ") + "</div>");
     } else {
      htmls.push("<div class='td_"+d+" calendar_record'>" + (!isNaN(myMonth[w][d]) ? myMonth[w][d] : " ") + "</div>");
     }
    }
    htmls.push("</div>");
   }
   htmls.push("</div>");
   htmls.push("</div>");
   htmls.push("</div>");
   return htmls.join('');
  }
};

PHP代码

//签到（status=1）
public function sign(){
    //当月累计签到
    $sign = $this->model->table('praise')->where('uid='.$_SESSION['user']['uid'].' and time>'.strtotime(date("Y-m-01",time())))->select();
    if($sign){
        foreach($sign as $k=>$v){
            $sign[$k]['day']=date('d',$v['time']);
        }
    }
    //所有签到
    $allsign = $this->model->table('praise')->where('uid='.$_SESSION['user']['uid'].' and status=1')->select();
    $this->assign('allsign', $allsign);
    $this->assign('sign', $sign);
    $this->assign('user', $_SESSION['user']);
    $this->display('member_sign');
}   
//点击签到 
public function checksign(){
    if($_POST['day']){
        $day=intval($_POST['day']);
    }else{
        $day=date("d",time());
    }
    if($day!=date("d",time())){
        $data['msg']="请在当前日期点击签到";
        echo json_encode($data);
        return;
    }
    $condition2  = 'uid='.$_SESSION['user']['uid'];
    $condition2 .= " AND DATE_FORMAT(FROM_UNIXTIME(time),'%Y-%m-%d') = '".date("Y-m-d",time())."'";
    $sign = $this->model->table('praise')->where($condition2)->find();
    //判断是否已经签到
    if (empty($sign)) {
        //新增积分
        $this->model->table('member')->data('integral=integral+'.$this->config['site_praise'].',allintegral=allintegral+'.$this->config['site_praise'])->where('uid='.$_SESSION['user']['uid'])->update();//增加积分
        $arr['subject']="签到赠送积分";
        $arr['uid'] = $_SESSION['user']['uid'];
        $arr['integral'] = $this->config['site_praise'];
        $arr['time']=time();
        $this->model->table('member_integral')->data($arr)->insert();
        
        $updateuser = $this->model->table('member')->where('uid='.$_SESSION['user']['uid'])->find();//购物后更新session积分
        $_SESSION['user']['integral'] = $updateuser['integral'];
        $_SESSION['user']['allintegral'] = $updateuser['allintegral'];
        
        
        $data['uid'] = $_SESSION['user']['uid'];
        //$data['pid'] = $item;
        $data['status'] = 1;
        $data['time'] = time();
        $this->model->table('praise')->data($data)->insert();
        //$this->model->table('post')->data("digg=digg+1")->where('id='.$id)->update();
        //$this->model->table('member_comment')->data("praise=praise+1")->where('id='.$item)->update();
        $this->jssuccess('签到成功！');
    } else {
        $this->jserror('已经签过到了。');
    }
}


//判断是否已经签到
function is_sign_now(){
    $condition2  = 'uid='.$_SESSION['user']['uid'];
    $condition2 .= " AND DATE_FORMAT(FROM_UNIXTIME(time),'%Y-%m-%d') = '".date("Y-m-d",time())."'";
    $sign = module('common')->model->table('praise')->where($condition2)->find();
    //判断是否已经签到
    if (empty($sign)) {
        return true;
    }else{
        return false;
    }
}

相关数据表的结构
pre_praise
id uid pid time sort status

pre_member_integral
id uid subject integral status type time

 

 

赞(0) 打赏
未经允许不得转载：王明昌博客 » 实例 | PHP点击日历进行签到
分享到： 更多 (0)

相关推荐

  • 暂无文章

超低价中转站

2024 年 12 月
一 二 三 四 五 六 日
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

热门文章

热门标签

file (33)php (33)使用 (33)https (32)pan (32)get (31)class (25)文件 (24)function (22)11 (21)return (20)tp5 (19)id (19)设置 (18)git (16)js (16)获取 (16)server (15)控制器 (15)小程序 (15)2018 (15)配置文件 (14)var (14)代码 (13)信息 (13)cc (13)true (13)end (12)__ (12)笔记 (12)

关注公众号

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮