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

时间在相遇那刻静止 05-02 74

前言：

目前大家对“前台取ajax传过来的值”大概比较关怀，大家都想要了解一些“前台取ajax传过来的值”的相关内容。那么小编在网络上汇集了一些关于“前台取ajax传过来的值””的相关知识，希望兄弟们能喜欢，同学们一起来了解一下吧！

签到功能

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" ";>

<head>

<title>无标题文档</title>

//给按钮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>

</ul>

</div>

<li><label> </label><input name="signinTime" type="button" class="btn" id="signin" value="签到"/> 每天签到一次，不可重复签到</li>

<li><label> </label><input name="signoutTime" type="button" class="btn" id="signout" value="签退"/>可重复签退，以最后一次签退为准</li>

</ul>

</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层方法

@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传来的数据

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" ";>

<head>

<title>无标题文档</title>

//给按钮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>

</ul>

</div>

<li><label> </label><input name="signinTime" type="button" class="btn" id="signin" value="签到"/> 每天签到一次，不可重复签到</li>

<li><label> </label><input name="signoutTime" type="button" class="btn" id="signout" value="签退"/>可重复签退，以最后一次签退为准</li>

</ul>

</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

本文地址：http://www.longkongtuishu.com/ca864BANsDFAFClI.html

标签： #前台取ajax传过来的值 #jsp点击button跳转页面 #返回一个jsp页面ajax请求 #签到jquery #考勤机java