基于JavaWeb的在线考试系统的设计与实现

雨点打透心脏的1/2处 2024-04-01 09:30 88阅读 0赞

目 录  
摘 要 Ⅰ  
Abstract Ⅱ  
1 绪 论 1  
1.1 背景 1  
1.2 国内外现状 2  
1.3 系统开发的目标与意义 2  
1.3.1 系统开发目标 2  
1.3.2 意义 2  
2 开发技术背景 4  
2.1 Java语言 4  
2.2 Struts2 4  
2.3 Spring 5  
2.4 Hibernate 5  
2.5 JavaScript 6  
2.6 JSP 6  
2.7 MySQL数据库 7  
2.8 开发环境 7  
3 系统需求分析和设计 9  
3.1 系统的基本需求 9  
3.2 系统的设计思想 10  
3.3 系统功能需求分析 10  
3.4 系统的功能模块 11  
3.5 系统的工作流程 13  
3.6系统模块详细设计 16  
4 数据库设计 19  
4.1 数据库需求分析 19  
4.2 数据表的结构设计 19  
5 系统实现与编码 24  
5.1 学生登录实现 24  
5.1.1 学生登录选择页面 24  
5.1.2 学生登录页面 24  
5.1.3 学生登录主页面 25  
5.1.4 进行考试 26  
5.1.5 考试记录 27  
5.1.6 我的班级 28  
5.1.7 完善信息 29  
5.1.8 修改密码 29  
5.2 教师登录 30  
5.2.1 教师登录选择页面 30  
5.2.2 教师登录页面 30  
5.2.3 教师登录主页面 31  
5.2.4 题库管理 31  
5.2.5 试卷管理 32  
5.2.6 班级管理 33  
5.2.7 学生管理 34  
5.2.8 我的信息 35  
5.3 管理员登录 36  
5.3.1 管理员登录选择页面 36  
5.3.2 管理员登录页面 36  
5.3.3 管理员登录主页面 37  
5.3.4 管理员-题库管理 37  
5.3.5 管理员-试卷管理 37  
5.3.6 管理员-班级管理 37  
5.3.7 管理员-学生管理 37  
5.3.8 管理员-我的信息 37  
5.3.9 考试管理 37  
5.3.10 教师管理 39  
6 系统测试 40  
6.1 界面测试 40  
6.2 功能测试 40  
7 总 结 42  
致 谢 43  
参考文献 44  
3 系统需求分析和设计  
很多学校学生的期末考试仍采用任课教师（个人或集体）考前出题的方式。为解决学生压题，考前漏题，补（缓）考试题与正式考试试题题量及难度差异问题，教务管理部门通常要求教师同时出多套试卷，其题量与难度要求相同，并且要同时给出答案和评分标准。这样做虽能解决一些问题，但给教师增加了很大的工作负担，若上下届学生的同一门课程由同一教师承担，则难免几届学生用相同几套试卷；若由不同教师任课出题，则上下届学生的成绩之间又不具有可比性。 若建立题库，每次考试前由题库中题目随机生成试卷，则可较好地解决考教分离的问题，也可将广大教师从每学期末繁重的命题工作中解放出来。近年来，部分学校陆续开发了一些基于微机的题库系统，并作为成果向其它学校推广，但这些题库一般都是结合本校具体情况，针对单一课程的小型题库，甚至某些学校购得的题库系统中的题目本身是不可维护的，即使题目已不适合自己的学生考试使用，也无法更新题库中的题目。为解决题库系统中存在的这些问题，最后给出了一个较为理想的题库系统解决方案，并结合当前比较使用的B/S结构开发一个功能完备的网上在线考试系统。。  
3.1 系统的基本需求  
结合现阶段互联网技术的发展和用户的需求，《基于JavaWeb的在线考试系统》应具有以下鲜明特点：  
1.学生登录功能：  
学生在线考试，考试记录查询，答题详情查询，班级查询，完善信息，修改密码。  
2.教师登录功能：  
题库管理，试卷管理，班级管理，学生管理，我的信息。  
3.管理员登录功能：  
题库管理，试卷管理，班级管理，考试管理，教师管理，学生管理，我的信息。  
3.2 系统的设计思想  
系统的设计主要面对的是用户的需求，因为只有用户的需求才是在线考试系统成功的根本。  
界面设计充分考虑浏览用户的习惯，而且所有网页设计清新、简洁、合理，不会让用户感到视觉疲劳。可操作性很强。  
3.3 系统功能需求分析  
本系统适用于学校进行在线考试，实现了学生登录功能：学生在线考试，考试记录查询，答题详情查询，班级查询，完善信息，修改密码。教师登录功能：  
题库管理，试卷管理，班级管理，学生管理，我的信息。管理员登录功能：题库管理，试卷管理，班级管理，考试管理，教师管理，学生管理，我的信息。  
在需求分析的基础上，结合基于JavaWeb的在线考试系统的总体目标，从信息系统目标、业务功能、技术性能等方面对用户的需求进行分析，最终确定了可行的、合理的系统功能需求。系统主要功能需求如下：  
1.用户登录功能：新用户输入相关注册信息进行验证注册。  
2.学生在线考试功能：学生登录后可进行目前正在进行的考试。  
3.考试记录查询：学生可查询考试记录。  
4.答题详情查询：学生可查询历史考试的具体试题、答案、分数等信息。  
5.班级查询：学生可查询个人所在班级信息。  
6.完善信息：学生可完善修改个人相关信息。  
7.修改密码：学生可修改登录密码。  
8.题库管理：教师/管理员可对题库进行管理。  
9.试卷管理：教师/管理员可对试卷进行管理。  
10.班级管理：教师/管理员可对班级进行管理。  
11.学生管理：教师/管理员可对学生信息进行管理。  
12.教师管理：管理员可对教师信息进行管理。  
13.我的信息：教师/管理员可对个人信息进行查看修改。  
3.4 系统的功能模块  
基于JavaWeb的在线考试系统由三个大模块组成：学生登录，教师登录，管理员登录。  
学生登录功能模块有：本文转载自http://www.biyezuopin.vip/onews.asp?id=12755学生在线考试，考试记录查询，答题详情查询，班级查询，完善信息，修改密码。  
教师登录功能模块有：题库管理，试卷管理，班级管理，学生管理，我的信息。  
管理员登录功能模块有：题库管理，试卷管理，班级管理，考试管理，教师管理，学生管理，我的信息。  
1.学生框架图如图3.1所示。

