最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

使用Jquery实现每日签到功能_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:36:36
文档

使用Jquery实现每日签到功能_jquery

使用Jquery实现每日签到功能_jquery:一直想做一个签到功能,但是百度了都没有自己想要的,所以就借着网上搜到的素材然后整合自己之前写的插件layerModel自己整合了一个,大家娱乐娱乐就好! calendar.js var calUtil = { getDaysInmonth : function(iMonth, iYear)
推荐度:
导读使用Jquery实现每日签到功能_jquery:一直想做一个签到功能,但是百度了都没有自己想要的,所以就借着网上搜到的素材然后整合自己之前写的插件layerModel自己整合了一个,大家娱乐娱乐就好! calendar.js var calUtil = { getDaysInmonth : function(iMonth, iYear)
 一直想做一个签到功能,但是百度了都没有自己想要的,所以就借着网上搜到的素材然后整合自己之前写的插件layerModel自己整合了一个,大家娱乐娱乐就好!

calendar.js

sign.css

.singer_r_img{display:block;width:114px;height:52px;line-height:45px;background:url(images/sing_week.gif) right 2px no-repeat;vertical-align:middle;*margin-bottom:-10px;text-decoration:none;}
.singer_r_img:hover{background-position:right -53px;text-decoration:none;}
.singer_r_img span{margin-left:14px;font-size:16px;font-family:'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;font-weight:700;color:#165379;}
.singer_r_img.current{background:url(images/sing_sing.gif) no-repeat 0 2px;border:0;text-decoration:none;}
.sign table{border-collapse: collapse;border-spacing: 0;width:100%;}
.sign th,.sign td {width: 30px;height: 40px;text-align: center;line-height: 40px;border:1px solid #e3e3e3;}
.sign th {font-size: 16px;}
.sign td {color: #404040;vertical-align: middle;} 
.sign .on {background: url(images/sign_have.gif) no-repeat center;}
.calendar_month_next,.calendar_month_prev{width: 34px;height: 40px;cursor: pointer;background:url(images/sign_arrow.png) no-repeat;}
.calendar_month_next {float: right;background-position:-42px -6px;}
.calendar_month_span {display: inline;line-height: 40px;font-size: 16px;color: #656565;letter-spacing: 2px;font-weight: bold;}
.calendar_month_prev {float: left;background-position:-5px -6px;}
.sign_succ_calendar_title {text-align: center;width:398px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;background:#fff;}
.sign_main {width: 400px;/**background-color: #FBFEFE;**/border-top:1px solid #e3e3e3;font-family: "Microsoft YaHei",SimHei;display: none;}

sign.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>




签到效果实现







var ctx = "${pageContext.request.contextPath}";
/*签到模块日期捕捉:*/
function week(){
 var objDate= new Date();
 var week = objDate.getDay();
 switch(week)
 {
 case 0:
 week="周日";
 break;
 case 1:
 week="周一";
 break;
 case 2:
 week="周二";
 break;
 case 3:
 week="周三";
 break;
 case 4:
 week="周四";
 break;
 case 5:
 week="周五";
 break;
 case 6:
 week="周六";
 break;
 }
 $("#sing_for_number").html( week );
}
$(function(){
 week();
 var current = new Date();
 $(".singer_r_img").click(function(){
 var s = this;
 showLoading("正在签到...");
 $.ajax({
 url : "${pageContext.request.contextPath}/sign/doSign",
 type : "POST",
 dataType : "json",
 success : function(data) {
 loadingComplete();
 var rst = data.result;
 if(rst == 1) {
 showError("今天您已经签到,无须再次签到!",function(){
 var signList = data.signList;
 $(s).addClass("current");
 var str = calUtil.drawCal(current.getFullYear(),current.getMonth() + 1,signList);
 $(str).layerModel({title:"签到日历"});
 });
 } else {
 showSuccess("签到成功!",function(){
 var signList = data.signList;
 $(s).addClass("current");
 var str = calUtil.drawCal(current.getFullYear(),current.getMonth() + 1,signList);
 $(str).layerModel({title:"签到日历"});
 });
 }
 }
 });
 });
});

SignController.java

package com.controller;
 
import java.util.Date;
import java.util.List;
 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
 
import com.common.framework.controller.BaseController;
import com.common.util.RequestUtil;
import com.model.entity.SignEntity;
import com.model.service.SignService;
 
@Controller
@RequestMapping("/sign")
public class SignController extends BaseController {
 @Autowired
 private SignService signService;
 
 @RequestMapping("/doSign")
 public ModelAndView doSign(HttpServletRequest request, HttpServletResponse response) {
 ModelAndView view = super.createJsonView();
 try {
 // 先查询是否已经签到
 boolean ifHasSigned = signService.ifHasSigned();
 if(ifHasSigned) {
 view.addObject("result", "1");
 } else {
 SignEntity signEntity = new SignEntity();
 Date signDate = new Date();
 signEntity.setSignTime(signDate);
 signEntity.setSignDay(Long.valueOf(signDate.getDate()));
 signEntity.setSignIp(RequestUtil.getIpAddr(request));
 signEntity.setSigner("zhoukun");
 signService.signTX(signEntity);
 view.addObject("result", "0");
 }
 List signList = signService.listSign();
 view.addObject("signList", signList);
 } catch (Exception e) {
 e.printStackTrace();
 }
 return view;
 }
 public static void main(String[] args) {
 System.out.println(new Date().getDate());
 }
}

演示图:

以上所述就是本文的全部内容了,希望大家能够喜欢。

文档

使用Jquery实现每日签到功能_jquery

使用Jquery实现每日签到功能_jquery:一直想做一个签到功能,但是百度了都没有自己想要的,所以就借着网上搜到的素材然后整合自己之前写的插件layerModel自己整合了一个,大家娱乐娱乐就好! calendar.js var calUtil = { getDaysInmonth : function(iMonth, iYear)
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top