基于springboot+vue大学生资助管理系统

​基于springboot+vue大学生资助管理系统设计与实现(源码+L文+ppt)4-055

4  系统设计  

4.1 功能模块设计  

大学生资助管理系统根据权限类型进行分类，主要可分为学生和管理员二大模块。学生模块主要实现了修改个人信息，查看资助政策、用户反馈、在线客服等操作，加强了用户的操作体验。管理员模块主要根据管理员对整个系统的管理进行设计，提高了管理的效率和规范[11]。系统总体模块设计如下图所示：

    

图4-1 系统总体模块设计

4.2 系统数据库设计  

4.2.1 数据库系统  

本系统采用MySQL来进行数据库的管理。基于WEB的MySQL体积小、速度快、成本低，能够及时处理上千万条记录，初步满足和支持大型的数据库高并发的读写和高效率读写等要求。

4.2.2 数据库概念设计  

概念模型用于对信息世界建模，并与指定的数据库管理系统分离。它有助于将真实世界的事物抽象为适合于数据库管理系统的数据库模型。人们往往把现实世界抽象成信息世界，再把信息世界变成机器世界。也就是说，将现实世界的目标抽象成独立于专用计算机软件和专用数据库管理系统的信息结构的数据模型，然后将物理模型转化为适合电子计算机的数据库管理系统。事实上，数据模型是从现实世界到机器世界的中间层。

信息世界的基本要素包括实体和关联。实体（entity) 客观存在并可相互区别的事物称为实体。实体可以是实际的人、事或物，还可以是抽象化的概念或联络。以下是对部分主要的关键实体E-R如下：

学生信息E-R图如下图4-2所示。    

图4-2学生信息E-R图

          

通知信息E-R图如下图4-3所示。

图4-3通知信息E-R图

          

资助政策E-R图如下图4-4所示。

图4-4资助政策E-R图    

          

资助金申请E-R图如下图4-5所示。

图4-5资助金申请E-R图

大学生资助管理系统总体E-R图如下图4-6所示。

图4-6大学生资助管理系统总体E-R图

              

4.2.3 数据表设计  （共12张表）

本管理系统的数据表的设计根据管理过程中的具体流程所需，方便了管理员对数据进行新增、删除、修改和查询的操作。

4.2.4 数据表的建立  

系统使用MySQL工具对数据库进行操作，它有着简便的数据库管理操作以及强大的数据处理能力。以下是数据表的建立情况：

表4-1：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

此处省略10张表。。。          

表4-12：通知消息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
tongzhibiaoti	varchar	200	通知标题
tongzhineirong	longtext	4294967295	通知内容
tongzhishijian	datetime		通知时间
yonghuzhanghao	varchar	200	用户账号
xingming	varchar	200	姓名
touxiang	longtext	4294967295	头像

          

          

5  系统实现  

5.1前台学生功能模块  

当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到大学生资助管理系统的导航条显示首页、资助政策、用户反馈等，如图5-1所示。    

图5-1前台功能界面图

  

在注册流程中，学生在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过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.2后台管理员模块实现  

后台管理员登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，进入操作系统进行操作；如图5-7所示。                              

图5-7 后台管理员登录界面

              

管理员进入系统主页面，主要功能包括对首页、学生、资助金申请、资金发放、通知消息、用户反馈、系统管理、用户信息等进行操作。如图5-8所示：    

图5-8管理员主界面

              

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

图5-9学生管理界面图

              

资助金申请功能在视图层（view层)进行交互，比如点击“新增”按钮或填写资助金申请信息表单。这些标签动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、新增、更新或删除资助金申请，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便资助金申请功能可以看到最新的信息或相应的操作反馈。在资助金申请页面的输入栏中输入姓名、是否通过进行搜索，可以查看到资助金申请详细信息，并根据需要进行新增、审核、资金发放、修改或者删除，还能对申请资料、成绩单、家庭收入证明、低保建档立卡证明进行下载等操作。如图5-10所示。    

图5-10资助金申请界面图

管理员点击资金发放，在资金发放页面的输入姓名、是否支付等信息，进行搜索、新增或者删除资金发放，还能对发放记录进行下载等操作，如图5-11所示。

图5-11资金发放界面图

              

管理员点击通知消息，在通知消息页面的对通知标题、通知时间、用户账号、姓名、头像等信息，进行搜索、新增或者删除通知消息等操作，如图5-12所示。    

图5-12通知消息界面图

              

管理员点击用户反馈，在用户反馈页面的对用户名、留言内容、留言图片、回复内容、回复图片等信息，进行搜索、修改、回得利或者删除用户反馈等操作，如图5-13所示。

图5-13用户反馈界面图    

              

管理员点击系统管理，管理员可以对资助政策分类、在线客服、轮播图管理、资助政策的模块进行详细操作，如图5-14所示。

图5-14系统管理界面图