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

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

图 4-1系统功能结构图

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

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

表4-1：项目信息表

此处省略15张表。。

表4-2：token表

表4-17：用户表

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所示。

图5-15专家界面图

管理员点击项目信息；在项目信息页面对项目名称、项目类型、图片、申请表、评论数、收藏数进行查询、新增、修改、查看评论或删除项目信息等操作；如图5-16所示。

图5-16项目信息界面图

管理员点击项目申报；在项目申报页面对项目名称、项目类型、图片、学科、项目经费、项目文件、申报说明、申报日期、学号、姓名、手机进行查询或删除项目申报等操作；如图5-17所示。

图5-17项目申报界面图

管理员点击项目评审；在项目评审页面对项目名称、项目类型、图片、学科、学号、姓名、专家打分、评审结果、评审时间、账号等信息，进行查询、公布结果、修改或删除项目评审等操作；如图5-18所示。

图5-18项目评审界面图

管理员点击评审结果；在评审结果页面对项目目名称、项目类型、图片、学科、学号、姓名、项目附件、项目得会等信息，进行查询、修改或删除评审结果等操作；如图5-19所示。

图5-19评审结果界面图

管理员点击系统管理，管理员可以对系统简介、友情链接、轮播图管理、公告资讯、公告资讯分类的模块进行详情操作；如图5-20所示。

图5-20系统管理界面图