PHP实现日历签到,并实现累计积分功能
在网站开发过程中我们会经常用到签到功能来奖励用户积分,或者做一些其他活动。这次项目开发过程中做了日历签到,因为没有经验所有走了很多弯路,再次记录过程和步骤。
1.日历签到样式:使用的是calendar日历插件
前台代码
<!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> 已达标,获取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;
}
}
PHP实现日历签到,并实现累计积分功能的更多相关文章
- php+mysql+jquery日历签到
在网站开发过程中我们会经常用到签到功能来奖励用户积分,或者做一些其他活动.这次项目开发过程中做了日历签到,因为没有经验所有走了很多弯路,再次记录过程和步骤. 1.日历签到样式: 2.本次签到只记录本月 ...
- 使用 UICollectionView 实现日历签到功能
概述 在 App 中,日历通常与签到功能结合使用.是提高用户活跃度的一种方式,同时,签到数据中蕴含了丰富的极其有价值的信息.下面我们就来看看如何在 App 中实现日历签到功能. 效果图 ..... 思 ...
- PHP计算连续签到天数以及累计签到天数
代码如下: /** * 统计连续签到天数以及累计签到天数 * @param string $user_long_id 用户ID * @return array 一维数组 */ function sig ...
- jquery日历签到控件的实现
calendar.js var calUtil = { //当前日历显示的年份 showYear:2015, //当前日历显示的月份 showMonth:1, //当前日历显示的天数 showDays ...
- 微信小程序日历签到
近日做了一个项目需要用到日历插件,在网上找了一部分感觉跟项目不对口,所以就查考了其他的日历插件做了一个. 需求: 如图: 代码如下: index.wxml: <!--pages/pictrues ...
- jQuery日历签到插件
插件比较简单,先来看DEMO吧,http://codepen.io/jonechen/pen/bZWdXq: CSS部分: *{margin:0;padding:0;font:14px/1.8 &qu ...
- VUE 日历签到
<style lang="scss"> @import "../assets/css/px2rem.scss"; .sign-box { width ...
- Python 实现「食行生鲜」签到领积分
用过食行生鲜的同学应该知道,每天可以在食行生鲜签到,签到可以领到 20 积分,在购物时可以抵 2 毛钱.钱虽少,但是积少成多,买菜时可以抵扣一两块钱还是不错的. 今天我们就用 Python 来实现自动 ...
- 【需求设计1】VIP积分系统无聊YY
RT,想到什么就写什么呗,这是最简单的方式,顺便给自己做一个记录,反正自己记忆力也不太好.本文是仿陆金所的积分系统,自己YY的一套东西. 首先我想做一个VIP兑换投资卷的功能: 我们先来确定一些我知道 ...
随机推荐
- java高并发----个人学习理解汇总记录
1.首先,需要理解几个概念 1.同步(Synchronous):同步方法调用一旦开始,调用者必须等到前面的方法调用返回后,才能继续后续的行为,依次直到完成所有. 2.异步(Asynchronous): ...
- XSS中的同源策略和跨域问题
转自 https://www.cnblogs.com/chaoyuehedy/p/5556557.html 1 同源策略 所谓同源策略,指的是浏览器对不同源的脚本或者文本的访问方式进行的限制.比如源a ...
- Neo4j:图数据库GraphDB(三)创建删除及高级操作
本片继续前几篇介绍图数据库的创建,有疑问可以我的看看前两篇文章:http://www.cnblogs.com/rongyux/p/5537206.html 四 图数据库的创建 1 创建一个节点 P ...
- [LUOGU3413] SAC#1 - 萌数
题目背景 本题由世界上最蒟蒻最辣鸡最撒比的SOL提供. 寂月城网站是完美信息教室的官网.地址:http://191.101.11.174/mgzd . 题目描述 辣鸡蒟蒻SOL是一个傻逼,他居然觉得数 ...
- Spring Cloud Alibaba(二) 配置中心多项目、多配置文件、分目录实现
介绍 之前Spring Cloud Config基础篇这篇文章介绍了Spring Cloud Config 配置中心基础的实现,今天继续聊下Spring Cloud Config 并结合nacos做服 ...
- Win10系统Cortana 小娜无法搜索
1.在开始菜单中找“Windows PowerShell”文件夹,打开后右键单击Windows PowerShell,选择“以管理员身份运行” 2.输入命令,通过重新注册语音小娜来解决问题 Get-A ...
- 20.discuz论坛-实现伪静态
部署discuz论坛 1.直接上配置文件--->>> [root@web01 conf.d]# vim discuz.cheng.com.conf server { listen 8 ...
- OpenvSwitch系列之ovs-vsctl命令使用
Open vSwitch系列之一 Open vSwitch诞生 Open vSwitch系列之二 安装指定版本ovs Open vSwitch系列之三 ovs-vsctl 命令使用 OpenvSwit ...
- 百万年薪python之路 -- 面向对象之 反射,双下方法
面向对象之 反射,双下方法 1. 反射 计算机科学领域主要是指程序可以访问.检测和修改它本身状态或行为的一种能力(自省) python面向对象中的反射:通过字符串的形式操作对象相关的属性.python ...
- JVM 垃圾收集与内存分配
判断对象是否还活着 引用计数法 给对象添加引用计数器,添加加1,引用失效减1,如果为0就是不可使用的.问题是不能解决互相引用带来的问题 可达性分析法 以GC Roots为起点,判断到一个对象是否有引用 ...