基于 SpringBoot 和 Vue 的语言考试信息报名系统设计

一套基于 SpringBoot 和 Vue.js 开发的语言考试信息报名系统。该系统旨在解决传统线下报名效率低、信息不对称等问题，实现考生信息管理、考试发布、在线报名及成绩查询等功能。后端采用 SpringBoot 框架配合 MySQL 数据库，前端使用 Vue.js 构建交互界面，并引入 JWT 进行安全认证。文章包含数据库表结构设计、技术架构分析及核心控制器代码示例，展示了前后端分离架构下的具体实现方案。

山野来信发布于 2026/4/5更新于 2026/4/187 浏览

系统概述

随着全球化进程的加快，语言能力成为个人职业发展和学术研究的重要基础。语言考试作为衡量语言水平的重要工具，其报名和管理流程的数字化需求日益增长。传统线下报名方式存在效率低、信息不对称、管理成本高等问题，亟需通过信息化手段优化。本系统采用 SpringBoot 作为后端框架，结合 Vue.js 前端技术，实现了前后端分离的高效开发模式。系统功能涵盖用户注册与登录、考试信息发布、在线报名、成绩查询以及后台管理等多个模块。数据库使用 MySQL 存储考生信息、考试安排及成绩数据，并通过 SQL 脚本实现数据的规范化管理。系统设计注重安全性和可扩展性，采用 JWT 进行用户认证。

数据库设计

考生信息数据表

考生信息数据表中，注册时间是通过函数自动获取的，考生 ID 是该表的主键，存储考生的个人基本信息和账户状态。

字段名	数据类型	是否为空	描述
candidate_id	BIGINT	否	考生唯一标识（主键）
username	VARCHAR(50)	否	考生用户名
password_hash	VARCHAR(100)	否	密码加密存储
real_name	VARCHAR(30)	是	考生真实姓名
gender	CHAR(1)	是	性别（M/F）
birth_date	DATE	是	出生日期
contact_phone	VARCHAR(20)	否	联系电话
email	VARCHAR(50)	是	电子邮箱
register_time	DATETIME	否	注册时间
account_status	TINYINT	否	账户状态（0-禁用，1-启用）

考试信息数据表

考试信息数据表中，创建时间是通过函数自动获取的，考试 ID 是该表的主键，存储考试的基本信息和状态。

字段名	数据类型	是否为空	描述
exam_id	BIGINT	否	考试唯一标识（主键）
exam_name	VARCHAR(100)	否	考试名称
exam_type	VARCHAR(30)	否	考试类型
start_time	DATETIME	否	考试开始时间
end_time	DATETIME	否	考试结束时间
location

相关免费在线工具

Keycode 信息

查找任何按下的键的javascript键代码、代码、位置和修饰符。在线工具，Keycode 信息在线工具，online

Escape 与 Native 编解码

JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。在线工具，Escape 与 Native 编解码在线工具，online

JavaScript / HTML 格式化

使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。在线工具，JavaScript / HTML 格式化在线工具，online

JavaScript 压缩与混淆

Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。在线工具，JavaScript 压缩与混淆在线工具，online

Base64 字符串编码/解码

将字符串编码和解码为其 Base64 格式表示形式即可。在线工具，Base64 字符串编码/解码在线工具，online

Base64 文件转换器

将字符串、文件或图像转换为其 Base64 表示形式。在线工具，Base64 文件转换器在线工具，online

字段名	数据类型	是否为空	描述
record_id	BIGINT	否	报名记录唯一标识（主键）
candidate_id	BIGINT	否	考生 ID（外键）
exam_id	BIGINT	否	考试 ID（外键）
enroll_time	DATETIME	否	报名时间
payment_status	TINYINT	否	支付状态（0-未支付，1-已支付）
exam_score	DECIMAL(5,2)	是	考试成绩
remark	VARCHAR(200)	是	备注信息

package com.controller; import java.util.Arrays; import java.util.Calendar; import java.util.Date; import java.util.Map; import javax.servlet.http.HttpServletRequest; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.bind.annotation.RestController; import com.annotation.IgnoreAuth; import com.baomidou.mybatisplus.mapper.EntityWrapper; import com.entity.TokenEntity; import com.entity.UsersEntity; import com.service.TokenService; import com.service.UsersService; import com.utils.CommonUtil; import com.utils.MPUtil; import com.utils.PageUtils; import com.utils.R; import com.utils.ValidatorUtils; /** * 登录相关 */ @RequestMapping("users") @RestController public class UsersController{ @Autowired private UsersService userService; @Autowired private TokenService tokenService; /** * 登录 */ @IgnoreAuth @PostMapping(value = "/login") public R login(String username, String password, String captcha, HttpServletRequest request) { UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username)); if(user==null || !user.getPassword().equals(password)) { return R.error("账号或密码不正确"); } String token = tokenService.generateToken(user.getId(),username, "users", user.getRole()); return R.ok().put("token", token); } /** * 注册 */ @IgnoreAuth @PostMapping(value = "/register") public R register(@RequestBody UsersEntity user){ // ValidatorUtils.validateEntity(user); if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) { return R.error("用户已存在"); } userService.insert(user); return R.ok(); } /** * 退出 */ @GetMapping(value = "logout") public R logout(HttpServletRequest request) { request.getSession().invalidate(); return R.ok("退出成功"); } /** * 密码重置 */ @IgnoreAuth @RequestMapping(value = "/resetPass") public R resetPass(String username, HttpServletRequest request){ UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username)); if(user==null) { return R.error("账号不存在"); } user.setPassword("123456"); userService.update(user,null); return R.ok("密码已重置为：123456"); } /** * 列表 */ @RequestMapping("/page") public R page(@RequestParam Map<String, Object> params,UsersEntity user){ EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>(); PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params)); return R.ok().put("data", page); } /** * 列表 */ @RequestMapping("/list") public R list( UsersEntity user){ EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>(); ew.allEq(MPUtil.allEQMapPre( user, "user")); return R.ok().put("data", userService.selectListView(ew)); } /** * 信息 */ @RequestMapping("/info/{id}") public R info(@PathVariable("id") String id){ UsersEntity user = userService.selectById(id); return R.ok().put("data", user); } /** * 获取用户的 session 用户信息 */ @RequestMapping("/session") public R getCurrUser(HttpServletRequest request){ Long id = (Long)request.getSession().getAttribute("userId"); UsersEntity user = userService.selectById(id); return R.ok().put("data", user); } /** * 保存 */ @PostMapping("/save") public R save(@RequestBody UsersEntity user){ // ValidatorUtils.validateEntity(user); if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) { return R.error("用户已存在"); } userService.insert(user); return R.ok(); } /** * 修改 */ @RequestMapping("/update") public R update(@RequestBody UsersEntity user){ // ValidatorUtils.validateEntity(user); UsersEntity u = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())); if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) { return R.error("用户名已存在。"); } userService.updateById(user);//全部更新 return R.ok(); } /** * 删除 */ @RequestMapping("/delete") public R delete(@RequestBody Long[] ids){ userService.deleteBatchIds(Arrays.asList(ids)); return R.ok(); } }

基于 SpringBoot 和 Vue 的语言考试信息报名系统设计

系统概述

数据库设计

考生信息数据表

考试信息数据表

更多推荐文章

相关免费在线工具

报名记录数据表

技术架构

核心代码实现

基于 SpringBoot 和 Vue 的语言考试信息报名系统设计

系统概述

数据库设计

考生信息数据表

考试信息数据表

微信扫一扫，关注极客日志

更多推荐文章

相关免费在线工具

报名记录数据表

技术架构

核心代码实现