![在这里插入图片描述][7d0b198f58b3407593ba163c3c2b0d54.png]

图3.1 学生登录框架图

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ taglib uri="/struts-tags" prefix="s" %>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD 	XHTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'tdenglu.jsp' starting page</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	
    	<style type="text/css">
    		body{
        
    			margin:0;
    			padding:0;	
    		}
    		.div1{
        
    			background-color:#EDEDED;
    			margin:0 auto;
    		    padding:0px;
    		    width:80%;
    		    height:768px;			   
    		}
    		.div2_1{
        
    			width:100%;
    			height:100px;
    			background-color:#1183C2;
    		}
    		.div2_2{
        
    			margin:50px 0 0 250px;
    			background-color:#CCC;
    			width:50%;
    			height:300px;
    		}
    		.div3_1{
        
    			margin:0;
    			padding:0;
    			width:80px;
    			height:80px;
    			float:left;
    		}
    		.div3_2{
        
    			margin:25px 0 0 200px;
    			padding:0px;
    			float:left;
    			color:#FFF;
    			font-size:48px;
    		}
    		#errspan{
          
    			text-align: center;
    			font-size: 14px;
    			color: red;
    		
    		}
    		img{
        
    			width:100%;
    			height:100%;
    			margin:15px 0 0 120px;
    		}
    		table{
        
    			margin:50px 0 0 0 ;
    			padding:50px 0 0 0 ;
    			width:500px;
    			height:250px;
    			text-align:center;
    			table-layout:fixed ; 
    		}
    		
    	</style>
    	<script type="text/javascript">
    		
    		function checkId(){
        
    			var sid = document.getElementById("sid").value;
    			var idspan = document.getElementById("idspan");
    			var reg = /^[0-9]{
        2,11}$/i;
    		
    			var flag ;
    			if(sid == ""){
        
    				idspan.innerHTML = "* 学号不能为空".fontcolor("red").fontsize("2px");
    				flag = false;
    			}else if(!reg.test(sid)){
        
    				idspan.innerHTML = "* 学号只能是数字".fontcolor("red").fontsize("2px");
    				flag = false;
    			}else{
        
    				idspan.innerHTML = "";
    				flag = true;
    			}
    			return flag;
    			
    		}
    		function checkPW(){
        
    			var password = document.getElementById("password").value;
    			var pwspan = document.getElementById("pwspan");
    			var flag = false;
    			if(password == ""){
        
    				pwspan.innerHTML = "* 密码不能为空".fontcolor("red").fontsize("2px");
    				flag = false;
    			}else{
        
    				pwspan.innerHTML = "";
    				flag = true;
    			}
    			return flag;
    		}
    		function checkForm(){
        
    			if(checkId() && checkPW()){
        
    				return true;
    			}else{
        
    				return false;
    			}
    		}
    	</script>
    </head>
    
    <body>
      <div class="div1">
        <div class="div2_1">
            <div class="div3_1">
                 <img src="${pageContext.request.contextPath }/images/bzxylogin.jpg"/>
            </div>
            <div class="div3_2">
                 <span>在线考试系统V1.0</span>
            </div>
        </div>
        <div class="div2_2">
         <center>
         
        	<form id="form1" action="${pageContext.request.contextPath }/student_login.action" method="post" onsubmit="return checkForm()" >
            	<table border="0px">
                	<tr>
                    	<td style="text-align:center" colspan="3">学生登录</td>  
                    </tr>
                    <tr>
                    	<td style="text-align:right;">学 号</td>
                        <td style="text-align:left;">
                        	<input id="sid" type="text" style="width:160px;" name="sid" onblur="checkId()" />
                        </td>
                        <td style="text-align:left;"><span id="idspan"></span></td>
                    </tr>
                    <tr>
                    	<td style="text-align:right;">密 码</td>
                        <td style="text-align:left;">
                        	<input id="password" type="password" style="width:160px;" name="password" onblur="checkPW()"/>
                        </td>
                        <td style="text-align:left;"><span id="pwspan"></span></td>
                    </tr>
                     <tr>	
                        <td colspan="3">
                        	<input style="width:100px; height:30px" type="submit" value="登录"/>
                            <input style="width:100px; height:30px" type="reset" value="重置"/>
                        </td>
                    </tr>
                </table>  
            </form>
          </center>
          <span id="errspan" style="test"><s:actionerror/></span>
        </div>
      </div>
    </body>
    </html>

