本次要介绍的是一个可直接用于毕设、课设和中小型内部考试场景的在线考试系统项目，技术栈锁定为 Java + SpringBoot3 + Vue.js3 + MySQL。在线考试系统本质上是典型的 Web 全栈业务应用，前台包含用户登录、考试列表、在线答题、交卷判分、成绩查看，后台包含题库管理、试卷管理、考场管理、阅卷管理和系统权限。值得关注的是，这套技术组合在当前 Java 开发岗位面试和简历项目里出现频次非常高，SpringBoot3 强调 JDK17 起步和 Jakarta EE 命名空间调整，Vue.js3 引入组合式 API 和 Vite 构建链路，MySQL 负责业务数据持久化，三个部分拼在一起足够还原企业级前后端分离开发的全流程。如果是以个人身份从零实现，硬件门槛几乎可以忽略，普通 8G 内存、双核 CPU 的电脑就能跑完整套开发调试环境，不需要独立显卡，也不依赖云服务器。文章接下来会从环境准备、MySQL 数据库设计、SpringBoot3 后端搭建、Vue3 前端搭建、系统集成联调、接口演示、在线考试系统部署上线、常见问题排查这条完整链路展开，让读者照着一套可落地的方案把项目跑起来，而不是只停留在架构图和代码片段。
@startuml !theme cerulean-outline skinparam backgroundColor white skinparam monochrome true skinparam shadowing false skinparam defaultFontName "Microsoft YaHei" skinparam classAttributeIconSize false skinparam classFontSize 14 skinparam classAttributeFontSize 12 skinparam classFontStyle bold skinparam databaseFontSize 14 skinparam databaseFontStyle bold skinparam participantFontSize 14 skinparam noteFontSize 12 skinparam sequenceMessageFontSize 12 skinparam sequenceArrowThickness 2 skinparam maxMessageSize 160 title "在线考试系统 - 总体架构设计" package "Vue.js3 前端工程" { [登录注册页面] as FE_LOGIN [在线考试页面] as FE_EXAM [题库管理后台] as FE_BANK [试卷管理后台] as FE_PAPER [阅卷成绩后台] as FE_SCORE } package "SpringBoot3 后端服务" { [Web 层\nController] as BE_CTRL [业务逻辑层\nService] as BE_SVC [持久层\nMyBatis-Plus] as BE_MAPPER [JWT 安全拦截器] as BE_JWT [全局异常处理器] as BE_EX } package "MySQL 数据库" { database "考试业务库\nexam_system" as DB } FE_LOGIN --> BE_JWT : 登录请求 FE_EXAM --> BE_CTRL : 答题请求 FE_BANK --> BE_CTRL : 管理请求 FE_PAPER --> BE_CTRL : 组卷请求 FE_SCORE --> BE_CTRL : 查询请求 BE_CTRL --> BE_SVC : 调用业务逻辑 BE_SVC --> BE_MAPPER : 操作数据映射 BE_MAPPER --> DB : JDBC 访问 BE_JWT --> BE_CTRL : 身份校验 BE_EX --> BE_CTRL : 统一异常 DB --> MySQL : 数据持久化 @enduml
