SpringBoot+Vue构建高校毕业设计选题管理系统-育师

1. 项目概述：毕业设计选题管理系统的核心价值

毕业设计选题管理系统是高校教学管理信息化的重要组成部分。传统的人工选题方式存在诸多痛点：纸质表格流转效率低下、选题信息更新不及时、师生双向选择匹配度不高、统计数据手工处理耗时耗力。我们团队基于SpringBoot和Vue技术栈开发的这套系统，实现了从选题发布、师生双选到过程管理的全流程数字化。

这个系统特别适合计算机相关专业的毕业设计管理，主要解决三类用户的痛点：

教务人员：需要高效管理数百个选题的申报、审核和分配
指导教师：希望直观查看学生选择情况并调整课题方向
学生群体：渴望透明公平的选题机制和便捷的进度提交渠道

我在实际开发中发现，这类系统有几个关键指标必须达标：选题阶段并发访问的稳定性（峰值时可能有上千学生同时操作）、多维度统计的实时性（院系/专业/教师维度的选题数据）、以及前后端数据交互的安全性（特别是成绩录入环节）。

2. 技术架构设计解析

2.1 后端SpringBoot技术选型

我们采用SpringBoot 2.7.4作为后端框架，主要基于以下考量：

自动配置特性大幅减少XML配置，比如：

@SpringBootApplication @MapperScan("com.thesis.mapper") public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } }

内嵌Tomcat容器简化部署，通过application.yml即可配置HTTPS：

server: port: 8443 ssl: key-store: classpath:keystore.p12 key-store-password: 123456 key-store-type: PKCS12

与MyBatis Plus的完美整合，实现动态SQL构建：

QueryWrapper<Topic> wrapper = new QueryWrapper<>(); wrapper.like(StringUtils.isNotBlank(keyword), "title", keyword) .eq("status", 1) .orderByDesc("create_time");

特别注意：SpringBoot默认的事务管理是自动提交的，在批量操作时需要手动添加@Transactional注解

2.2 前端Vue技术栈实现

前端采用Vue 3 + Element Plus组合，核心优势在于：

响应式数据绑定简化表单处理：

<el-form :model="form" label-width="80px"> <el-form-item label="课题名称"> <el-input v-model="form.title" /> </el-form-item> </el-form>

路由守卫实现权限控制：

router.beforeEach((to, from, next) => { if (to.meta.requiresAuth && !store.getters.token) { next('/login') } else { next() } })

使用Axios拦截器统一处理API请求：

service.interceptors.response.use( response => { if (response.data.code === 401) { MessageBox.confirm('登录已过期', '提示', { confirmButtonText: '重新登录', showCancelButton: false }).then(() => { store.dispatch('user/logout') }) } return response.data } )

3. 核心功能模块实现

3.1 选题双选机制设计

系统采用"预选+确认"的两阶段模式：

预选阶段：学生可浏览所有课题并收藏意向选题（最多5个）
确认阶段：系统根据优先级自动分配，教师可手动调整

数据库设计关键表结构：

