JavaEE中，考勤（签到签退）功能的实现

时间:2022-07-22
本文章向大家介绍JavaEE中，考勤（签到签退）功能的实现，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

体会实现具体功能的思想并加以运用

签到功能

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>&nbsp;</label><input name="signinTime" type="button" class="btn"  id="signin" value="签到"/> 每天签到一次，不可重复签到</li>
        <li><label>&nbsp;</label></li>
    	<li><label>&nbsp;</label></li>
      	<li><label>&nbsp;</label><input name="signoutTime" type="button" class="btn" id="signout" value="签退"/>可重复签退，以最后一次签退为准</li>
    </ul>

    </div>
	<div id="result"></div>

</body>

</html>

3、在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层实现类

@Override
	public 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;
		
		
	}
@Override
	public 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);

jdbc工具类下载与使用 https://blog.csdn.net/qq_43371556/article/details/90376271

6、在原来的jsp页面中，编写ajax请求，处理从servlet传来的数据

<%@ 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>&nbsp;</label><input name="signinTime" type="button" class="btn"  id="signin" value="签到"/> 每天签到一次，不可重复签到</li>
        <li><label>&nbsp;</label></li>
    	<li><label>&nbsp;</label></li>
      	<li><label>&nbsp;</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用来显示考勤结果）

//给按钮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获取信息，更根据相应的值显示相应的提示语。

随机文章
java知识点必读
最近更新