SpringBoot+Vue高校选题管理系统开发实践

1. 项目概述Web课程设计选题管理ABO信息管理系统这个基于SpringBootVueMySQL的全栈项目是一个专门为高校课程设计环节开发的选题管理系统。我在实际开发中发现传统的手工登记选题方式存在效率低下、数据易丢失、统计困难等问题。这套系统通过ABOAdmin-Basic-Other三级权限设计实现了从课题发布、双向选择到过程管理的全流程数字化。系统最核心的价值在于解决了三个痛点一是学生选题的公平性问题通过算法实现志愿优先级自动匹配二是教师课题管理的便捷性支持批量导入和智能分组三是管理员的全局监控能力实时生成各类统计报表。整套代码采用前后端分离架构后端基于SpringBoot 2.7.5开发前端使用Vue 3组合式API数据库选用MySQL 8.0保证了系统的可维护性和扩展性。2. 技术架构解析2.1 后端技术栈设计SpringBoot框架的选择经过了多维度考量。相比原生Spring它内置的starter机制大幅简化了配置工作。项目中特别使用了spring-boot-starter-data-jpa 实现ORM映射spring-boot-starter-security 处理权限控制spring-boot-starter-mail 用于通知推送数据库设计采用三范式原则核心表包括CREATE TABLE topic ( id bigint NOT NULL AUTO_INCREMENT, teacher_id bigint NOT NULL, title varchar(100) NOT NULL, description text, max_select int DEFAULT 1, current_select int DEFAULT 0, status tinyint DEFAULT 1, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4;2.2 前端工程化实践Vue3的组合式API让代码组织更灵活。项目中使用的主要技术点包括Vue Router实现动态路由加载Pinia替代Vuex进行状态管理Element Plus组件库加速开发Axios封装了带JWT验证的HTTP客户端一个典型的API请求封装示例const service axios.create({ baseURL: import.meta.env.VITE_APP_BASE_API, timeout: 5000 }) service.interceptors.request.use( config { if (store.getters.token) { config.headers[Authorization] Bearer ${store.getters.token} } return config }, error { return Promise.reject(error) } )3. 核心功能实现3.1 ABO权限控制系统系统采用RBAC模型设计通过JWT实现认证。权限层级分为Admin系统管理员增删用户、导入导出Basic教师用户发布课题、选择学生Other学生用户选题、提交材料Spring Security配置关键代码Configuration EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter { Override protected void configure(HttpSecurity http) throws Exception { http.authorizeRequests() .antMatchers(/admin/**).hasRole(ADMIN) .antMatchers(/teacher/**).hasAnyRole(TEACHER,ADMIN) .anyRequest().authenticated() .and() .addFilter(new JwtAuthenticationFilter(authenticationManager())) .addFilter(new JwtAuthorizationFilter(authenticationManager())); } }3.2 智能选题匹配算法系统采用改进的稳定婚姻算法实现双向选择核心流程学生填报志愿最多5个系统按GPA排序生成优先级队列教师查看申请列表并确认未匹配学生进入二轮补选算法实现关键逻辑public MapLong, Long matchTopics(ListStudent students, ListTopic topics) { students.sort(Comparator.comparingDouble(Student::getGpa).reversed()); MapLong, Long result new HashMap(); // 算法核心实现... return result; }4. 系统部署指南4.1 环境准备需要预先安装JDK 1.8Node.js 14MySQL 8.0Maven 3.6推荐使用Docker快速搭建环境docker run --name mysql -e MYSQL_ROOT_PASSWORD123456 -p 3306:3306 -d mysql:8.04.2 后端启动步骤导入数据库脚本修改application.yml中的数据库配置打包部署mvn clean package java -jar target/abo-system-1.0.0.jar4.3 前端运行方法npm install npm run dev生产环境构建npm run build5. 常见问题解决方案5.1 跨域问题处理开发环境下需配置代理devServer: { proxy: { /api: { target: http://localhost:8080, changeOrigin: true } } }5.2 数据库连接失败检查要点MySQL服务是否启动连接字符串中的时区设置用户权限配置典型配置示例spring: datasource: url: jdbc:mysql://localhost:3306/abo?useSSLfalseserverTimezoneAsia/Shanghai username: root password: 1234565.3 前端路由刷新404需要配置Nginx重定向location / { try_files $uri $uri/ /index.html; }6. 项目优化建议6.1 性能优化方向引入Redis缓存热门数据使用MyBatis替代JPA提升复杂查询效率前端组件异步加载6.2 功能扩展思路增加在线文档协作功能集成钉钉/微信通知添加查重检测模块我在实际部署时发现系统内存占用主要来自三个方面JVM堆内存设置、MySQL缓冲池配置和Node.js进程管理。建议生产环境至少分配4GB内存并通过Nginx做负载均衡提升并发能力。