CREATE TABLE `topic_selection` ( `id` bigint NOT NULL AUTO_INCREMENT, `student_id` bigint NOT NULL COMMENT '学号', `topic_id` bigint NOT NULL COMMENT '课题ID', `priority` tinyint DEFAULT NULL COMMENT '志愿优先级', `status` tinyint DEFAULT '0' COMMENT '0-预选 1-已确认', PRIMARY KEY (`id`), UNIQUE KEY `uk_student_topic` (`student_id`,`topic_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

3.2 实时统计看板实现

使用ECharts实现多维数据可视化：

// 院系选题分布饼图 const initCollegeChart = () => { const chart = echarts.init(document.getElementById('college-chart')) api.getCollegeStats().then(res => { chart.setOption({ tooltip: { trigger: 'item' }, series: [{ type: 'pie', data: res.data.map(item => ({ value: item.count, name: item.collegeName })) }] }) }) }

3.3 文件管理模块

支持毕业设计文档的在线提交与版本控制：

@PostMapping("/upload") public R upload(@RequestParam MultipartFile file) { String originalName = file.getOriginalFilename(); String ext = originalName.substring(originalName.lastIndexOf(".")); String fileName = UUID.randomUUID() + ext; Path path = Paths.get(uploadPath, fileName); Files.copy(file.getInputStream(), path, StandardCopyOption.REPLACE_EXISTING); Document doc = new Document(); doc.setOriginalName(originalName); doc.setFileName(fileName); doc.setFilePath(path.toString()); documentService.save(doc); return R.ok().put("url", "/download/" + fileName); }

4. 系统安全与性能优化

4.1 安全防护措施

接口防刷策略：

登录接口采用验证码+Redis计数

@PostMapping("/login") public R login(@RequestBody LoginForm form) { String redisKey = "login:count:" + form.getUsername(); long count = redisTemplate.opsForValue().increment(redisKey, 1); if (count > 5) { throw new RuntimeException("尝试次数过多"); } // ...验证逻辑 redisTemplate.delete(redisKey); }

SQL注入防护：
- 严格使用MyBatis参数绑定
- 全局XSS过滤器处理特殊字符

4.2 性能调优实战

Nginx静态资源缓存配置：

location /static { alias /var/www/static; expires 30d; add_header Cache-Control "public"; }

数据库查询优化：

为高频查询字段添加复合索引
使用Spring Cache注解缓存热点数据

@Cacheable(value = "topics", key = "#collegeId") public List<Topic> getByCollege(Long collegeId) { return topicMapper.selectByCollege(collegeId); }

5. 部署与运维方案

5.1 多环境配置管理

通过Spring Profile实现环境隔离：

# application-dev.yml server: port: 8080 datasource: url: jdbc:mysql://localhost:3306/thesis_dev # application-prod.yml server: port: 8443 datasource: url: jdbc:mysql://cluster-mysql:3306/thesis_prod

5.2 Docker容器化部署

后端Dockerfile示例：

FROM openjdk:11-jre WORKDIR /app COPY target/thesis-system.jar . EXPOSE 8080 ENTRYPOINT ["java", "-jar", "thesis-system.jar"]

前端Nginx配置：

server { listen 80; location / { root /usr/share/nginx/html; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://backend:8080; } }

6. 开发中的典型问题与解决方案

6.1 跨域会话保持问题

现象：前端登录后接口返回401 解决方案：

后端配置CORS策略

@Configuration public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("*") .allowCredentials(true) .allowedMethods("*"); } }

前端Axios配置withCredentials

axios.defaults.withCredentials = true

6.2 大文件上传中断

采用分片上传方案：

const chunkSize = 5 * 1024 * 1024 // 5MB const uploadChunk = (file, chunkIndex) => { const start = chunkIndex * chunkSize const end = Math.min(file.size, start + chunkSize) const chunk = file.slice(start, end) const formData = new FormData() formData.append('chunk', chunk) formData.append('chunkIndex', chunkIndex) formData.append('totalChunks', Math.ceil(file.size / chunkSize)) return api.uploadChunk(formData) }

6.3 高并发选课冲突

使用数据库乐观锁控制：

UPDATE topic SET selected_count = selected_count + 1 WHERE id = #{topicId} AND selected_count < max_count

7. 项目扩展方向

在实际使用中，我们发现系统还可以进一步优化：

增加智能选题推荐功能，基于学生历史成绩和兴趣标签
集成钉钉/微信消息通知，重要节点自动提醒
添加查重接口对接，防止选题重复
开发移动端小程序版本，方便随时查看进度

一个特别实用的改进是在教师端添加"课题模板库"功能，允许教师从往期优秀课题中快速复用修改，这能节省约40%的课题申报时间。实现关键代码如下：

@PostMapping("/clone") public R cloneTopic(@RequestParam Long sourceId, @RequestParam String newTitle) { Topic source = topicService.getById(sourceId); Topic newTopic = new Topic(); BeanUtils.copyProperties(source, newTopic, "id", "title"); newTopic.setTitle(newTitle); newTopic.setStatus(0); topicService.save(newTopic); return R.ok(); }