1. 项目概述：基于SpringBoot2+Vue3的全栈评奖评优管理系统
这个学生评奖评优管理系统是我去年为某高校信息中心开发的实战项目，采用前后端分离架构。系统上线后稳定运行至今，日均处理3000+条评奖数据。核心解决传统纸质评审中流程不透明、统计效率低、材料易丢失三大痛点。
技术栈选择上，后端用SpringBoot2.7.3（Java17环境）构建RESTful API，前端采用Vue3+Element Plus实现动态交互，数据层通过MyBatis-Plus 3.5.3操作MySQL8.0。这种组合既保证了系统性能（实测单接口响应<200ms），又便于后期扩展维护。
关键优势：MyBatis-Plus的Lambda查询+分页插件让复杂条件查询代码量减少60%，Vue3的Composition API使相同功能组件代码比Vue2版本精简40%
2. 系统核心模块设计解析
2.1 权限管理模块实现
采用RBAC模型设计五层权限体系：
- 学生：只能查看个人申报记录
- 班主任：班级初审+进度跟踪
- 院系管理员：院系复审+数据导出
- 校级管理员：终审+规则配置
- 系统管理员：用户管理+日志审计
权限控制关键代码示例（Spring Security）：
java复制@PreAuthorize("hasRole('TEACHER') or hasRole('DEPARTMENT_ADMIN')")
@PostMapping("/approve")
public Result approveApplication(@Valid @RequestBody ApproveDTO dto) {
// 审批逻辑
}
2.2 评奖流程引擎设计
独创的"状态机+规则引擎"双驱动模式：
- 流程状态机（使用Activiti）：
mermaid复制graph TD A[学生提交] --> B[班主任初审] B --> C{是否通过?} C -->|是| D[院系复审] C -->|否| E[退回修改] D --> F[校级终审] F --> G[结果公示] - 评分规则引擎（Groovy脚本实现）：
groovy复制// 奖学金评分规则示例 if (gpa >= 3.5) { baseScore += 30 } else if (gpa >= 3.0) { baseScore += 20 }
2.3 高性能统计模块优化
面对全校数万学生的数据统计需求，我们采用：
- MySQL8.0窗口函数处理复杂排名
- Redis缓存热点统计结果
- 定时任务预生成报表
关键SQL示例（学年成绩TOP10查询）：
sql复制SELECT
student_id,
name,
AVG(score) OVER(PARTITION BY class_id) AS class_avg,
RANK() OVER(ORDER BY AVG(score) DESC) AS school_rank
FROM
course_grade
WHERE
year = '2023-2024'
GROUP BY
student_id
LIMIT 10;
3. 前后端关键技术实现
3.1 SpringBoot后端核心配置
-
多环境配置（application.yml）：
yaml复制spring: profiles: active: @profileActive@ datasource: url: jdbc:mysql://${DB_HOST:localhost}:3306/awards?useSSL=false&serverTimezone=Asia/Shanghai username: ${DB_USER:root} password: ${DB_PWD:123456} -
MyBatis-Plus分页插件配置：
java复制@Configuration public class MybatisPlusConfig { @Bean public MybatisPlusInterceptor mybatisPlusInterceptor() { MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor(); interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL)); return interceptor; } }
3.2 Vue3前端工程实践
-
组合式API封装数据查询：
javascript复制// useAwardList.js export default function useAwardList() { const list = ref([]) const loading = ref(false) const fetchData = async (params) => { loading.value = true try { const res = await api.getAwardList(params) list.value = res.data } finally { loading.value = false } } return { list, loading, fetchData } } -
动态表单渲染方案：
vue复制<template> <el-form :model="form"> <template v-for="item in formItems" :key="item.prop"> <el-form-item :label="item.label"> <component :is="item.component" v-bind="item.props" v-model="form[item.prop]" /> </el-form-item> </template> </el-form> </template>
4. 部署与性能调优实战
4.1 生产环境部署方案
推荐使用Docker Compose部署：
dockerfile复制# backend/Dockerfile
FROM openjdk:17-jdk
COPY target/awards-system.jar /app.jar
ENTRYPOINT ["java","-jar","/app.jar"]
yaml复制# docker-compose.yml
version: '3'
services:
mysql:
image: mysql:8.0
environment:
MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
volumes:
- mysql_data:/var/lib/mysql
backend:
build: ./backend
ports:
- "8080:8080"
depends_on:
- mysql
frontend:
image: nginx:alpine
ports:
- "80:80"
volumes:
- ./frontend/dist:/usr/share/nginx/html
4.2 性能优化关键指标
通过JMeter压测后的优化措施：
-
接口响应时间从1200ms降至180ms：
- 添加二级缓存（Caffeine+Redis）
- 启用MySQL查询缓存
- 使用HikariCP连接池
-
并发能力从200QPS提升至1500QPS：
- 接口限流（Sentinel）
- 异步日志处理（Logback+Disruptor）
- 静态资源CDN加速
5. 开发踩坑与解决方案
5.1 MyBatis-Plus字段映射问题
现象：MySQL8.0的datetime类型返回给前端变成时间戳
解决方案：
java复制// 1. 全局配置
@Bean
public MybatisPlusSqlInjector sqlInjector() {
return new MybatisPlusSqlInjector() {
@Override
public List<AbstractMethod> getMethodList() {
List<AbstractMethod> methods = super.getMethodList();
methods.add(new InsertBatchSomeColumn());
return methods;
}
};
}
// 2. 实体类注解
@Data
public class Application {
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private LocalDateTime createTime;
}
5.2 Vue3组件通信难题
场景：跨多级组件传递审批状态
最佳实践：
-
简单场景：provide/inject
javascript复制// 父组件 provide('approvalStatus', ref('pending')) // 深层子组件 const status = inject('approvalStatus') -
复杂场景：Pinia状态管理
javascript复制// stores/approval.js export const useApprovalStore = defineStore('approval', { state: () => ({ status: 'pending' }), actions: { updateStatus(newStatus) { this.status = newStatus } } })
6. 项目扩展方向建议
-
智能评审辅助：
- 集成NLP分析申报材料真实性
- 使用Spark进行大数据行为分析
-
区块链存证：
- 将评审结果上链（Hyperledger Fabric）
- 生成不可篡改的电子证书
-
移动端适配：
- 基于Uniapp开发微信小程序
- 增加人脸识别登录功能
这个系统从技术选型到最终上线共迭代了5个版本，最大的收获是：在复杂业务场景下，SpringBoot+Vue3的全栈组合既能快速实现需求，又保证了代码的可维护性。特别是MyBatis-Plus的ActiveRecord模式，让基础CRUD操作代码量减少了70%，而Vue3的Composition API使复杂组件的逻辑组织变得清晰可控。