企业官网建设流程全解析

简介：本资源是一套完整的JavaWeb在线考试系统实战项目，面向计算机专业本科毕设学生及Java Web初学者，解决课程设计、项目实训与就业能力提升中的典型业务开发需求。压缩包共148个文件，含21个JSP页面（实现前后端交互）、23个Java源码（涵盖StudentAction、ExamAction等核心控制器与Dao层操作）、27个Jar依赖库（支撑SSH或基础Servlet架构）、11个CSS/JS前端资源（保障界面美观与交互流畅），以及SQL数据库脚本和配置类文件，整体大小13.69MB。已有1384人学习下载，说明其在教学实践与自学验证中具备较强认可度。用户可直接导入Eclipse，在Tomcat 6+与MySQL 5环境下一键运行；项目功能覆盖考生在线考试、成绩查询、密码修改，以及管理员对试卷、题目、考生信息的全流程管理，代码结构清晰、模块职责分明，附带完整数据库脚本与调试说明，是理解MVC分层设计与Web系统工程化落地的优质参考范例。

1. JavaWeb在线考试系统：为什么它仍是高校与企业培训场景里最稳的“压舱石”？

你可能已经见过太多标榜“AI阅卷”“智能组卷”的新概念考试平台，但真正在某高校教务处、某职业培训机构、某国企内部培训系统里跑满三年以上、日均并发超800人、零重大故障的，往往还是那个用 Servlet + JSP + MySQL 搭出来的 JavaWeb 在线考试系统。它不炫技，但能扛住考前30分钟集体刷新试卷、交卷瞬间数据库写入洪峰、监考老师后台实时踢人不卡顿——这种确定性，恰恰是教育类业务最不敢赌的变量。它适合谁？不是想发论文的算法团队，而是手头有2000名学员要下周开考、运维只有1人、服务器还是两台老旧物理机的中小型教学单位。它解决的从来不是“能不能做”，而是“能不能在没专职 DevOps、没云原生架构、没预算买商业题库系统的情况下，7天内上线一个可用、可查、可追溯、不丢分”的刚性交付问题。别被“JavaWeb”三个字劝退——它不是古董，而是经过二十年真实考场锤炼的最小可靠范式。

2. 从零搭起核心骨架：Servlet + JSP + MySQL 的三件套怎么选型、怎么连通

2.1 为什么坚持用传统 JavaWeb 而不直接上 Spring Boot？

这不是守旧，是权衡。某高校教务处曾试过 Spring Boot + Vue 做新版考试系统，开发快，但部署时发现：运维人员只会重启 Tomcat，不会配 Nginx 反向代理、搞不懂 Actuator 端点暴露风险、更不会调优 JVM GC 参数应对交卷高峰。结果上线后第2周，因 HikariCP 连接池未设最大空闲时间，数据库连接数缓慢爬升至上限，导致监考端无法刷新考生状态。而传统 JavaWeb 架构下，所有逻辑都在一个 WAR 包里，web.xml配置清晰，context.xml里数据源参数一目了然，Tomcat manager 页面点几下就能看实时会话数和内存占用——对非专业 Java 运维来说，这是可感知、可干预、可回滚的确定性。常见做法是：用 Tomcat 9.0.x（JDK 11 兼容性好）、MySQL 5.7（事务稳定、主从同步成熟）、前端用 Bootstrap 4（轻量、兼容 IE11，很多老机房电脑还跑着 Win7）。

2.2 数据库设计：一张exam_paper表如何撑起动态组卷与防作弊

考试系统最怕“静态试卷”——题库更新后旧试卷不生效，或同一场考试不同考生看到重复题目。我们不用“试卷表+试题表+关联表”三层嵌套，而是用单表exam_paper加 JSON 字段存结构化题目：

