基于springboot+vue实现的学生档案管理系统 (源码+L文+ppt)4-065

第4章 系统设计
4.1 总体功能设计
学生档案管理系统的总体功能设计包括学生信息管理、课程管理、教师信息管理、成绩管理和系统配置管理。系统将提供用户友好的界面,支持学生信息的录入、查询和更新,包括个人信息、学籍信息、就业信息等。系统将支持课程信息的管理,包括课程的录入、查询和排课安排。教师信息管理功能将允许管理员管理教师的个人信息和所教授课程信息。成绩管理模块将支持成绩录入、查询和统计分析功能,以便于学校管理人员和教师监控学生成绩情况。系统配置管理功能将提供对系统参数和配置文件的管理,以确保系统能够按照学校的需求进行定制和设置。
整体系统的主要功能模块如图4-1:

图4-1 学生档案管理系统功能图
4.2 系统登录模块设计
用户在启动操作系统时会调用的一个模块。该模型通过用户输入的账号、密码来确定应用的类别,切换到该类应用的页面。
本模块的功能点包括:
1)确定账号与密码是否一致。
2)完全按照系统所规定使用权限的权限类型,,直接通过登陆进入到系统权限的制定管理页面中即可进行授权使用。
| 
 | 
登录模块流程图如图4-2:
图4-2 登录模块流程图
4.3 数据库设计
管理静止网站时是由WEB客户端向Web传送静态页面,而Web客户端直接对所传送的静态页面进行管理。
实现动态网页数据库信息查询请求的最基本处理流程概括为:当一个WEB用户成功向动态网页服务器数据库发送信息请求成功后,对其动态页面库的一种主要的处理实现方法之一是,屏蔽掉其中所有动态HTML代码,只须使用一个动态的动态网页文件,由动态Web浏览器程序直接地在该数据库服务器上进行传递动态信息,然后再通过该数据库服务器的处理程序返回到信息集,由该Web应用服务器处理程序再一次将包含动态程序代码在内的动态页面,转化为一个静态页面信息并自动返回到网页浏览器。也就是网站在这个动态页里对网页信息自动进行检索并最终把这些信息自动返回传递到网站用户处的这个全自动化过程。
数据库设计阶段目标表见表4-3:
| 阶段 | 目标 | 
| 概念设计 | 了解功能需求,通过分析系统功能定义出系统有哪些实体联系图(即E-R图) | 
| 逻辑设计 | 把E-R图转换成能处理的逻辑模型,检查是否满足第三范式的要求 | 
| 物理设计 | 基于基本数据模型,生成适用于应用系统的物理结构 | 
表4-3 数据库设计阶段目标表
4.3.1 E-R图设计
根据以上分析,本系统中包含多个实体,根据他们以及他们的关系绘制出E-R图如下:
(1)学生表E-R图如下图4-5:

图4-5学生E-R图
(2)学生成绩E-R图如下图4-6:

图4-6学生成绩E-R图
(3)奖惩信息E-R图如下图4-7:
图4-7奖惩信息E-R图
(4)奖学金信息E-R图如下图4-8:
图4-8奖学金信息E-R图
(5)学生档案管理系统总体E-R图如下图4-9:

图4-9学生档案管理系统总体E-R图
4.3.2 数据库关系表设计
数据库关系表如下:
表4-1:就业信息
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| addtime | timestamp | 
 | 创建时间 | 
 | CURRENT_TIMESTAMP | 
| gangweimingcheng | varchar | 200 | 岗位名称 | 
 | 
 | 
| xinzidaiyu | varchar | 200 | 薪资待遇 | 
 | 
 | 
| gongzuodanwei | varchar | 200 | 工作单位 | 
 | 
 | 
| gongzuodidian | varchar | 200 | 工作地点 | 
 | 
 | 
| xuejihao | varchar | 200 | 学籍号 | 
 | 
 | 
| xueshengxingming | varchar | 200 | 学生姓名 | 
 | 
 | 
| xueshengzhuangtai | varchar | 200 | 学生状态 | 
 | 
 | 
| gongzuojingyan | longtext | 4294967295 | 工作经验 | 
 | 
 | 
表4-2:地址
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| addtime | timestamp | 
 | 创建时间 | 
 | CURRENT_TIMESTAMP | 
| userid | bigint | 
 | 用户id | 
 | 
 | 
| address | varchar | 200 | 地址 | 
 | 
 | 
| name | varchar | 200 | 收货人 | 
 | 
 | 
| phone | varchar | 200 | 电话 | 
 | 
 | 
| isdefault | varchar | 200 | 是否默认地址[是/否] | 
 | 
 | 
表4-3:用户表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| username | varchar | 100 | 用户名 | 
 | 
 | 
| password | varchar | 100 | 密码 | 
 | 
 | 
| image | varchar | 200 | 头像 | 
 | 
 | 
| role | varchar | 100 | 角色 | 
 | 管理员 | 