![在这里插入图片描述][e188256d39c94d01a5f89a4fb3a5d31e.png_pic_center]  
![在这里插入图片描述][0faa052c7395456290ea4c37df50042e.png_pic_center]  
![在这里插入图片描述][9b6c442ae4d348f3be28ab83832f34be.png_pic_center]  
![在这里插入图片描述][d2efe05c83ea4c409a16768d829821a6.png_pic_center]  
![在这里插入图片描述][6d33ef52ba794f43978d6eb59da83c01.png_pic_center]  
![在这里插入图片描述][4f54e142110846099f13fbad386b6cdf.png_pic_center]  
![在这里插入图片描述][cd7826ac6b3c4ad6a22302a361bb41e2.png_pic_center]  
![在这里插入图片描述][cf126b7717304f29ac6c6ddae1ae7134.png_pic_center]  
![在这里插入图片描述][c7987149442647ef952d34c5fbbaa688.png_pic_center]  
![在这里插入图片描述][414e8e02e50c4656a9483cfefe71d143.png_pic_center]  
![在这里插入图片描述][9a4ad4295fd744608ef28494364accc6.png_pic_center]  
![在这里插入图片描述][c4e52f4737824c4d867bf29db3be7328.png_pic_center]  
![在这里插入图片描述][3ea5692784e1419ba33a0f7b4a75f237.png_pic_center]  
![在这里插入图片描述][2fdfb1f26870457eaeda6f63df48557b.png_pic_center]  
![在这里插入图片描述][5b21e96dc1984c26af689b678c581358.png_pic_center]  
![在这里插入图片描述][75205d78441240619884d9d300fa5d22.png_pic_center]  
![在这里插入图片描述][d778d1964bf84d419cded4e60f73a3e9.png_pic_center]  
![在这里插入图片描述][c8c08b791764482d938404094e9cb2c9.png_pic_center]  
![在这里插入图片描述][00bf4c9dc869467d87260f90aee77e4d.png_pic_center]  
![在这里插入图片描述][683b26ede9054a2fb10d77ed65f1f2d7.png_pic_center]  
![在这里插入图片描述][4c625134bf4a4984848ad45c914feb9e.png_pic_center]  
![在这里插入图片描述][ff1bbbd7c91f48bdb8d9919dcd9fb018.png_pic_center]  
![在这里插入图片描述][d114af3f47b64f38be208ace5a2fe17a.png_pic_center]  
![在这里插入图片描述][c451d182f10c4df0a394108de8af0fc6.png_pic_center]  
![在这里插入图片描述][03285db11c9c4281b07d13e9940e2c14.png_pic_center]  
![在这里插入图片描述][5fadf3d197e648a8b36ef18d82261577.png_pic_center]  
![在这里插入图片描述][ec9a0b2c82ef41b8b0699d389e45f33e.png_pic_center]  
![在这里插入图片描述][d81bd119579442fa8f455b17567358da.png_pic_center]  
![在这里插入图片描述][4c072d5f9ea447f5a842532318ba3856.png_pic_center]  
![在这里插入图片描述][bc12471645c746b4a38035c5e467cbd7.png_pic_center]

