java签到按钮怎么实现 java员工打卡签到代码

转载

编程小匠人 2023-06-01 16:09:59

文章标签 java签到按钮怎么实现考勤功能实现 JavaEE Java html 文章分类 Java 后端开发

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

签到功能

1、数据库中要有相应的表，并创建相应的实体类，复写相关方法
2、在相关的jsp页面添加两个jsp按钮，用于签到与签退，并添加id属性
3、在servlet中编写签到相关方法
4、在service实现类编写签到的逻辑方法
5、dao层实现类
6、在原来的jsp页面中，编写ajax请求，处理从servlet传来的数据

签退功能

1、在servlet层编写签退相关方法（提前处理，ajax直接显示结果）
2、在service的实现类编写签退的逻辑方法
3、dao层调用的方法与签到一致，无需添加
4、在原来的jsp页面中，编写ajax请求，处理从servlet传来的数据（result为签到签退按钮下的一个div的id用来显示考勤结果）

总结：

签到功能

1、数据库中要有相应的表，并创建相应的实体类，复写相关方法

java签到按钮怎么实现 java员工打卡签到代码_java签到按钮怎么实现

java签到按钮怎么实现 java员工打卡签到代码_java签到按钮怎么实现_02

2、在相关的jsp页面添加两个jsp按钮，用于签到与签退，并添加id属性

java签到按钮怎么实现 java员工打卡签到代码_Java_03

<%@ 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中编写签到相关方法

java签到按钮怎么实现 java员工打卡签到代码_html_04

//考勤签到操作
	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实现类编写签到的逻辑方法

java签到按钮怎么实现 java员工打卡签到代码_考勤功能实现_05

截图勾线有误，其实进行在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层实现类

java签到按钮怎么实现 java员工打卡签到代码_考勤功能实现_06

@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);

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

java签到按钮怎么实现 java员工打卡签到代码_java签到按钮怎么实现_07

<%@ 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直接显示结果）

java签到按钮怎么实现 java员工打卡签到代码_html_08

//考勤签退操作
	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的实现类编写签退的逻辑方法

java签到按钮怎么实现 java员工打卡签到代码_JavaEE_09

//考勤签退操作
	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用来显示考勤结果）

java签到按钮怎么实现 java员工打卡签到代码_考勤功能实现_10

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

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。