jQuery+SSM实现每日签到
前台jQuery 后台框架是SSM从数据库读取数据来显示并实现每日签到功能
几乎代码都贴出来比较齐全了,逻辑也不太难,有不懂地方留言,觉得不错点个赞呗
JavaScript代码:
<script type="text/javascript">
//签到
var dayNumList;//自定义设置的签到天数List
var signContinuousFlag = false;
$(function() {
//获取设置的签到天数List
getDayNum();
$("#box").click(function(){
$(".alert-box").show();
$("#videoDiv").hide();
});
$(".close").click(function () {
$(".alert-box").hide();
$("#videoDiv").show();
});
});
function getDayNum(){
var postData = { };
$.post("<%=path %>/mobile/GuessManagerController/getIntegrateList.do", postData, function (date) {
if (date.flag&&date.info.length>0) {
for(var i=0;i<date.info.length;i++){
var daynumhtml = "";
daynumhtml = daynumhtml+
"<li>"+
"<p class=\"week-list\">第"+date.info[i].dayNum+"天</p>"+
"<span class=\"icon-money-icon\"></span>"+
"</li>"
$("#dayNumDiv").append(daynumhtml);
$("#signNum").html(date.signNum.signNumber);
if(date.signNum.signNumber==date.info[i].dayNum){
$(".sign-box-list-item > li").css('background-color','#FFD67C');
}
}
dayNumList = date.info;
}else{
layer.msg(date.msg);
}
})
}
//今日签到
function signToday(){
//查看是否连续签到
var signNum = Number($("#signNum").text());
//var signTime = new Date(jsonTimeStamp($("#signTime").val()));//上一次签到日期
var integrationNum;
var dayNums;
//signTime.setDate(signTime.getDate()+1)
//var today = new Date();
//查看后台设置的天数和计算当天积分和额外积分
$.ajax({
type: "POST",
url: "<%=path %>/mobile/GuessManagerController/getIntegralData.do",
async:false,
success: function(date){
dayNums = Number(date.info.length)+1;
if (date.flag) {
for(var i=0;i<date.info.length;i++){
//如果当前签到天数等于目前展示对应天数,就计算其所获得的总积分
if(signNum==Number(date.info[i].dayNum)){
integrationNum = date.info[i].totalScore;
} }
}else{
layer.msg(date.msg);
}
}
});
if(signContinuousFlag){
signNum=1;
}else{
signNum += 1;
if(signNum>dayNums) signNum=1;
}
$.ajax({
type: "POST",
url: "<%=path %>/mobile/GuessManagerController/signToday.do",
data:{
"integrationNum":integrationNum,