[7d0b198f58b3407593ba163c3c2b0d54.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8e6969bae64149b8971e052f651dca2e.png
[e188256d39c94d01a5f89a4fb3a5d31e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/63f233785d35409db61e8d5ec1ce4eaa.png
[0faa052c7395456290ea4c37df50042e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8614832c96074754a298f1783eeede8f.png
[9b6c442ae4d348f3be28ab83832f34be.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/38c9f0f8bf184ddebc70c93aa2d30dab.png
[d2efe05c83ea4c409a16768d829821a6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2b2651d38a1545468e50f9e622312e16.png
[6d33ef52ba794f43978d6eb59da83c01.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c4a60b9eddb34075bb461038a3ece6aa.png
[4f54e142110846099f13fbad386b6cdf.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/dcb612a88dc54e7186d7f47725d7a9f9.png
[cd7826ac6b3c4ad6a22302a361bb41e2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ed37e718824148a78a367e5049994b4d.png
[cf126b7717304f29ac6c6ddae1ae7134.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0c365dda1de346e9a1005c282f8dd280.png
[c7987149442647ef952d34c5fbbaa688.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9b796d8d47d247afb9fe027498119974.png
[414e8e02e50c4656a9483cfefe71d143.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/34f6cfb3ebe44db49c10d612118e9099.png
[9a4ad4295fd744608ef28494364accc6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a80ffa2454b74c7cb585058d9e35c1e8.png
[c4e52f4737824c4d867bf29db3be7328.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/53ea57fc1f7d4270adaddc767eec964c.png
[3ea5692784e1419ba33a0f7b4a75f237.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/270507d9baa24bd395085d1c22700f50.png
[2fdfb1f26870457eaeda6f63df48557b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/65d1e63bb81f4a84b72ee91ab1b802a8.png
[5b21e96dc1984c26af689b678c581358.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4bd477d2b310422eb207a2a06d0f39be.png
[75205d78441240619884d9d300fa5d22.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8ecd045d6f9446e0843e7d712e1496d8.png
[d778d1964bf84d419cded4e60f73a3e9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b096ffe8bc434532b452a429c5966930.png
[c8c08b791764482d938404094e9cb2c9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4292a5332306406592c1d585da01c8c4.png
[00bf4c9dc869467d87260f90aee77e4d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/858b46a46bc34efdaabc077b647bd06e.png
[683b26ede9054a2fb10d77ed65f1f2d7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a2bfb96d67084f048d3f653c85038ac0.png
[4c625134bf4a4984848ad45c914feb9e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f84060a578234ae099bd48af1f753e64.png
[ff1bbbd7c91f48bdb8d9919dcd9fb018.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c6061401c1f744abb5fd5813eba2a458.png
[d114af3f47b64f38be208ace5a2fe17a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/224c2a7b70d64a61979604a84841e7ad.png
[c451d182f10c4df0a394108de8af0fc6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/387fb6762c8740b2839fb09ac868267f.png
[03285db11c9c4281b07d13e9940e2c14.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/757bf9edee7a479e895627edc01e932f.png
[5fadf3d197e648a8b36ef18d82261577.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8a0b3d8206524d82bc7c6dbe7d56723b.png
[ec9a0b2c82ef41b8b0699d389e45f33e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/641c85df104844c4ba1fbe602809d90f.png
[d81bd119579442fa8f455b17567358da.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2d28d609d45f4a9891d6df3b2c9f56aa.png
[4c072d5f9ea447f5a842532318ba3856.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b62e0f8359c94e23a3a8b1865ef78f1c.png
[bc12471645c746b4a38035c5e467cbd7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ecaa692a71b64dc98e39413aa78aa01e.png