CREATE TABLE `exam_paper` ( `id` bigint NOT NULL AUTO_INCREMENT, `title` varchar(100) NOT NULL COMMENT '试卷标题', `paper_json` text NOT NULL COMMENT 'JSON格式：{ "sections": [ { "type":"single", "count":10, "from_pool_id":1 }, ... ] }', `duration_minutes` int NOT NULL DEFAULT '60', `status` tinyint NOT NULL DEFAULT '0' COMMENT '0-草稿,1-启用,2-停用', `created_at` datetime DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

提示：paper_json字段不参与查询条件，只作存储；真正组卷逻辑由 Java 服务层执行——根据from_pool_id查题库表，按count随机抽取题目 ID 列表，再拼装成考生专属试卷 JSON。这样既避免大表 JOIN 拖慢生成速度，又保证每次生成都是真随机（非伪随机种子固定）。题库表question_pool用category和difficulty建联合索引，抽题时WHERE pool_id = ? AND status = 1 ORDER BY RAND() LIMIT ?改为ORDER BY id % 1000, id（取模扰动）+LIMIT，实测比RAND()快 17 倍。

2.3 登录与权限：用 Filter 实现“监考员只能看本考场”而非 RBAC 大框架

RBAC（基于角色的访问控制）听起来规范，但在实际中，某职业培训机构反馈：他们有 12 个分校，每个分校 3 名监考员，但监考员只允许查看自己分校的考生列表和交卷记录。如果走标准 RBAC，得建分校表、监考员分校关联表、再加数据级权限拦截器……太重。我们用更轻的方案：在登录成功后，将监考员所属分校 ID 存入 Session，并在关键 Servlet（如GetExamListServlet）前加BranchFilter：

public class BranchFilter implements Filter { @Override public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { HttpServletRequest request = (HttpServletRequest) req; HttpSession session = request.getSession(); Long branchId = (Long) session.getAttribute("branch_id"); // 拦截 /admin/exam/list 接口，强制添加 branch_id 查询参数 String uri = request.getRequestURI(); if (uri.startsWith("/admin/exam/list")) { // 将 branch_id 注入 request attribute，后续 Servlet 可直接取 request.setAttribute("filter_branch_id", branchId); } chain.doFilter(request, resp); } }

然后在GetExamListServlet中：

protected void doGet(HttpServletRequest req, HttpServletResponse resp) { Long branchId = (Long) req.getAttribute("filter_branch_id"); List<Exam> exams = examService.listByBranch(branchId); // DAO 层 SQL 显式加 WHERE branch_id = ? req.setAttribute("exams", exams); req.getRequestDispatcher("/admin/exam/list.jsp").forward(req, resp); }

逻辑清晰、无侵入、易调试——这才是小团队能快速迭代的关键。

3. 核心功能落地：自动计时、防切屏、实时交卷状态同步的三道硬坎

3.1 前端倒计时：用setTimeout还是setInterval？血泪经验告诉你别踩坑

考试页面顶部必须显示剩余时间，且需与服务端时间严格一致（防客户端篡改）。新手常犯错：用setInterval(() => { time--; }, 1000)，看似简单，但 JS 单线程下，若页面切到后台或浏览器休眠，定时器会积压，唤醒后瞬间执行多次，导致时间跳变。正确做法是：服务端下发考试开始时间戳startTime（毫秒），前端用requestAnimationFrame做平滑渲染，并每 10 秒向服务端校准一次：

let startTime = ${startTime}; // JSP 输出服务端时间戳 let duration = ${durationMinutes} * 60 * 1000; let lastSync = Date.now(); function updateTimer() { const now = Date.now(); const elapsed = now - startTime; let remaining = Math.max(0, duration - elapsed); // 每 10 秒主动校准 if (now - lastSync > 10000) { fetch('/api/exam/time-sync?examId=' + ${examId}) .then(r => r.json()) .then(data => { startTime = data.serverStartTime; // 服务端返回最新 startTime lastSync = Date.now(); }); } document.getElementById('timer').innerText = formatTime(remaining); if (remaining > 0) { requestAnimationFrame(updateTimer); // 比 setInterval 更精准 } else { submitExam(); // 自动交卷 } } updateTimer();

服务端/api/exam/time-sync接口只做一件事：查数据库exam_record表中该考生的start_time字段并返回，不计算、不缓存——确保绝对权威。

3.2 防切屏与防复制：visibilitychange+copy事件的组合拳

教育场景下，“考生切出考试页面查答案”是刚需防控点。仅靠onblur不可靠（Chrome 84+ 对非激活 Tab 限制setTimeout）。我们采用双保险：

1. 监听document.addEventListener('visibilitychange', ...)，页面不可见时立即触发警告并记录日志；
2. 同时监听document.addEventListener('copy', e => { e.preventDefault(); })，禁用 Ctrl+C（防复制题目到搜索引擎）；

但要注意：visibilitychange在移动端 Safari 上行为异常（切到微信再切回，状态可能不触发）。因此必须叠加服务端心跳：前端每 15 秒 POST 一次/api/exam/heartbeat?examId=xxx&timestamp=xxx，服务端比对上次心跳时间，若间隔 > 25 秒，即标记该考生“疑似切屏”，并在监考后台高亮告警。这个心跳包 payload 极简，不带 Session ID（防 CSRF），只校验examId是否合法及时间戳是否在合理窗口内（±30 秒）。

3.3 实时交卷状态：用 Servlet 3.0 异步支持替代 WebSocket

很多教程一上来就推 WebSocket，但某公司内部培训系统实测发现：当 500 人同时交卷，WebSocket 服务端（用 Tomcat 默认 WebSocket 实现）出现大量Connection reset，原因是默认maxTextMessageBufferSize仅 8KB，而交卷时考生答案 JSON 可能达 200KB（含多张截图上传 base64）。改用 Servlet 3.0 异步机制更稳：

@WebServlet(urlPatterns = "/api/exam/submit", asyncSupported = true) public class ExamSubmitServlet extends HttpServlet { @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) { AsyncContext asyncCtx = req.startAsync(); // 启动异步上下文 asyncCtx.setTimeout(30_000); // 设超时，防死锁 // 提交到线程池，避免阻塞 Tomcat 工作线程 ExamSubmitTask task = new ExamSubmitTask(req, resp, asyncCtx); ThreadPool.submit(task); } } // ExamSubmitTask.run() 中： // 1. 解析 request.getInputStream 得到答案 JSON // 2. 校验答案格式、防重复提交（查 exam_record.status） // 3. 写入 exam_answer 表（含考生ID、题目ID、选项、文本答案、图片base64摘要） // 4. 更新 exam_record.status = 'submitted' // 5. asyncCtx.complete();

注意：ThreadPool必须是自定义有界队列（如new ThreadPoolExecutor(10, 50, 60L, TimeUnit.SECONDS, new LinkedBlockingQueue<>(100))），否则高并发下 OOM。我们曾因用Executors.newCachedThreadPool()导致交卷高峰时创建 2000+ 线程，最终 Full GC 频繁。

4. 避坑指南：那些让项目延期三天、被教务处打电话催的 4 个真实翻车现场

4.1 现象：考生点击“交卷”后页面白屏，F12 看 Network 显示 500，但日志里没有任何错误堆栈

原因：web.xml中<error-page>配置了全局 500 错误跳转到error.jsp，但该 JSP 里用了${sessionScope.user.name}，而交卷成功后 Session 被session.invalidate()清除，EL 表达式取值时报NullPointerException，触发二次 500，形成死循环。
解决：error.jsp中所有 EL 表达式必须判空，或改用 JSTL<c:if test="${not empty sessionScope.user}">；更重要的是，在ExamSubmitServlet的catch块中，显式设置asyncCtx.getResponse().sendError(500, "交卷失败，请重试")，绕过web.xml全局配置，确保错误响应体可控。

4.2 现象：MySQL 主从延迟导致监考后台看到“已交卷”，但考生手机端仍显示“考试中”

原因：交卷逻辑中，先更新exam_record.status，再插入exam_answer记录，两个操作不在同一事务。主库写完后，从库同步有秒级延迟，监考后台查从库exam_record看到新状态，但查exam_answer（也走从库）却查不到——因为exam_answer插入语句还没同步过来。
解决：强制读写分离策略——监考后台所有“考生状态”相关查询（包括exam_record和exam_answer）全部走主库。在 MyBatis 的SqlSessionFactoryBean配置中，为监考模块 Mapper 接口指定master数据源；考生端查询（如查看历史成绩）才走slave。不要迷信“最终一致性”，考试状态必须强一致。

4.3 现象：Chrome 浏览器下，考生上传图片后预览正常，但交卷后服务端收到的 base64 字符串末尾多了%0A（换行符）

原因：前端用FileReader.readAsDataURL(file)生成 base64，但某些 Chrome 版本（如 92）在处理 PNG 文件时，会在 data URL 的逗号后自动插入\n，导致后端Base64.getDecoder().decode()报IllegalArgumentException: Illegal base64 character a。
解决：前端在提交前清洗字符串：

const cleanBase64 = (str) => str.replace(/^data:image\/\w+;base64,/, '').replace(/\s/g, ''); // 提交时用 cleanBase64(dataUrl)

服务端接收后，再做一次base64Str = base64Str.replaceAll("[^A-Za-z0-9+/]", "");双保险。

4.4 现象：Tomcat 重启后，考生再次进入考试，页面提示“试卷已结束”，但数据库exam_paper.status明明是 1（启用）

原因：exam_record表中start_time是datetime类型，但 Java 代码中用new Date()创建时间，存入数据库时依赖 JDBC 驱动的时区转换。若服务器系统时区为Asia/Shanghai，而 MySQL 服务端time_zone设置为SYSTEM（即跟随系统），但 JDBC URL 未加serverTimezone=GMT%2B8，则驱动会把new Date()当作 UTC 时间写入，导致start_time比实际晚 8 小时。
解决：JDBC URL 必须显式声明时区：
jdbc:mysql://localhost:3306/examdb?useSSL=false&serverTimezone=GMT%2B8&characterEncoding=utf8
并在应用启动时，用System.setProperty("user.timezone", "GMT+8");统一时区上下文。

5. 真实压测与上线技巧：如何用一台 4C8G 服务器扛住 1200 人同时考试

5.1 Tomcat 调优：不是堆内存越大越好，而是线程与连接数的黄金配比

某实验室模拟 1200 人考试，初始配置（默认maxThreads=200）下，交卷高峰时平均响应时间飙升至 8 秒。我们通过jstack发现大量线程阻塞在org.apache.tomcat.util.net.NioEndpoint$Poller.events()，说明 NIO Poller 处理不过来。调整策略不是盲目加maxThreads，而是优化 I/O 模型：

<!-- server.xml --> <Connector port="8080" protocol="org.apache.coyote.http11.Http11Nio2Protocol" maxThreads="500" minSpareThreads="100" acceptCount="500" connectionTimeout="20000" keepAliveTimeout="15000" maxKeepAliveRequests="100" compression="on" compressionMinSize="2048" noCompressionUserAgents="gozilla, traviata" compressableMimeType="text/html,text/xml,text/plain,application/javascript,application/json"/>

关键参数解释：

• maxThreads=500：足够应对 1200 并发（按 2.4:1 的并发比，即 1200 请求中约 500 个是活跃线程）；
• acceptCount=500：当所有线程忙时，最多排队 500 个连接请求，超出则拒绝（比让客户端无限等待更友好）；
• Http11Nio2Protocol：比默认NioProtocol多路复用效率更高，尤其适合长连接心跳；
• compression：开启 GZIP，考试页面 HTML/JS 体积减少 65%，显著降低网络传输耗时。

提示：maxThreads不宜超过 CPU 核数 × 4（本例 4C → 16），否则线程上下文切换开销反超收益。我们实测 500 是平衡点——再往上加，top显示%sy（系统态 CPU）飙升，但吞吐量不增反降。

5.2 MySQL 专项优化：针对exam_answer表的写入瓶颈

exam_answer是写入热点表（每人每题一条记录，1200 人 × 平均 50 题 = 6 万条 INSERT）。默认innodb_buffer_pool_size=128M完全不够。我们按以下步骤调优：

执行后，INSERT INTO exam_answer的平均耗时从 120ms 降至 18ms。注意：修改innodb_log_file_size需先SET GLOBAL innodb_fast_shutdown = 0;，再停库删旧 log 文件，否则启动失败。

5.3 前端资源加载：用 Webpack 打包 + Nginx 静态托管，首屏提速 40%

考试系统首页（登录页、考试入口页）必须秒开。我们放弃在 Tomcat 里放静态资源，改用 Nginx 托管：

# nginx.conf server { listen 80; server_name exam.example.com; # 静态资源走 Nginx location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ { root /opt/static/exam/; expires 1y; add_header Cache-Control "public, immutable"; } # 动态请求转发给 Tomcat location / { proxy_pass http://127.0.0.1:8080; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } }

前端构建用 Webpack 5，关键配置：

• optimization.splitChunks拆出vendor.js（jQuery、Bootstrap）单独缓存；
• HtmlWebpackPlugin注入defer属性，防阻塞渲染；
• 所有 CSS 提取为.css文件，<link rel="preload">预加载关键样式。

实测 2G 带宽下，首页完全加载时间从 3.2s 降至 1.9s，考生放弃率下降 22%。

6. 我的三个上线前必做动作：从代码到考场的真实闭环

6.1 “三色名单”压力测试法：用真实数据跑出瓶颈点

不靠 JMeter 虚拟用户，而是用真实考生数据做三轮测试：

• 红色名单：100 个账号，密码全为123456，模拟弱口令暴力破解，验证登录接口限流（Guava RateLimiter 每 IP 每分钟 5 次）；
• 蓝色名单：500 个账号，分布在 5 个考场，用 Python 脚本模拟真实行为：登录 → 进入考试 → 等待 30 秒 → 随机答 5 题 → 交卷；观察 Tomcathttp-nio-8080-exec-*线程数是否稳定在 400 以内；
• 绿色名单：200 个账号，全部启用“防切屏”模式，脚本模拟 Alt+Tab 切出再切回，验证服务端心跳日志是否每 15 秒一条，无丢失。

这比任何理论 QPS 数字都管用。某次上线前，蓝色名单测试暴露出exam_record表缺少exam_id + status联合索引，导致listByExamIdAndStatus查询全表扫描，加索引后响应从 2.1s 降到 42ms。

6.2 监考后台的“后悔药”设计：一键回滚交卷状态

考试中总有意外：考生点错交卷、网络抖动重复提交、监考员误操作踢人。我们不提供“撤回”按钮（怕误点），而是设计原子化回滚指令：

• 在监考后台“考生列表”页，对任一考生，右键菜单增加【恢复考试】；
• 点击后，后端执行事务：

  START TRANSACTION; UPDATE exam_record SET status = 'in_progress', end_time = NULL WHERE id = ? AND status = 'submitted'; DELETE FROM exam_answer WHERE record_id = ?; -- 清空已答记录 COMMIT;

• 同时向该考生 WebSocket（或轮询接口）推送{ "action": "resume_exam", "newStartTime": ... }，前端清空本地答案并重置倒计时。
  这个操作全程 < 200ms，且幂等（重复点无副作用），是教务老师最常点的功能。

6.3 日志分级与考场隔离：让问题定位从“大海捞针”变成“直击靶心”

线上出问题，第一反应不是看catalina.out，而是查结构化日志。我们在 Logback 中配置：

• exam-access.log：记录所有/api/**请求，字段含examId,userId,ip,costMs,status；
• exam-audit.log：记录关键业务动作，如SUBMIT_EXAM_SUCCESS,KICK_STUDENT,TIME_SYNC，含完整参数 JSON；
• exam-error.log：仅 ERROR 级别，但每条含examIdMDC（Mapped Diagnostic Context）；

查询时，只要拿到考场 ID 或考生学号，就能用grep "examId=12345" exam-audit.log5 秒内拉出该考生完整操作链。某次凌晨故障，教务处电话打来：“3号考场王同学说交卷没反应”，我 SSH 登服务器，grep "3021" exam-access.log | tail -20，发现他最后 3 次交卷请求costMs分别是 12000、13500、14800，明显是数据库连接池耗尽，立刻curl http://localhost:8080/actuator/env?match=druid确认连接数，扩容后 3 分钟恢复——没有日志分级，这过程至少半小时。

我带过的每个 JavaWeb 考试系统项目，上线前最后一小时一定在做三件事：跑三色名单、导出最近 10 分钟exam-access.log人工扫一遍 500 错误、用jstat -gc <pid>看 GC 是否平稳。这些动作不酷，但能让你在考场上接到第一个电话时，语气平静地说：“稍等，我马上定位”。希望帮到你。

本文还有配套的精品资源，点击获取