php+mysql+jquery实现日历签到功能
31 浏览量
2020-10-20
07:56:17
上传
评论
收藏 53KB PDF 举报
php+mysql+jquery实现日历签到功能实现日历签到功能
本文主要介绍了php+mysql+jquery实现日历签到功能的过程与步骤，具有很好的参考价值，下面跟着小编一起
来看下吧
在网站开发过程中我们会经常用到签到功能来奖励用户积分，或者做一些其他活动。这次项目开发过程中做了日历签到，因为
没有经验所有走了很多弯路，再次记录过程和步骤。
1.日历签到样式：日历签到样式：
2.本次签到只记录本月签到数，想要查询可以写其他页面，查询所有签到记录。（功能有，非常麻烦，古没有做。）本次签到只记录本月签到数，想要查询可以写其他页面，查询所有签到记录。（功能有，非常麻烦，古没有做。）
3.前台代码前台代码
<include file="Public:menu" />
<style type="text/css">
*{margin:0;padding:0;font:14px/1.8 "Helvetica Neue","microsoft yahei";}
</style>
<div class="ser_bx">
<div class="ser_bxc">
<span style="color:#5381B5;">签到记录</span>
<if condition="$res['0']['points'] eq '5'">
<div class="already btn_center">已签到</div>
<else />
<div class="ser_mbx btn_center">立即签到</div>
</if>
<div class="already btn_center" style="display:none;">已签到</div>
<!--<div class="minein">积分 : <span style="color:#b81d25">{$poin.points}</span></div>-->
</div>
</div>
<div class="check_box">
<div style="width:500px;height:400px;margin:0 auto;">
<div style="width:300px;height:300px;margin-left:50px;" id="calendar"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".ser_mbx").click(function(){
$.ajax({
url:"{:U('Index/Checkin')}",
type:'POST',
datatype:"json",
success:function(msg){
$(".already").show();
$(".ser_mbx").hide();
MonthSign();
}
});
});
});
</script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
MonthSign();
});
function MonthSign(){
//ajax获取日历json数据
$.ajax({
url:"{:U('Index/MonthSign')}",
type:'POST',
datatype:"json",
success:function(msg){
//alert(msg);
/*var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];
*/
calUtil.init(JSON.parse(msg));
}
});
}
</script>
<script type="text/javascript">
var calUtil = {
//当前日历显示的年份
showYear:2015,
//当前日历显示的月份
showMonth:1,
//当前日历显示的天数
资源评论
