基于springboot+vue实现的项目评审系统（源码+L文+ppt）4-116

摘要

相比于以前的传统手工管理方式，智能化的管理方式可以大幅降低运营人员成本，实现了项目评审系统的标准化、制度化、程序化的管理，有效地防止了项目评审的随意管理，提高了信息的处理速度和精确度，能够及时、准确地查询和修正项目信息、评审结果、项目申报等信息。

课题主要采用JAVA开发语言、Spring Boot框架和MySQL数据库开发技术以及基于Eclipse的编辑器。系统主要包括学生、专家、项目类型、项目信息、项目申报、项目评审、评审结果、论坛交流等功能，从而实现智能化的管理方式，提高工作效率。

关键字：项目评审系统；JAVA语言；MySQL数据库；

4 系统设计

4.1系统功能结构设计图

本次系统所涉及到的有关的功能，都是用功能结构图来简洁和清晰的表示出来，功能结构图就是能够把比较复杂的功能结构用图的形式清晰的描绘下来，并且为后续的设计以及测试等模块提供了明确的方向，在构思功能结构图的时候，便可以给设计的过程带来一定的思维导向，不至于在设计过程中有所遗漏，可以尽可能的明确系统所涉及到的功能。

系统的功能结构图如图4-1所示。

图 4-1系统功能结构图

4.2.2 数据表设计（共17张表）

在关系数据E-R图中，分析并创建数据表，数据表用来记录信息，数据表关系由多个数据表组成，下面介绍的是数据表各个字段信息如下表所示。

表4-1：项目信息表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
xiangmumingcheng	varchar	200	项目名称
xiangmuleixing	varchar	200	项目类型
tupian	longtext	4294967295	图片
shenqingbiao	longtext	4294967295	申请表
xiangmujieshao	longtext	4294967295	项目介绍
clicktime	datetime		最近点击时间
discussnum	int		评论数		0
storeupnum	int		收藏数		0

此处省略15张表。。

表4-2：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-17：用户表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
username	varchar	100	用户名
password	varchar	100	密码
image	varchar	200	头像
role	varchar	100	角色		管理员
addtime	timestamp		新增时间		CURRENT_TIMESTAMP

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 系统首页界面

在注册流程中，专家在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新专家数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知专家完成注册。这个过程实现了新专家的数据收集、验证和存储。如图5-8所示：

图5-8 专家注册界面

在登录流程中，专家首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证专家凭证。如果认证成功，后端会返回给前端，允许专家访问系统。这个过程涵盖了从专家输入到系统验证和响应的全过程。如图5-9所示：

图5-9 专家登录界面

专家点击项目申报，在项目申报详情页面可以查看目名称、项目类型，进行查询，还可以查看项目名称、项目类型、学科、项目经费、申报说明、申报日期等信息。还可以进行下载、评审、审核等操作；如图5-10所示：

图5-10项目申报页面

在个人中心页面可以输入个人详细信息，进行信息更改，还可以点击修改密码、项目申报、项目评审、我的发布、我的收藏等进行详细操作，如图5-11所示：

图5-11个人中心界面

5.3 后台管理员功能的实现

管理员的登陆界面包括管理员的账号、密码，其中就是已有的账号，还有需要注册的账号。只要管理员在账号上注册，注册信息就会被录入 MySQL数据库，有一个资料库，只要输入成功，就可以登陆，然后进入主页的管理。管理员登录界面如图5-12所示。

图5-12管理员登录界面图

管理员登录到项目评审系统可以查看系统首页、学生、专家、项目类型、项目信息、项目申报、项目评审、评审结果、论坛交流、管理员、系统管理、个人资料等功能进行详细操作，如图5-13所示。

图5-13管理员功能界面图

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

图5-14学生界面图

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