OA系统：实现签到签退功能

最新推荐文章于 2022-06-15 14:40:25 发布

原创

最新推荐文章于 2022-06-15 14:40:25 发布 · 3.8k 阅读

16 ·

CC 4.0 BY-SA版权

本文详细介绍了OA系统中签到签退功能的实现步骤，包括创建数据库、控制层和业务层的设计，以及视图层和Ajax的使用。在实际操作中，作者在Ajax实现页面跳转时遇到了小问题并予以解决。

一、思路
1.创建数据库（注：添加自增主键或者双主键，这里使用了自增主键dtid）
2.创建控制层和业务层，添加signin和signout两种方法
二、功能实现
1.创建数据库

create table duty 
(
dtid int(10) not null auto_increment,
empid varchar(10) ,
dtdate date ,
signintime varchar(100),
signouttime varchar(100),
PRIMARY key(dtid)
)

2.视图层
注意要用ajax实现页面窗口的跳转

<%@ 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" >
	$(function(){
		//给按钮1绑定单击事件，实现签到功能
		$("#signin").click(function(){
			//发送一个Ajax请求，完成签到，并通过回调函数显示签到的结果
			$.ajax({
				url:"servlet/DutyServlet?method=signin",
				type:"POST",
				dataType:"text",
				success:function(data){
					//显示签到的结果
					if(data==0){
						$("#result").html("签到失败");
					}else if(data==1){
						$("#result").html("签到成功");
					}else{
						$("#result").html("已经签到");
					}
				}
			});
		});
		//实