1、数据库中要有相应的表，并创建相应的实体类，复写干系方法
2、在干系的jsp页面添加两个jsp按钮，用于签到与签退，并添加id属性
签到签退
<%@ page language="java" import="java.util." pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><base href="<%=basePath%>" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link href="css/style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript">//给按钮signin绑定单击事宜，实现签到功能$(function(){$("#signin").click(function(){//alert("ok");//发送ajax要求，完成签到.并通过回调函数显示结果$.ajax({url:"duty?method=signin",type:"post",dataType:"text",success:function(data){//显示签到结果if(data==0){$("#result").html("签到失落败");}else if (data==1) {$("#result").html("签到成功");}else {$("#result").html("已经签到，无需重复签到");}}});});//给按钮signout绑定单击事宜，实现签退$("#signout").click(function(){//alert("ok?");$.ajax({url:"duty?method=signout",type:"post",dataType:"text",success:function(result){$("#result").html(result);}});});});</script></head><body><div class="place"><span>位置：</span><ul class="placeul"><li><a href="#">考勤管理</a></li><li><a href="#">签到签退</a></li></ul></div><div class="formbody"><div class="formtitle"><span>基本信息</span></div><ul class="forminfo"><li><label> </label><input name="signinTime" type="button" class="btn" id="signin" value="签到"/> 每天签到一次，不可重复签到</li><li><label> </label></li><li><label> </label></li><li><label> </label><input name="signoutTime" type="button" class="btn" id="signout" value="签退"/>可重复签退，以末了一次签退为准</li></ul></div><div id="result"></div></body></html> 3、在servlet中编写签到干系方法
servlet方法
//考勤签到操作public void signin(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {//获取session浸染域中的emp工具，emp存放的是被考勤人信息，自行创建Employee emp= (Employee) request.getSession().getAttribute("emp");String empId=emp.getEmpId();//调用业务层完成签到操作DutyService ds=new DutyServiceImpl();int n=ds.signin(empId);//0失落败 1成功 2已经签到//无需页面跳转，直接相应结果（常日与ajax连用）response.getWriter().println(n);} 4、在service实现类编写签到的逻辑方法
业务实现类
截图勾线有误，实在进行在dao层进行了两个操作 1、查询是否签到的操作 2、保存签到信息的操作
@Override public int signin(String empId) { //判断用户是否已经签到 Date now=new Date();//yyyyMMdd——>hhmmss java.sql.Date today=new java.sql.Date(now.getTime());//hhmmss boolean flag= dd.find(empId,today);//1、查询是否签到的操作 //对返回的flag进行处理,true:已经签到，false没有签到，进行签到 int n=0; if (flag) { return 2; } else { Duty duty=new Duty(); //duty.setDtId(dtId);序列自增 duty.setEmpId(empId); duty.setDtDate(today); DateFormat sdf = new SimpleDateFormat("hh:mm:ss"); String signinTime= sdf.format(now); duty.setSigninTime(signinTime); //完成签到 n=dd.save(duty);//2、保存签到信息的操作 return n;//0失落败 1成功 } }5、dao层实现类dao层方法
@Overridepublic boolean find(String empId, Date today) {//jdbc查询操作//创建jdbc变量Connection conn=null;PreparedStatement ps=null;ResultSet rs=null;//创建变量boolean flag=false;//默认情形为查不到try {//创建连接conn=DBUtil.getConnection();//创建SQL语句String sql="select from duty where empid=? and dtdate=?";//创建SQL命令ps=conn.prepareStatement(sql);//给占位符赋值ps.setString(1, empId);ps.setDate(2, today);//实行sql语句rs=ps.executeQuery();//遍历if (rs.next()) {flag=true;//签到成功}} catch (Exception e) {e.printStackTrace();}finally{//关闭变量DBUtil.closeAll(rs, ps, conn);}return flag;} @Overridepublic int save(Duty duty) {//添加操作//创建sql语句String sql="insert into duty values(seq_duty.nextval,?,?,?,null)";//创建params变量凑集Object[] params={duty.getEmpId(),duty.getDtDate(),duty.getSigninTime()};return DBUtil.executeUpdate(sql, params); 6、在原来的jsp页面中，编写ajax要求，处理从servlet传来的数据
jsp页面添加方法
<%@ page language="java" import="java.util." pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><base href="<%=basePath%>" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link href="css/style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript">//给按钮signin绑定单击事宜，实现签到功能$(function(){$("#signin").click(function(){//alert("ok");//发送ajax要求，完成签到.并通过回调函数显示结果$.ajax({url:"duty?method=signin",type:"post",dataType:"text",success:function(data){//显示签到结果if(data==0){$("#result").html("签到失落败");}else if (data==1) {$("#result").html("签到成功");}else {$("#result").html("已经签到，无需重复签到");}}});});//给按钮signout绑定单击事宜，实现签退$("#signout").click(function(){//alert("ok?");$.ajax({url:"duty?method=signout",type:"post",dataType:"text",success:function(result){$("#result").html(result);}});});});</script></head><body><div class="place"><span>位置：</span><ul class="placeul"><li><a href="#">考勤管理</a></li><li><a href="#">签到签退</a></li></ul></div><div class="formbody"><div class="formtitle"><span>基本信息</span></div><ul class="forminfo"><li><label> </label><input name="signinTime" type="button" class="btn" id="signin" value="签到"/> 每天签到一次，不可重复签到</li><li><label> </label></li><li><label> </label></li><li><label> </label><input name="signoutTime" type="button" class="btn" id="signout" value="签退"/>可重复签退，以末了一次签退为准</li></ul></div><div id="result"></div></body></html> 签退功能
1、在servlet层编写签退干系方法（提前处理，ajax直接显示结果）
//考勤签退操作public void signout(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {//获取session浸染域中的emp工具Employee emp= (Employee) request.getSession().getAttribute("emp");String empId=emp.getEmpId();//调用业务层完成签到操作DutyService ds=new DutyServiceImpl();int n=ds.signout(empId);//0失落败 1成功 2没有签到//无需页面跳转，直接相应结果（常日与ajax连用）response.setContentType("text/html; charset =utf-8");PrintWriter out= response.getWriter();if (n==1) {out.println("签退成功");} else if (n==0) {out.println("签退失落败");} else {out.println("尚未签退");} } 2、在service的实现类编写签退的逻辑方法
//考勤签退操作public void signout(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {//获取session浸染域中的emp工具Employee emp= (Employee) request.getSession().getAttribute("emp");String empId=emp.getEmpId();//调用业务层完成签到操作DutyService ds=new DutyServiceImpl();int n=ds.signout(empId);//0失落败 1成功 2没有签到//无需页面跳转，直接相应结果（常日与ajax连用）response.setContentType("text/html; charset =utf-8");PrintWriter out= response.getWriter();if (n==1) {out.println("签退成功");} else if (n==0) {out.println("签退失落败");} else {out.println("尚未签退");} } 3、dao层调用的方法与签到同等，无需添加 4、在原来的jsp页面中，编写ajax要求，处理从servlet传来的数据（result为签到签退按钮下的一个div的id用来显示考勤结果）
jsp页面中的添加的方法/函数
//给按钮signout绑定单击事宜，实现签退 $("#signout").click(function(){ //alert("ok?"); $.ajax({ url:"duty?method=signout", type:"post", dataType:"text", success:function(result){ $("#result").html(result); } }); });注：采纳mvc架构模式
总结：签到实现 1、点击签到按钮，跳转到签到的servlet，调用干系的方法 2、dao层首先去数据库查看用户是否签到，如果签到则返回true，如果没签到则返回false，并实行保存签到信息的方法。返回签到的结果0失落败，1成功，2已签到，并将数据返回到servlet 3、servlet将数据直接相应给前台页面，jsp页面通过Ajax获取信息，更根据相应的值显示相应的提示语。
签退实现 1、点击签退按钮，跳转到签退的servlet，调用干系的方法 2、dao层首先去数据库查看用户是否签退，如果签到则返回true，如果没签到则返回false，并实行保存签退信息的方法。返回签退的结果0失落败，1成功，2已签到，并将数据返回到servlet 3、servlet将数据直接相应给前台页面，jsp页面通过Ajax获取信息，更根据相应的值显示相应的提示语。
项目地址(手动复制下面地址到浏览器即可): shimo.im/docs/IaCeHAzWu80UoG45