| addtime | timestamp | 
 | 新增时间 | 
 | CURRENT_TIMESTAMP | 
表4-4:token表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| userid | bigint | 
 | 用户id | 
 | 
 | 
| username | varchar | 100 | 用户名 | 
 | 
 | 
| tablename | varchar | 100 | 表名 | 
 | 
 | 
| role | varchar | 100 | 角色 | 
 | 
 | 
| token | varchar | 200 | 密码 | 
 | 
 | 
| addtime | timestamp | 
 | 新增时间 | 
 | CURRENT_TIMESTAMP | 
| expiratedtime | timestamp | 
 | 过期时间 | 
 | CURRENT_TIMESTAMP | 
表4-5:课程信息
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| addtime | timestamp | 
 | 创建时间 | 
 | CURRENT_TIMESTAMP | 
| kechengmingcheng | varchar | 200 | 课程名称 | 
 | 
 | 
| xuenian | varchar | 200 | 学年 | 
 | 
 | 
| xueqi | varchar | 200 | 学期 | 
 | 
 | 
| fengmian | longtext | 4294967295 | 封面 | 
 | 
 | 
| kechengguishu | varchar | 200 | 课程归属 | 
 | 
 | 
| kechengleibie | varchar | 200 | 课程类别 | 
 | 
 | 
| kechengzhuangtai | varchar | 200 | 课程状态 | 
 | 
 | 
| xuefen | varchar | 200 | 学分 | 
 | 
 | 
| kechengdaima | varchar | 200 | 课程代码 | 
 | 
 | 
| shoukejiaoshi | varchar | 200 | 授课教师 | 
 | 
 | 
| shangkeshijian | varchar | 200 | 上课时间 | 
 | 
 | 
表4-6:教师
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| addtime | timestamp | 
 | 创建时间 | 
 | CURRENT_TIMESTAMP | 
| jiaoshigonghao | varchar | 200 | 教师工号 | 
 | 
 | 
| jiaoshixingming | varchar | 200 | 教师姓名 | 
 | 
 | 
| mima | varchar | 200 | 密码 | 
 | 
 | 
| xingbie | varchar | 200 | 性别 | 
 | 
 | 
| zhicheng | varchar | 200 | 职称 | 
 | 
 | 
| lianxidianhua | varchar | 200 | 联系电话 | 
 | 
 | 
| kechengmingcheng | varchar | 200 | 课程名称 | 
 | 
 | 
| touxiang | longtext | 4294967295 | 头像 | 
 | 
 | 
表4-7:辅导员
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| addtime | timestamp | 
 | 创建时间 | 
 | CURRENT_TIMESTAMP | 
| fudaogonghao | varchar | 200 | 辅导工号 | 
 | 
 | 
| fudaoyuan | varchar | 200 | 辅导员 | 
 | 
 | 
| mima | varchar | 200 | 密码 | 
 | 
 | 
| touxiang | longtext | 4294967295 | 头像 | 
 | 
 | 
| xingbie | varchar | 200 | 性别 | 
 | 
 | 
| zhicheng | varchar | 200 | 职称 | 
 | 
 | 
| shoujihaoma | varchar | 200 | 手机号码 | 
 | 
 | 
表4-8:学生成绩
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| addtime | timestamp | 
 | 创建时间 | 
 | CURRENT_TIMESTAMP | 
| bianhao | varchar | 200 | 编号 | 
 | 
 | 
| jiaoshigonghao | varchar | 200 | 教师工号 | 
 | 
 | 
| jiaoshixingming | varchar | 200 | 教师姓名 | 
 | 
 | 
| kechengmingcheng | varchar | 200 | 课程名称 | 
 | 
 | 
| xuejihao | varchar | 200 | 学籍号 | 
 | 
 | 
| xueshengxingming | varchar | 200 | 学生姓名 | 
 | 
 | 
| dengji | varchar | 200 | 等级 | 
 | 
 | 
| chengji | double | 
 | 成绩 | 
 | 
 | 
| pingyu | longtext | 4294967295 | 评语 | 
 | 
 | 
| dengjishijian | datetime | 
 | 登记时间 | 
 | 
 | 
表4-9:学生
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 | 
| id | bigint | 
 | 主键 | 主键 | 
 | 
| addtime | timestamp | 
 | 创建时间 | 
 | CURRENT_TIMESTAMP | 
| xuejihao | varchar | 200 | 学籍号 | 
 | 
 | 
| xueshengxingming | varchar | 200 | 学生姓名 | 
 | 
 | 
| nianji | varchar | 200 | 年级 | 
 | 
 | 
| mima | varchar | 200 | 密码 | 
 | 
 | 
| banji | varchar | 200 | 班级 | 
 | 
 | 
| xingbie | varchar | 200 | 性别 | 
 | 
 | 
| lianxidianhua | varchar | 200 | 联系电话 | 
 | 
 | 
| touxiang | longtext | 4294967295 | 头像 | 
 | 
 | 
