Article directory
foreword
Due to the impact of the epidemic, all students must have experienced online examinations. Today, the seniors will introduce a graduation project: an online examination system based on java web.
1. The subject background
With the advancement of science and technology, the way people live and work is changing, which is not only reflected in people's clothing, food, housing, and transportation, but also in the form of examinations that keep pace with the times. The previous exams required the organizers to invest a lot of time and energy. It was necessary to screen the exam questions and review the later exam papers. So many steps affected the efficiency of the entire exam. Therefore, a network examination system is proposed to solve some of the above problems.
System characteristic analysis
- Realize a floppy-free, paperless exam.
- good security
- able to monitor effectively.
- Good versatility and scalability
- high degree of automation
- Reasonable interface design, easy to use
- The examination terminal adopts the mouse input method to answer the questions, which speeds up the answering speed of the candidates.
Second, the realization of the function
functional module
Function description
(1) Student end:
- Login module: login function;
- Online exam module: You can take the exam and check the results of the exam. After submitting the exam paper, you can check the wrong questions with the permission of the teacher;
(2) Super administrator terminal:
- Login module: realize the function of administrator login;
- User management module: realize the functions of adding, modifying and viewing user information;
- Role rights management module: realize the functions of adding, modifying and viewing roles;
- Test paper management module: realize the functions of adding, modifying and viewing test paper information;
- Test question management module: realize the functions of adding, modifying and viewing test question information;
(3) Exam question administrator (teacher):
- Test paper management module: realize the functions of adding, modifying and viewing test paper information;
- Test question management module: realize the functions of adding, modifying and viewing test question information;
running result
As mentioned above, the login page mainly grants the user the right to log in to the system by verifying the user account, so that a series of management operations can be performed on the system (the interface is the system home page). You can select (student/administrator) different login mode. and corresponding verification.
On this page, you can select the corresponding test paper and answer the questions. In the process of answering the question, the green question number is marked as answered question, and there is a countdown for answering the question above it (which can be set through the background).
Above, the system function management page is mainly used to display all the functions of the project. On this page, you can create new top-level functions, edit functions (sub-functions), and fuzzy search queries.
Above, the order page is mainly to query and edit the basic information of users and add new users.
The main functions of the role management interface
are assigning role permissions, editing roles, adding new roles, fuzzy search by role name, and paging query for all roles.
The above is the test question management interface.
The test question management page is a page for teachers to view and modify the test questions (including fuzzy search) for the question information, and add test questions (to prevent repeated insertion of the same test questions)
Part of the implementation code
Here is the implementation code of the countdown to the handover:
计时器（到时自动交卷）功能，交卷时判断试卷是否有未答题、计算得分等功能都在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);
}
}