手把手教你用Java+MySQL搭建学生成绩管理系统（保姆级教程）

variablevoyager

于 2025-05-18 15:24:22 发布

阅读量430

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/variablevoyager/article/details/148044863

文章目录

一、为什么需要成绩管理系统？（真实案例）

上个月老张的培训班突然爆火🔥！从30人猛增到200+学生后，Excel表格彻底崩了——数据重复录入、成绩计算错误、报表生成巨慢…（别问我怎么知道的，都是血泪史！）于是我们团队用1周时间开发了这个系统，现在查询成绩效率提升10倍！！！

二、系统核心功能设计（抄作业模板）

2.1 四大金刚模块

学生档案管理（基础中的基础）
课程管理（支持不同学分设置）
成绩录入系统（教师专属入口）
智能分析看板（折线图/柱状图自动生成）

2.2 数据库设计（MySQL实战）

创建数据库的SQL脚本示例：

CREATE TABLE students (
    student_id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(50) NOT NULL,
    gender ENUM('男','女') DEFAULT '男',
    birthdate DATE,
    class VARCHAR(20) COMMENT '班级名称'
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

CREATE TABLE scores (
    score_id INT AUTO_INCREMENT PRIMARY KEY,
    student_id INT,
    course_id INT,
    score DECIMAL(5,2) CHECK (score BETWEEN 0 AND 100),
    exam_date DATE,
    FOREIGN KEY(student_id) REFERENCES students(student_id)
);

（划重点）建立外键关系时一定要用InnoDB引擎！！！MyISAM不支持外键约束，别问我怎么知道的…

三、Java后端开发（Spring Boot实战）

3.1 实体类设计

@Entity
public class Student {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    
    @Column(nullable = false, length = 50)
    private String name;
    
    @Enumerated(EnumType.STRING)
    private Gender gender;
    
    @OneToMany(mappedBy = "student")
    private List<Score> scores = new ArrayList<>();
}

3.2 成绩统计神器

public Map<String, Object> analyzeScores(Long courseId) {
    return jdbcTemplate.queryForMap("""
        SELECT 
            AVG(score) as avg_score,
            MAX(score) as max_score,
            MIN(score) as min_score,
            COUNT(CASE WHEN score >= 60 THEN 1 END) as pass_count
        FROM scores
        WHERE course_id = ?
        """, courseId);
}

（避坑指南）这里用原生SQL而不是JPA是为了处理复杂统计，JPA在处理统计函数时比较笨拙…

四、前端界面开发（Thymeleaf模板）

4.1 成绩录入表单

<form th:action="@{/scores}" method="post">
    <select name="studentId" class="form-select">
        <option th:each="s : ${students}" 
                th:value="${s.id}" 
                th:text="${s.name}"></option>
    </select>
    
    <input type="number" name="score" 
           min="0" max="100" step="0.1"
           class="form-control" required>
    
    <button type="submit" class="btn btn-primary">
        提交成绩 💯
    </button>
</form>

4.2 成绩分布可视化

使用ECharts实现动态图表：

function initChart() {
    const chart = echarts.init(document.getElementById('chart'));
    chart.setOption({
        tooltip: { trigger: 'item' },
        series: [{
            type: 'pie',
            data: [
                {value: 15, name: '90-100分'},
                {value: 30, name: '80-89分'},
                {value: 25, name: '70-79分'},
                {value: 20, name: '60-69分'},
                {value: 10, name: '不及格'}
            ]
        }]
    });
}