用jsp简单实现C语言标准化测试系统

C语言标准化测试系统

在Web编程技术的学习过程中，我们小组为了深入理解相关技术原理，提升实践能力，开发了一个基于动态Web工程框架的C语言标准化考试系统。现在，就来和大家分享一下我们的项目经历。

一、实验目的剖析

这个项目主要是为了搞清楚Request和response对象的工作原理。Request对象负责和客户端“交流”，收集客户端传来的各种数据，像表单信息、Cookies，甚至服务器端的环境变量都能获取到。客户端可以通过表单提交数据，也能在网页地址后面添加参数来传递信息。服务器拿到这些数据后，经过逻辑处理，再用Response对象把信息反馈给用户，这样就完成了一次动态交互。同时，我们也希望借此掌握基于Servlet的动态Web工程框架搭建，熟练运用Request、Response等内置对象进行JSP编程。

二、系统设计与实现

（一）开发环境搭建

我们选择的开发环境包括Microsoft Windows 11操作系统，JDK8、TOMCAT 9作为开发工具，再搭配DreamWeaver CS5或Eclipse Developer for JavaEE进行代码编写，这些工具为项目的顺利推进提供了有力支持。

（二）代码实现细节

考试页面（exam.jsp）：考试页面是考生答题的地方。页面用JSP编写，整体风格简洁明了。它的布局合理，题目排列有序，使用了HTML和CSS进行设计。比如，通过设置body的字体样式和边距，让页面看起来更加舒适；h1标签用于显示页面标题，突出主题；每个题目都放在div容器中，设置了合适的边距和内边距，使题目之间区分明显。选项部分，使用input type="radio"创建单选框，搭配label标签关联选项文本，方便用户选择答案。最后，用一个submit按钮提交试卷，点击按钮后，表单数据会发送到GradeServlet进行处理。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head><title>C语言标准化测试</title><style>body { font-family: Arial, sans-serif; margin: 20px; }h1 { color: #333; }.question { margin-bottom: 15px; padding: 10px; }.options { margin-left: 20px; }.submit-btn { padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer; font-size: 16px;}</style>
</head>
<body><h1>C语言标准化测试</h1><form action="GradeServlet" method="post"><!-- 题目内容 --><input type="submit" value="提交试卷" class="submit-btn"></form>
</body>
</html>

效果图：
在这里插入图片描述

评分Servlet（GradeServlet.java）：评分模块是整个系统的核心逻辑部分。它继承自HttpServlet，通过@WebServlet("/GradeServlet")注解映射到指定的URL。在doPost方法中，首先获取用户在考试页面提交的答案，存放在数组userAnswers中。接着，将用户答案与预设的正确答案数组ANSWERS进行比对，计算得分。每答对一题得10分，答错不得分。最后，把得分、答题对错情况、用户答案和正确答案等信息通过request.setAttribute方法设置到请求属性中，再将请求转发到结果页面result.jsp。

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;@WebServlet("/GradeServlet")
public class GradeServlet extends HttpServlet {private static final long serialVersionUID = 1L;// 正确答案private static final String[] ANSWERS = {"C", "A", "C", "D", "C","B","A","C","B","A"};private static final int QUESTIONS_COUNT = 10;private static final int SCORE_PER_QUESTION = 10;protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 获取用户答案String[] userAnswers = new String[QUESTIONS_COUNT];for(int i=0;i<QUESTIONS_COUNT;i++) {userAnswers[i] = request.getParameter("q"+(i+1));}// 计算得分int score = 0;boolean[] correct = new boolean[QUESTIONS_COUNT];for (int i = 0; i < QUESTIONS_COUNT; i++) {if (userAnswers[i] != null && userAnswers[i].equals(ANSWERS[i])) {score += SCORE_PER_QUESTION;correct[i] = true;} else {correct[i] = false;}}// 设置结果属性request.setAttribute("score", score);request.setAttribute("correct", correct);request.setAttribute("userAnswers", userAnswers);request.setAttribute("answers", ANSWERS);// 转发到结果页面request.getRequestDispatcher("result.jsp").forward(request, response);}
}

结果页面（result.jsp）：结果页面主要用来展示考试成绩。页面同样是JSP页面，通过EL表达式（如${score}）获取后端传递过来的分数信息，并进行显示。页面样式美观大方，使用了CSS进行精心设计。比如，通过result-page类设置页面整体布局，让内容垂直水平居中显示；result-container类控制结果容器的样式，添加了边框圆角和阴影效果；result类突出显示分数，设置了较大的字体、绿色的文本颜色和背景色；return-btn类为“返回考试页面”按钮添加了样式和交互效果，鼠标悬停时背景色会发生变化。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head><title>测试结果</title><link rel="stylesheet" href="styles.css">
</head>
<body class="result-page"><div class="container result-container"><h1>您的测试结果</h1><div class="result">您本次C语言测试成绩: <strong>${score}</strong> 分 </div><a href="exam.jsp" class="return-btn">返回考试页面</a></div>
</body>
</html>

.result-page {display: flex;justify-content: center;align-items: center;min-height: 100vh;
}.result-container {text-align: center;padding: 40px 30px;border-radius: 15px;box-shadow: 0 0 20px rgba(0,0,0,0.15);
}.result {font-size: 2.5em;color: #4CAF50;font-weight: bold;margin: 20px 0;padding: 20px;border-radius: 10px;background-color: #e8f5e9;
}.return-btn {display: inline-block;padding: 12px 30px;background-color: #4CAF50;color: white;text-decoration: none;border-radius: 5px;font-size: 1.1em;transition: background-color 0.3s;
}.return-btn:hover {background-color: #45a049;
}

结果界面的效果图：
在这里插入图片描述

（三）项目结构图

在这里插入图片描述

三、项目测试与优化

在测试过程中，遇到了不少问题。比如，当用户有题目未作答时，会出现NullPointerException错误。我们通过在评分逻辑中增加判空处理，解决了这个问题。还有，将项目部署到云端时，由于本地和云端的JDK版本不同，出现了500错误。后来把云端的JDK版本改成和本地一致，重新部署后问题就解决了。经过反复测试和优化，系统在浏览器中能够稳定运行，不管是页面跳转，还是不同答案输入下的评分，都准确无误。

四、项目成果与收获

（一）系统功能完善

最终，我们成功完成了基于JSP/Servlet的动态Web考试系统。考试页面能展示C语言标准化试题，评分模块可以自动评分，结果页面也能清晰地显示得分。这个系统虽然还有一些可以优化的地方，但已经基本满足了C语言标准化测试的需求。

（二）技术能力提升

通过这次实验，我们深入理解了JSP/Servlet的核心技术，特别是Request/Response对象在Web交互中的关键作用。以前对这些技术的理解停留在理论层面，通过实际项目开发，真正掌握了它们的应用。同时，学会了使用EL表达式简化JSP页面开发，这让我们在开发过程中能够更高效地获取和显示数据。