第五章 系统实现
5.1 学生功能模块实现
当学生打开系统的网址后,首先看到的就是首页界面。在这里,学生能够看到学生档案管理系统的导航条显示首页、学生成绩、奖惩信息、奖学金信息、用户资料。系统首页界面如图5-1所示:

图5-1系统首页界面
当学生进入前台系统进行相关操作前必须先注册登录,在注册页面填写账号、密码等信息,前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息,检查用户名是否唯一,并将新用户数据存入MySQL数据库。前端随后通知学生完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示。

图5-2学生注册界面图
学生登录,学生在登录页面通过填写账号、密码,完成登录,在登录流程中,学生首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求,通过与MySQL数据库交互验证用户凭证。如图5-3所示。

图5-3学生登录界面图
学生点击学生成绩,在学生成绩详情页面可以输入课程名称、学籍号、等级等信息,来查看成绩;如图5-4所示。

图5-4学生成绩页面
学生户点击奖惩信息,在奖惩信息页面可以输入标题、类型、学生姓名等信息,来查看奖惩信息;如图5-5所示:

图5-5奖惩信息页面
学生点击奖学金信息,在奖学金信息页面可以输入奖学金名称、类别等详细操作进行查看,如图5-6所示。

图5-6奖学金界面图
学生点击用户资料,在用户资料页面可以修改密码等详细操作,如图5-7所示。

图5-7用户资料信息界面图
5.2管理员功能模块实现
本模块主要是使用者可以通过学生档案管理平台的首页进入该系统。管理员输入正确的账号名和密码,一旦输入信息有错,将在系统显示错误提示,同时严禁系统用户做出其他动作。如果注册信息正确无误,系统就会按照使用者的身份信息做出有关权利的判定,用户进入前台系统,管理者则进入后台系统。管理员登录主页面如图5-8所示:

图5-8 管理员登录主页面
管理员进入主页面,主要功能包括对系统首页、学生管理、教师管理、学生成绩管理、奖惩信息管理、奖学金信息、用户资料等进行操作。管理员主页面如图5-9所示:

图5-9管理员主界面
学生管理功能在视图层进行交互,比如点击“新增”按钮或填写学生信息表单。这些学生信息动作被视图层捕获并作为请求发送给相应的控制器层。控制器接收到这些请求后,调用服务层以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层交互,后者负责具体的数据操作如搜索、新增、修改或删除学生信息,并将操作结果返回给控制器。控制器根据这些结果更新视图层,以便学生信息功能可以看到最新的信息或相应的操作反馈。在学生信息页面的输入栏中输入学号、姓名进行搜索,可以查看到学生详细信息,并根据需要进行添加、修改或者删除等操作;如图5-10所示:

图5-10学生管理界面
管理员点击学生成绩管理,在学生成绩页面的输入栏中输入课程号、学籍号、等级进行查询,可以查看到学生成绩信息详细信息,并根据需要进行添加、审核、修改或者删除等操作。如图5-11所示:

图5-11学生成绩管理界面
管理员点击奖惩信息管理,在奖惩信息页面的输入栏中输入标题、类型、姓名进行查询,可以查看到奖惩信息详细信息,并根据需要进行添加、审核、修改或者删除等操作。如图5-12所示:

图5-12奖惩信息管理界面
管理员点击奖学金信息管理,在奖学金管理页面的输入栏中输入奖学金名称、奖项类别、学生姓名进行查询,可以查看到奖学金信息详细信息,并根据需要进行添加、审核、修改或者删除等操作。如图5-13所示:

图5-13奖学金信息界面
管理员点击用户资料管理,在用户自资料管理页可以修改密码等操作。如图5-14所示:

图5-14用户资料管理界面
5.3 教师功能的实现
教师注册、登录界面,首先双击打开系统,连上网络之后会显示出本系统的注册、登录界面,这是进入系统的第初始页面“注册、登录”,能成功进入到该注册、登录界面则代表系统的开启是成功的,接下来就可以操作本系统所带有的其他所有的功能,如图5-15所示。


图5-15教师注册、登录界面
教师登录系统后,进入主界面可以对学生成绩、奖惩信息、奖学金信息、用户资料,如图5-16所示。

图5-16教师功能界图面
教师登录系统后,在学生成绩管理页面的输入栏中输入名称、学籍号进行查询,可以查看到学生成绩信息详细信息,并根据需要进行添加、审核、修改或者删除等操作。如图5-17所示

图5-17学生成绩界图面
教师登录系统后,在奖惩信息管理页面输入栏中输入名称、类别、学生姓名进行查询,可以查看到奖惩信息详细信息,并根据需要进行添加、修改或者删除等操作。如图5-18示。

图5-18奖惩信息界图面
教师登录系统后,在奖学金信息管理页面进行查看名称,地点等相应操作,如图5-19所示。

图5-19奖学金信息界图面
教师登录系统后,在用户资料管理页面进行修改密码,个人资料等相应操作,如图5-20所示。

图5-20用户资料信息界图




















