学生信息管理系统
一、项目分析与说明
1. 项目背景
这是一套后台管理型学生信息管理系统,面向学校教务人员使用,用来统一管理学生、班级、课程、成绩四类核心数据,替代手工表格登记,方便数据统计、查询、录入修改。
2. 核心业务模块
1. 首页概览:数据大盘,展示整体统计数据(学生总数、班级、课程、平均分)、班级人数条形统计、各门课程平均分,直观掌握整体情况。
2. 学生管理:维护学生基础信息(学号、姓名、性别、年龄、班级、手机号、在校状态),支持新增、编辑、删除、分页、搜索筛选。
3. 班级管理:管理班级档案,包含班级名称、届别、辅导员,对班级进行增删改查。
4. 课程管理:录入课程编号、课程名、学分、授课老师,维护开课课程列表。
5. 成绩管理:绑定学生+对应课程,录入考试分数、考试日期、评语,支持成绩录入、修改、删除、按学生/课程检索成绩,同时支撑首页平均分统计。
3. 业务价值
统一存储学生、班级、课程、成绩关联数据;
支持日常增删改查、分页检索;
首页自动聚合统计数据,方便教务汇总分析。
二、核心界面与所用技术简介
五大核心界面
1. 首页概览页:数据看板,卡片展示总量、横向条形图统计各班人数、卡片展示单门课程平均分,做数据可视化汇总。
2. 学生列表页:表格分页布局,顶部搜索框+筛选下拉,右侧操作栏编辑/删除,支持新增学生弹窗。
3. 班级管理页:卡片式布局展示各个班级信息,单条班级支持编辑、删除、新增班级。
4. 课程管理页:表格展示课程目录,维护课程基础资料,新增、编辑、删除课程。
5. 成绩管理页:关联学生和课程的成绩表单,分页列表,支持批量/单条录入成绩、搜索过滤成绩记录。
2. 技术栈
后端
Spring Boot + MyBatis
Spring Boot:快速搭建Java后台服务,提供接口、业务逻辑、数据库交互;
MyBatis:操作MySQL数据库,实现学生、班级、课程、成绩的数据增删改查、关联查询、统计计算(平均分、计数)。
前端
Vue.js + Axios
Vue:搭建后台管理页面、表单、表格、弹窗、筛选搜索;
Axios:前后端接口请求,和后端对接获取数据、提交新增/修改表单;
页面内置图表组件:实现首页班级人数条形图展示;
整体是典型的前后端分离后台管理系统架构,本地localhost运行调试。
录像在单独的视频中上传