SpringBoot+Vue语言考试报名系统：毕设项目设计与实现指南

1. 项目概述与技术定位做毕设这件事最怕的就是选题看起来很高大上实际动手时才发现资料零零散散代码东拼西凑最后答辩时连自己写的接口都讲不清楚。如果你正在找 Java Web 方向的毕业设计题目又不想陷入“图书馆管理系统”这种烂大街的泥潭那“语言考试信息报名系统”这个方向值得仔细看看——业务场景清晰功能模块完整技术栈覆盖了 SpringBoot Vue 前后端分离的主流组合既有实际应用价值又能很好地展示你在大学阶段积累的工程能力。这个系统本质上要解决什么问题语言类考试比如大学英语四六级、日语能力考、普通话等级考试、各类小语种等级认证在线下报名时代极其痛苦考生要跑教务处排队填表管理员要手工核对照片和信息缴费和考场安排基本靠 Excel成绩出来之后又是一轮人工通知。把整个流程搬上线之后考生可以在线浏览考试公告、自助报名、查询审核状态、打印准考证、查看成绩管理员可以在后台管理考试批次、审核报名信息、编排考场、录入并发布成绩。整套业务闭环是真实存在的需求不是教学项目里凭空捏造出来的。适合谁来做两类人特别合适一是正在准备 Java Web 方向毕设、需要一份结构完整、能讲清楚设计思路的项目的应届生二是想通过实战项目巩固 SpringBoot 和 Vue 技能、为校招准备项目经验的在校生。因为业务不复杂但流程完整你可以在两周左右跑通全部功能再用一周时间打磨细节和准备答辩话术。从技术角度看这个项目的核心亮点在于它覆盖了 Java Web 开发的主链路后端基于 SpringBoot 搭建 RESTful 接口使用 MySQL 存储业务数据通过 MyBatis-Plus 完成数据库操作前端基于 Vue 构建页面使用 Vue Router 管理路由、Axios 发起 HTTP 请求系统通过 JWT 实现登录认证和接口权限控制。这套组合在目前的就业市场和毕设评审中都属于“安全牌”——既不过时也不花哨但每一块都能问到实质内容。2. 系统功能模块梳理与设计思路2.1 用户角色与权限体系报名系统天然有多角色需求这决定了你不可能用一个简单的用户表打天下。常见的语言考试报名系统至少要区分三种角色考生、管理员、系统运营人员有的学校会把后两者合并成一种超级管理员但为了功能展示更充分分开设计会更好。考生的核心操作路径是注册登录 → 浏览考试公告 → 选择考试批次 → 填写报名信息 → 提交审核 → 查看审核结果 → 缴费可以做成线下缴费标记→ 打印准考证 → 查询成绩。管理员的日常操作路径是维护考试批次信息 → 审核考生报名 → 编排考场 → 录入成绩 → 发布公告。整个权限体系用最简单直接的方案实现用户表里存 role 字段后端接口在进入业务逻辑之前校验角色是否匹配前端路由和菜单根据角色动态渲染。角色穿透的原理可以用一句话概括前端控制显示后端控制权限真正的安全边界永远在后端接口层。2.2 核心业务流程图解整个报名流程最关键的逻辑是“批次”这个概念。语言考试不是随时都能报名的它有明确的开放时间窗口。所以设计表结构时考试信息表必须包含报名开始时间、报名结束时间、考试时间、考试地点、报名人数上限、当前已报名人数这些字段。考生提交报名时后端需要做三重校验时间是否在报名窗口期内、报名人数是否已达上限、该考生是否已经报过这个批次防止重复报名。这三个校验逻辑是考官最容易追问的地方也是你项目里最值得写进答辩稿的细节。我建议把校验逻辑单独抽成一个 service 方法不要散落在 Controller 里这样代码可读性好面试时也更容易讲清楚。审核流程也要考虑考生提交报名后默认状态是“待审核”管理员在后台审核照片和证件信息后状态变为“审核通过”或“审核驳回”。只有审核通过的报名记录才能生成准考证号。准考证号生成规则可以设计成考试批次编号 4位流水号生成后存入报名表考生在前台查看和打印。2.3 功能清单与页面规划前台模块注册登录、考试公告列表与详情、考试批次列表、在线报名表单、报名状态查询、准考证查看与打印、成绩查询、个人信息维护后台模块系统登录、考试批次管理增删改查 上下架、报名审核管理列表筛选 通过/驳回、准考证管理批量生成、成绩管理录入 发布、公告管理、用户管理、数据统计报名人数统计图表前端页面规划方面我的建议是前台页面用 Vue Element UI 的普通页面布局包含顶部导航栏、左侧或居中内容区后台管理用经典的侧边栏 顶栏 内容区布局。路由通过权限动态注册登录后根据角色从后端获取可访问菜单Vue Router 的 addRoute 方法动态挂载路由这样不同身份登录后看到的菜单和可访问页面天然区分。3. 数据库设计与SQL脚本开发记录3.1 核心表结构解析这个项目的数据库脚本是整个系统的地基也是答辩时最容易出彩的部分。我设计的时候明确按业务边界拆表不搞大而全的字段冗余最终核心表一共 6 张用户表、考试信息表、报名表、考试安排表考场、成绩表、公告表。用户表sys_user的字段设计id、username、passwordBCrypt加密存储、real_name、id_card、email、phone、rolevarchar类型存 ADMIN/USER 这种枚举字面量、avatar、status、create_time。这里要特别说明 password 为什么不用 MD5——MD5 加盐虽然比纯 MD5 好但 BCrypt 是自适应哈希自带盐值计算成本可调是目前 Spring Security 生态下的标准答案。你毕设里用 BCrypt 加密密码答辩时能直接说出 BCrypt 和 MD5 的对比优势这本身就是加分点。考试信息表exam_info的字段设计id、exam_name考试名称、exam_type考试类型比如 CET4/CET6/日语N2、batch_no批次编号、register_start_time、register_end_time、exam_time、exam_location、total_quota报名总人数限制、registered_count已报名人数、status1-未开始报名 2-报名中 3-报名结束 4-考试完成、description、create_time。注意 registered_count 这个字段报名成功时 1取消报名时 -1。它不是实时从报名表 count 出来的是为了列表查询时不重复计算提高性能。报名表registration_info的字段设计id、user_id、exam_id、registration_no报名编号、exam_location选择的考试校区/考点、id_card_photo证件照存储路径、status0-待审核 1-审核通过 2-审核驳回 3-已取消、audit_remark审核备注、create_time、update_time。这个表是业务核心几乎所有的联表查询都会经过它。成绩表score_info的字段设计id、registration_id关联报名表间接关联到用户和考试、user_id、exam_id、total_score、listening_score、reading_score、writing_score、status0-未发布 1-已发布、publish_time。成绩单独拆表的好处是可以跟报名状态解耦——比如考生已经考完试但管理员还没录入成绩时系统依然能正常运转。考试安排表exam_schedule和公告表notice_info相对简单安排表存考试批次下的具体考场信息教室、时间段、监考人、座位数公告表就是标题、内容、发布时间、发布人。3.2 索引设计与SQL脚本优化建表时我不会把所有字段一股脑加索引而是先考虑查询场景。这个系统查询频率最高的是报名表按 user_id 查考生查自己的报名记录、报名表按 exam_id 查管理员查某场考试的报名列表、考试信息表按 status 查前台展示可报名批次、成绩表按 user_id 查。所以我把 user_id、exam_id、status 这几个字段的索引都建上查询走索引数据量大时也不至于全表扫描。SQL 脚本的书写规范方面我踩过几个坑总结出来供你避雷一是建表语句尽量用反引号包裹表名和字段名避免跟 MySQL 保留字冲突二是字符集统一用 utf8mb4而不是 utf8因为 utf8 在 MySQL 里最多 3 字节存不了 emoji 表情和一些特殊字符三是每张表都加 create_time 和 update_time 两个审计字段后续排查数据问题时有据可查四是初始化数据脚本和表结构脚本分开写表结构脚本里包含 DROP TABLE IF EXISTS 语句方便重复执行五是外键约束我建议不加物理外键只在业务代码层面维护关联关系——物理外键在分库分表、数据迁移时都是麻烦而且 MyBatis-Plus 的联表操作也不依赖外键。3.3 初始化数据与测试数据准备毕设项目里一定要有初始化数据否则老师打开系统时一片空白体验极差。我的脚本里固定初始化了一个管理员账号admin/admin123、一个测试考生账号test/test123以及几条处于不同报名状态的考试批次记录。密码用 BCrypt 加密后的字符串直接写入 SQL这样系统启动后无需额外注册直接登录就能看到数据。测试数据要刻意造出“丰富感”有正在报名中的、有报名未开始的、有报名结束的、有考试完成的。这样前台展示时能明显看到状态流转后台审核列表里也有不同状态的记录可操作。如果只有一条考试数据你演示系统时前后端来回切页面都会很尴尬。4. 后端接口设计与接口文档编写4.1 RESTful 接口规范接口设计这块我建议直接用 RESTful 风格答辩时也能说出个一二三来。核心原则是URL 用名词不用动词HTTP 方法表达操作语义状态码表达结果。比如POST /api/auth/login —— 登录GET /api/exam/list —— 分页查询考试列表GET /api/exam/{id} —— 查询考试详情POST /api/registration —— 提交报名PUT /api/registration/{id}/cancel —— 取消报名GET /api/registration/my —— 当前用户的报名列表POST /api/admin/registration/{id}/approve —— 审核通过POST /api/admin/registration/{id}/reject —— 审核驳回PUT /api/admin/score/{id} —— 录入/修改成绩GET /api/score/my —— 当前用户查自己的成绩统一的返回结构特别重要。我用的统一返回体是code200成功、400业务错误、401未认证、500系统异常、message提示信息、data业务数据、timestamp时间戳。Controller 层不直接返回 Map 或裸数据而是通过 Result 工具类包装。这样前端 Axios 拦截器可以统一处理错误提示一个全局提示组件就覆盖了所有接口的错误反馈省掉大量重复代码。4.2 JWT 认证与权限控制JWTJSON Web Token是登录认证的常用方案也是这个项目的安全基石。整体流程是用户登录成功后后端根据用户 id 和角色生成一个包含过期时间的 token 返回给前端前端把 token 存在 localStorage 或 sessionStorage 里在 Axios 请求拦截器中把 token 加到请求头 Authorization: Bearer xxx后端通过拦截器校验 token 的合法性解析出用户信息后放入 ThreadLocal 或请求上下文业务代码里直接从上下文取当前用户。权限校验的逻辑也不复杂自定义一个 RequireRole 注解标注在 Controller 方法上然后在拦截器或 AOP 切面里检查当前用户的角色是否满足要求。比如管理员审核接口标注 RequireRole(ADMIN)考生报名接口标注 RequireRole(USER) 即可。这种做法比 Spring Security 的完整配置轻量很多适合毕设这种小体量项目而且代码逻辑自己写答辩时能讲得明明白白。JWT 还有一个细节容易忽视token 过期后前端要能感知并跳转登录页。我的做法是 Axios 响应拦截器里判断 code 是否为 401如果是就清空本地 token、跳转到登录页并提示“登录已过期请重新登录”。这个交互细节做顺了用户体验上会觉得系统非常完整。4.3 接口文档的编写要点接口文档是这个项目的“门面”评审老师如果看到一份规范的接口文档第一印象分直接拉满。我的接口文档模板包含以下要素接口概述名称、请求路径、请求方式、接口描述、请求参数说明每个参数的名称、类型、是否必填、描述、请求示例JSON 格式、响应参数说明、响应示例、错误码说明。这里要推荐一个实际开发中非常好用的工具Cool Request。它可以直接扫描 SpringBoot 项目里的 Controller自动生成接口列表并且支持在线调试、保存响应、导出为接口文档。比手写 Word 文档效率高太多关键是接口更新时文档能同步刷新。你在毕设中使用这种工具答辩时可以说“开发过程中使用 Cool Request 自动生成并维护接口文档保证文档与代码实时同步”这比从百度文库下载一份模板充数要真实得多。接口文档示例以报名接口为例// 请求POST /api/registration { examId: 1, examLocation: 东校区第一教学楼301, idCardPhoto: /upload/avatar/20240101_123456.jpg } // 响应成功 { code: 200, message: 报名提交成功请等待审核, data: { registrationId: 12, status: 0 }, timestamp: 1704067200000 } // 响应失败重复报名 { code: 400, message: 您已报名该考试请勿重复提交, data: null, timestamp: 1704067200000 }4.4 核心业务代码实现与逻辑细节报名功能的 Service 层核心逻辑部分关键代码大概是这样的Override Transactional(rollbackFor Exception.class) public Result? apply(RegistrationApplyDTO dto, Long userId) { // 1. 校验考试是否存在且报名窗口开放 ExamInfo exam getExamById(dto.getExamId()); LocalDateTime now LocalDateTime.now(); if (now.isBefore(exam.getRegisterStartTime()) || now.isAfter(exam.getRegisterEndTime())) { return Result.error(不在报名时间范围内); } if (exam.getStatus() ! 1) { return Result.error(当前考试批次未开放报名); } // 2. 校验是否重复报名 Long count lambdaQuery() .eq(RegistrationInfo::getExamId, dto.getExamId()) .eq(RegistrationInfo::getUserId, userId) .ne(RegistrationInfo::getStatus, 3) .count(); if (count 0) { return Result.error(您已报名该考试请勿重复提交); } // 3. 校验人数上限 if (exam.getRegisteredCount() exam.getTotalQuota()) { return Result.error(该考试批次报名人数已满); } // 4. 生成报名记录并更新已报名人数 RegistrationInfo registration new RegistrationInfo(); registration.setUserId(userId); registration.setExamId(dto.getExamId()); registration.setExamLocation(dto.getExamLocation()); registration.setIdCardPhoto(dto.getIdCardPhoto()); registration.setStatus(0); save(registration); examMapper.updateRegisteredCount(exam.getId(), 1); return Result.success(报名提交成功请等待审核); }这里要注意的是我在方法上加了一个 Transactional 注解原因是这里涉及两张表的写操作插入报名表 更新考试表的已报名人数必须保证原子性要么同时成功要么同时回滚绝不能出现报名记录插进去了但人数没更新、或者人数更新了但报名没插进去的情况。这个小细节面试官问到事务控制时就是你展示基本功的信号。还包括用 .ne(RegistrationInfo::getStatus, 3) 排除已取消的记录避免取消过报名后再次提交被判为重复用 registeredCount 字段做乐观校验虽然不完美但在毕设场景下完全够用还能顺势说明你了解乐观锁和悲观锁的区别。管理员审核的代码也值得看Override Transactional(rollbackFor Exception.class) public Result? approve(Long registrationId, Long adminId) { RegistrationInfo registration getById(registrationId); if (registration null) { return Result.error(报名记录不存在); } if (registration.getStatus() ! 0) { return Result.error(该记录已审核请勿重复操作); } registration.setStatus(1); registration.setAuditRemark(审核通过); registration.setAuditBy(String.valueOf(adminId)); updateById(registration); // 审核通过后生成准考证号 String ticketNo generateTicketNo(registration.getExamId(), registration.getId()); registration.setTicketNo(ticketNo); updateById(registration); return Result.success(审核通过); }准考证号生成规则我前面提到过批次编号 日期 4位流水号。比如 “CET4-202506-0001”。为什么我建议用一个独立的 generateTicketNo 方法而不是直接在审核方法里拼字符串两个原因一是这个方法可能在批量审核时复用二来单独隔离后逻辑清晰查询问题和扩展规则都方便当时我批量导入准考证号就是调的这个方法。5. 前端Vue工程架构与核心实现5.1 Vue 环境搭建与工程初始化前端这块我默认你用的是 Vue 2 Element UI 的组合。先说句大实话Vue 3 生态固然是新方向但毕设选型时 Vue 2 的稳定性、组件库丰富度和教程数量依然是压倒性优势。如果你对 Vue 3 也不熟选 Vue 2 是稳的。当然如果你已经熟练掌握 Vue 3 的 Composition API那用 Vue 3 Element Plus 也没有问题毕竟代码逻辑是相通的差异主要在于生命周期和响应式 API 的写法。环境搭建时最容易出问题的是 Node.js 和 npm 的版本。Vue CLI 4 以上版本建议 Node 12实测 14/16/18 都没问题但 Node 20 以上有时会跟 node-sass 编译冲突。强烈建议不要用 node-sass直接在项目中配置 sassdart-sass兼容性好不需要装 Python 和 Visual Studio 编译环境。另一个在 windows 上常见的坑是 npm install 安装太慢或卡住解决方法有两个配置淘宝镜像npm config set registry https://registry.npmmirror.com或者用 pnpm 替代 npm后者按需下载、体验更顺畅。工程目录结构方面我用的是标准脚手架生成的目录然后按业务模块做了组织api 目录下按模块拆分接口请求文件auth.js、exam.js、registration.js、score.js、admin.jsviews 目录下按页面拆分视图组件前台页面放 front 文件夹后台页面放 admin 文件夹router 目录里配置动态路由store 目录里管理全局状态用户信息、token、菜单权限。5.2 路由与权限控制前端路由的设计我采用了“静态路由 动态路由”组合的方案。静态路由包含登录页、404 页动态路由根据登录用户角色从后端获取。后端的 /api/auth/menus 接口返回当前用户有权限的菜单列表前端拿到后在 Vue Router 中通过 router.addRoute() 逐条注册。这么做的好处是管理员登录后浏览器地址栏直接输入考生页面的 URL由于路由根本没有注册会被重定向到 404形成了第一层页面级权限控制。但记住前端路由控制只是用户体验层面的事真正要拦截越权请求还得靠后端的 RequireRole。我在项目里的习惯是前端控制“看得到看不到”后端控制“能不能操作”两层配合才是完整的权限体系。这个设计理念在面试时很加分因为它说明你理解了“前端权限是体验优化、后端权限是安全底线”的本质。5.3 Axios 封装与接口联调Axios 封装是整个前端最值得认真写的部分。我的核心思路是通过一个 request.js 导出统一的请求实例配置 baseURL、超时时间、请求拦截器和响应拦截器。请求拦截器里做两件事从 localStorage 取 token有就加到 Authorization 头响应拦截器里统一处理业务状态码code 为 200 时直接返回 data 给业务层code 为 401 时跳转登录页其他 code 弹出全局错误提示。这样一来页面里调用接口就变得非常简洁不用每个方法都写 try-catch 和加载状态// api/registration.js import request from /utils/request export function applyRegistration(data) { return request({ url: /api/registration, method: post, data }) }前后端联调时最烦的问题就是跨域。后端解决跨域的方式很简单写一个 CorsConfig 实现 WebMvcConfigurer配置允许的来源、方法和请求头即可。开发环境中也可以走 Vue 的 devServer.proxy 代理前端请求 /api 开头时自动代理到 localhost:8080。这两种方案我建议后端 Cors 配置为主代理为辅因为后期部署上线时如果前端和后端域名不同依然需要 CORS提前配好后上线就少一个未知变量。5.4 核心页面实现细节与交互逻辑前台的考试列表页是整个系统访问量最大的页面。我推荐这个页面的核心逻辑链进入页面时调用分页查询接口后端返回当前可报名的考试批次每条数据卡片上展示考试名称、报名时间区间、剩余名额、状态标签如果当前登录用户对该考试已经报过名按钮显示为“已报名”并置灰。这里有个细节前端需要知道“当前用户是否已报过这个考试”我的做法是在考试列表接口中返回一个 applied 字段由后端通过当前登录用户联查报名表计算出来。不要在前端循环里逐个调接口判断那样会发出大量请求体验极其拉胯。报名表单页的字段根据表结构来设计选择考点、上传证件照、确认姓名和身份证号。上传图片用 Element UI 的 el-upload 组件action 地址指向后端 /api/upload 接口后端接收 MultipartFile 后保存到本地磁盘或对象存储返回文件访问 URL。注意限制文件大小和图片格式jpg/png 不超过 2MB后端也要做同样的限制不然大文件直接把请求打崩。后台管理页面的核心是“报名审核”页面。表格展示所有报名记录列包含考生姓名、身份证号、报考考试、考点、证件照缩略图、报名时间、状态。操作列根据状态动态判断待审核的记录显示“通过”和“驳回”两个按钮已审核的记录显示“查看详情”。管理员点击通过时直接调后端接口成功后用 Element UI 的 Message 组件提示“操作成功”并刷新当前页数据。整个交互闭环很顺滑演示体验非常好。6. 项目部署、运行流程与常见问题排查6.1 从零启动项目的完整步骤这个问题我要单独写一节是因为我见过太多人在环境配置上踩坑了项目本身代码没毛病就是跑不起来。整套启动流程分七步每一步都涉及环境变量的选择和版本匹配。第一步安装 JDK。这个项目基于 SpringBoot 2.x 时建议用 JDK 8 或 11SpringBoot 3.x 则必须 JDK 17 以上。如果你用 IDEA 创建项目时无法选择 JDK 1.8通常是 IDEA 版本和 JDK 版本兼容性问题下载 JDK 8 并配置好 JAVA_HOME 后就可以。我个人建议毕设用 SpringBoot 2.7.x JDK 8 这个组合网上资料最多遇到的坑最少答辩时老师问版本问题你也能解释清楚为什么这么选。第二步安装 MySQL。建议 5.7 或 8.0注意 8.0 的驱动依赖和后端配置有细微差别数据库驱动用 com.mysql.cj.jdbc.DriverURL 里要加 serverTimezoneAsia/Shanghai。然后把项目里的 SQL 脚本导入到数据库中命令行可以直接用 source 命令或用 Navicat、DataGrip 等图形化工具执行。第三步后端配置。修改 application.yml 里的数据库用户名、密码、端口号。端口号我建议用 8080 之外的端口比如 8081因为 8080 太容易被占用一旦被其它程序占用会导致 IDEA 控制台飘红一片新手容易慌。第四步启动后端。在 IDEA 里直接运行启动类看到“Started ... in 3.45 seconds”就说明启动成功。如果启动报端口被占用在终端执行 netstat -ano | findstr 8081 杀掉占用进程或者在配置里改端口。第五步前端依赖安装。在 vue 项目根目录执行 npm install建议用淘宝镜像。安装成功后执行 npm run serve默认端口是 8080。这里有个小坑如果前端 devServer 里 proxy 配置了代理到后端端口那么前端跑在 8080、后端跑在 8081 时前后端联调是完全走代理的不涉及跨域但如果去掉代理、直接用 axios 访问后端另外一个端口就必须保证后端 CORS 已配置好。第六步浏览器访问。打开 http://localhost:8080 就能看到登录页。用管理员账号登录后可以在后台创建考试批次并开放报名用考生账号登录后可以走一遍“浏览考试 → 报名 → 等审核 → 看成绩”的完整用户链路。第七步项目打包部署。后端用 mvn clean package 打成 jar 包执行 java -jar xxx.jar 即可运行前端执行 npm run build 生成 dist 静态文件可以放到 Nginx 里做容器托管也可以直接扔到后端项目的 static 目录下SpringBoot 会自动映射。6.2 高频报错排查清单我在实际开发中积累了一批高频问题的排查思路整理成速查表每个都是实打实踩过的坑现象原因解决方案前端 npm install 报 node-sass 编译错误Node 版本与 node-sass 不兼容卸载 node-sass改用 sassdart-sass后端无法连接到数据库数据库服务没启动、账号密码错误、库名不对先确认 MySQL 服务已启动再用客户端工具测试连接前端跨域报错后端没有配置 CORS后端添加 CorsConfig 配置类登录成功后页面刷新又回到登录页动态路由没有持久化刷新时重新获取用户信息和菜单重新注册路由接口报 401token 过期或未携带检查请求头是否携带 Authorization检查 token 过期时间打包部署后首页是 404前端路由是 history 模式刷新时后端不认识前端路由Nginx 里配置 try_files $uri $uri/ /index.html还有一个经常被忽略的问题数据表里的 datetime 字段在 Java 实体里映射为 LocalDateTime如果查询结果类型不匹配会直接报错。我的解决方法是统一在实体字段上标注 JsonFormat(pattern yyyy-MM-dd HH:mm:ss)保证前后端时间格式一致同时避免时区导致的八小时偏移。6.3 部署上线时的性能与安全优化虽然毕设不需要扛住高并发但既然实现了系统就顺手把几个常规优化做了既能提升运行体验又能让答辩时更有底气。后端接口的分页查询我用的是 MyBatis-Plus 自带的分页插件。但有一点必须提醒分页插件需要显式添加 PaginationInnerInterceptor 到 MyBatis-Plus 配置里不然 page 查询不会生效会直接查出全表数据。很多人项目里分页不生效就是漏了这一步。另外如果使用 MyBatis 的原生 XML 写 SQL分页要手写 LIMIT 参数执行效率反而比插件低用 Plus 的 LambdaQueryWrapper 就方便很多。数据库连接池方面SpringBoot 2.x 默认使用 HikariCP性能很好基本不用额外配置。如果你用 Druid可以打开监控页面直观看到当前连接数、活跃连接数、慢SQL统计演示时打开监控后台给老师看也是挺亮眼的一个点。连接池大小默认 10 就够了这个项目并发量不大配高性能连接池纯属资源浪费。前端性能方面首屏加载优化最直接的手段是路由懒加载用 const ExamList () import(/views/front/ExamList.vue) 替代静态 import这样首屏只加载当前路由对应的组件而不是一次性把全部分包都拉回来首屏加载速度会明显提升。打包后如果还是嫌体积大优先检查是不是 Element UI 没按需引入用 babel-plugin-component 做按需加载体积能砍掉一半以上。安全方面除了 JWT 鉴权之外还有一个常规但必须做的操作使用全局过滤器处理 XSS 攻击。因为很多考试报名系统都有公告发布功能管理员发布的公告如果直接存 HTML就可能被注入恶意脚本。比如一个考后答案分析公告里夹带 script 标签其它用户一打开公告详情就被执行。我的方案是写一个全局过滤器继承 OncePerRequestFilter将请求体中的特殊字符进行转义。尤其注意“使用 SpringBoot 项目全局过滤器处理上传 PDF 文件时发生 XSS 攻击”这种场景文件上传接口本身不处理文本但如果有文件名反射型展示页面名字里的脚本也可能被解析过滤器就可以把这种入口堵死。另外建议前后端都做一下输入校验前端校验只是体验优化后端校验才是底线。7. 常见问题与项目交付后的心得写到这里我最后分享几个底层心得。我的一个真实体会是毕设项目的价值并不在于功能有多繁杂而在于你能不能把一条主链路完整讲透。比如这个语言考试报名系统你可以只做“发布考试 → 在线报名 → 审核 → 成绩查询”四个环节但要把每一个环节的数据流转、状态变化、异常处理说到滴水不漏这比堆十个风马牛不相及的模块更能让评审老师眼前一亮。另一个很有用的习惯是每次写完一个功能模块就打开数据库表看一眼数据状态变化。比如提交报名后再查 registration_info 表状态字段是否为 0待审核审核通过后再看是否生成了 ticket_no准考证号。这套“页面操作 → 数据库验证”的闭环习惯能让你在开发过程中第一时间发现逻辑 bug而不是等整体写完后再回头大海捞针式地排查。到了答辩现场老师问你“你怎么确认报名成功了一定会生成准考证号”你直接把 SQL 语句说出来再演示一遍流程比你背一百遍概念都有说服力。准备一份 README 文件也很重要。别小看这个细节我的 README 模板里包含项目简介、技术栈清单、运行环境要求、启动步骤数据库初始化、后端配置、前端启动、默认账号、项目结构说明、接口文档链接。当老师拷走你的项目后第一件事就是看 README。一个清晰完整的 README 会让你的项目专业度直线上升。最后再提一个扩展方向这个系统目前是单体应用如果你想在答辩时展现前瞻思维可以提一下如果后续报名人数增长到万级可以怎么演进。不会要求你真去微服务化改造但你能说出“先把验证码和接口限流做好再加本地缓存再按考试类型做应用拆分”这样的思路就足够说明你不是只会调 API 的码字工而是在思考工程问题。这个项目做完之后你既掌握了一套标准 Java Web 全栈开发流程也积累了一个有真实业务逻辑的完整作品用来应付毕设和校招面试还是很有说头的。