毕业设计之 --- 在线考试系统

---

前言

由于疫情影响，想必各位同学肯定经历过在线考试，今天学长就向大家介绍一个毕业设计： 基于java web的在线考试系统。

---

一、课题背景

科技在进步，人们生活和工作的方式正发生着改变，不仅体现在人们的衣食住行，也体现在与时俱进的考试形式上。以前的考试需要组织者投入大量的时间和精力，需要对考试的试题进行筛选，对后期的考卷进行批阅，这么多的步骤影响了整个考试执行的效率。因此，提出了一种网络考试系统，用于解决上述的一些问题。

系统特点分析

• 实现无软盘、无纸化考试。
• 安全性好
• 能够有效的监考。
• 通用性和可扩展性佳
• 自动化程度高
• 界面设计合理，使用方便
• 考试终端采用鼠标输入方式进行答题，加快了考生的答题速度。

二、实现功能

功能模块

功能描述

（1）学生端：

• 登录模块：登录功能；
• 网络考试模块：可参加考试，并查看考试结果，提交试卷后老师允许的情况下查看错题；

（2）超级管理员端：

• 登录模块：实现管理员登录功能；
• 用户管理模块：实现用户信息的增加、修改、查看功能；
• 角色权限管理模块：实现角色的增加、修改、查看功能；
• 试卷管理模块：实现试卷信息的增加、修改、查看功能；
• 试题管理模块：实现试题信息的增加、修改、查看功能；

（3）试题管理员端（老师）：

• 试卷管理模块：实现试卷信息的增加、修改、查看功能；
• 试题管理模块：实现试题信息的增加、修改、查看功能；

运行效果

上为，登陆页面主要是通过验证用户帐号来赋予用户登陆系统的权限,从而可以对系统进行一系列的管理操作 （该界面为系统首页）可通过点选按钮选择（学生/管理员）不同的登陆模式。并有相应校验。

在这个页面可以选择相应的试卷并答题。答题过程中绿色的题号是标记为已答题，其上方有答题的倒计时（可以通过后台设置），倒计时为0或点击交卷可以实现交卷并判卷的功能。

上为，系统功能管理页面主要是用来显示项目所有功能，在这个页面可以新建顶层功能，编辑功能(子功能)，模糊搜索查询等操作。

上为，订单页面主要是对用户的基本信息进行查询和编辑以及新增用户。

上为，角色管理界面
主要功能有角色权限的分配，编辑角色，新增角色，按照角色名的模糊搜索，分页查询所有角色。

上为，试题管理界面
试题管理页面是教师对题目信息的分页(含模糊搜索)查看和修改试题，增加试题(防止重复插入相同试题)

部分实现代码

这里分享一下交卷倒计时的实现代码：

计时器（到时自动交卷）功能，交卷时判断试卷是否有未答题、计算得分等功能都在paper.jsp中用javascript来实现

		// 交卷功能
		判断是否有未答题目
		function unAnswer(){
     
			if(unanswer != 0){
     
				layer.open({
     
				title:'警告', 
				content: "还有"+unanswer+"道题目未做！",
				icon:2,
				end:function(){
     
					postAnswer();
				}
				});
			}else{
     
				postAnswer();
			}
		}
		
计算得分
		function getScore(){
     
			//var spid = n
			$.post({
     
		        url: basePath + 'user/studentPaper?cmd=score&userid='+'${userid}'+'&spid='+ now.getTime(),
		        contentType: false,
		        processData: false,
		        success: function(res) {
     
		            console.log(res)
		            layer.open({
     
						title:'得分', 
						content: res,
						icon:1,
						end:function(){
     
							location.href = basePath+'user/studentPaper?cmd=stupaper';
						}
					})
		        },
		        error: function(res) {
     
		            console.log('error');
		            
		        }
		    })
			
		}
		
		
倒计时功能
		//小于10的数字前面补0
		function p(n){
     
			return n<10?'0'+n:n;
		}
		//获取当前时间
		var now=new Date();
		//获取结束时间
		var endDate=new Date();
		//设置考试时间（单位分钟）
		endDate.setMinutes(now.getMinutes()+20)
		function getTime(){
                
			var startDate=new Date();
			var countDown=(endDate.getTime()-startDate.getTime())/1000;
			var h=parseInt(countDown/(60*60)%24);
			var m=parseInt(countDown/60%60);
			var s=parseInt(countDown%60);                
			$('.time').html(p(h)+'时'+p(m)+'分'+p(s)+'秒');
			if(countDown<=0){
     
			document.getElementById('time').innerHTML='考试结束';
			layer.open({
     
				title:'警告', 
				content: '考试时间到，试卷已经提交！',
				icon:5,
				end:function(){
     
					unAnswer();
				}
			})
			}else{
     
				setTimeout('getTime()',500);
			}              
		}

获取完整工程

向学长寻求帮助