（附源码）Springboot防疫知识科普系统计算机毕设03531

男娘i 2024-03-23 22:14 40阅读 0赞

**Springboot防疫知识科普系统**

摘 要

如今计算机行业的发展极为快速，搭载于计算机软件运行的数据库管理系统在各行各业得到了广泛的运用，其在数据管理方面具有的准确性和高效性为大中小企业的日常运营提供了巨大的帮助。自从2020年新冠疫情爆发以来，防疫成了社会关注的重中之重，在防疫管理中，一开始对防疫的管理都是通过手工方式的，手工管理方式是相当繁琐的，并且手工操作的出错率是相当高的。为了节省在防疫相关的信息管理过程中所需要花费的人力和时间成本，现利用计算机技术开发出一个防疫知识科普系统用于防疫的管理以及完成相关记录操作。本文以选择Eclipse开发工具的java开发语言中springboot+mysql数据库来存储数据，以B/S为运行模式，开发了一个防疫知识科普系统，划分为了普通用户、管理员两种角色，实现了对防疫信息的查询、交流等功能模块。经过了多次的测试和结果评估，该防疫知识科普系统已经能够满足防疫管理的实际应用的需要并可以成功上线运行使用了。

关键词：防疫知识科普系统；java；springboot；MySQL

Abstract

Nowadays, the development of the computer industry is extremely rapid, and database management systems equipped with computer software have been widely used in various industries. Their accuracy and efficiency in data management have provided great help for the daily operations of large and medium-sized enterprises. Since the outbreak of the COVID-19 in 2020, epidemic prevention has become the top priority of the society. In epidemic prevention management, the management of epidemic prevention was carried out manually at the beginning. Manual management is quite cumbersome, and the error rate of manual operation is quite high. In order to save manpower and time costs in the process of information management related to epidemic prevention, a popular science system for epidemic prevention knowledge has been developed using computer technology for epidemic prevention management and related recording operations. This article uses the Java development language Spring Boot+MySQL database in the Eclipse development tool to store data, and uses B/S as the operating mode to develop a popular science system for epidemic prevention knowledge. It is divided into two roles: ordinary user and administrator, and implements functional modules such as query and exchange of epidemic prevention information. After many tests and results evaluation, the epidemic prevention knowledge popularization system has been able to meet the needs of practical application of epidemic prevention management and can be successfully launched and used.

Key words: epidemic prevention knowledge science popularization system; java； springboot； MySQL

**目录**

1 绪论

1.1 课题研究背景

1.2国内外研究现状

2 相关技术

2.1 Java简介

2.2 MVVM模式

2.3 B/S结构

2.4 MySQL数据库

2.5 SpringBoot框架

3防疫知识科普系统分析

3.1 可行性分析

3.1.1 技术可行性分析

3.1.2 经济可行性分析

3.2 系统需求分析

3.2.1 功能性需求分析

3.2.2 非功能性分析

3.3 系统用例分析

4 防疫知识科普系统总体设计

4.1 系统模块设计

4.2 数据库设计

4.2.1 数据库概念结构设计

4.2.2 数据库逻辑结构设计

表access\_token (登陆访问时长)

表article (文章：用于内容管理系统的文章)

表article\_type (文章分类)

表auth (用户权限管理)

表collect (收藏)

表comment (评论)

表epidemic\_prevention\_issues (防疫问题)

表epidemic\_prevention\_science\_popularization (防疫科普)

表epidemic\_situation (疫情状况)

表forum (论坛)

表forum\_type (论坛分类)

表hits (用户点击)

表message\_feedback (留言反馈)

表notice (公告)

表ordinary\_users (普通用户)

表praise (点赞)

表slides (轮播图)

表upload (文件上传)

表user (用户账户：用于保存用户登录信息)

表user\_complaints (用户申诉)

表user\_group (用户组：用于用户前端身份和鉴权)

表user\_reporting (用户举报)

5 防疫知识科普系统设计与实现

5.1 系统首页页面

4.2 注册页面

4.3 登录页面

4.4 讨论论坛页面

4.5疫情资讯页面

4.6 防疫科普页面

4.7 留言反馈页面

4.8 用户举报页面

4.9 人员管理页面

4.10 用户申诉页面

4.11 网站管理页面

6防疫知识科普系统测试

6.1 调试部分问题

6.2 系统测试用例

6.3 系统测试结果

结论

参考文献

致 谢

## **1 绪论** ##

1.1 课题研究背景

在互联网技术和计算机技术迅速发展的二十一世纪，越来越多的事情得益于计算机网络技术而被快速并完美地解决了。与此同时，随着互联网速度的增长，在当前的互联网上存在海量的数据信息。当用户想要进行数据信息筛选的时候，一般会通过搜索引擎查找。但是通过搜索引擎所搜索到信息总是被动的，有的时候还需要进行多个网页的反复对比才能找到自己想要的信息，甚是耗时耗力。随着计算机网络技术日趋成熟，特别是软件技术的蓬勃发展，人们完全可以通过一些计算机软件系统在浩如烟海的互联网信息中轻松地找到自己所需的信息。

1.2国内外研究现状

由于这几年来，计算机技术的逐日发展，在现代化的生活中，我们所需要的各种信息的处理操作都是通过使用计算机来完成的，有了计算机就可以方便的对各种信息进行查询和维护了。因此需要实现对防疫管理的电子化，提高防疫管理效能和使用效能。

因为国内外传统的防疫管理方式是基于手工的，而人的精力和工作准确度是有限的，所以传统的防疫管理方式难免会存在效率低下、准确率低等缺点，还伴随着人力资源的大量浪费。在管理的工作中，所涉及到的工作电脑机器比人类更为擅长，能够达到快速、准确、耗费资源小等要求。基于这些显著的优点，如果能设计一套完整且贴合需求的防疫知识科普系统，那么将大大地提高防疫管理的工作效率。在具备这样的防疫知识科普系统之下，管理人员只需配备少量的专业人员对数据库进行日常数据审核、管理以及定期维护。整个过程中管理人员只需提供少量的必要信息，大部分数据处理工作皆由数据库和相关程序来完成，节省了大量时间。如果数据库中的某部分信息存在错误，那么管理人员可以通过批量修改等方式来降低排错过程中所要花费的时间和精力。因此，开发一个称职的防疫知识科普系统是十分有必要的。

## **2 相关技术** ##

2.1 Java简介

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，Java servlet API，JSP（Java server pages），和XML技术。Java语言是一种面向对象的语言，它通过提供最基本的方法来完成指定的任务，开发者只需要知道一些概念就能够编写出一些应用程序。Java程序相对较小，其代码能够在小机器上运行。Java是一种计算机编程语言，具有封装、继承和多态性三个主要特性，广泛应用于企业Web应用程序开发和移动应用程序开发。

Java语言和一般编译器以及直译的区别在于，Java首先将源代码转换为字节码，然后将其转换为JVM的可执行文件，JVM可以在各种不同的JVM上运行。因此，实现了它的跨平台特性。虽然这使得Java在早期非常缓慢，但是随着Java的开发，它已经得到了改进。

2.2 MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、[音频][Link 1]、[视频][Link 2]、[3D][]、[动画][Link 3]……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）[模式][Link 4]与WPF结合的应用方式时发展演变过来的一种新型架构[框架][Link 5]。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

2.3 B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

2.4 MySQL数据库

Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要[事务][Link 6]化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

2.5 SpringBoot框架

Spring框架是[Java平台][Java]上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为[EJB][]（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有[面向切面编程][Link 7]（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的Web[MVC框架][MVC]，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

## **3防疫知识科普系统分析** ##

3.1 可行性分析

3.1.1 技术可行性分析

通过了解对防疫知识科普系统的真实需求后，将防疫知识科普系统所需要的角色划分整理成了管理员和普通用户两种角色。

从开发工具来看，由于防疫知识科普系统是基于JAVA的，因此有很多开发工具都可以进行开发，这些功能强大的开发工具可以给我来设计防疫知识科普系统带来非常大的方便。

从防疫知识科普系统的本身技术来说，对于我来开发一个防疫知识科普系统这个毕设是不费事的。防疫知识科普系统的开发可以简单的分为前台端、后台端开发以及数据库开发。其中的大部分技术难点在我上学时已经使用过了，同时网络上很多技术点可以让我来借鉴。Web后台管理使用JAVA的springboot架构开发，数据库使用mysql，页面上使用javascript脚本，因此为我在开发防疫知识科普系统这个毕设上省去了很多多余代码，这给我的毕设项目编写带来了极大的便利。综上所述，从技术层面来看开发防疫知识科普系统是可行的。

从用户体验来看，市面上很多被广泛使用的系统案例可以让我来参考，因此我可以综合它们的页面交互设计的优点，基于我的毕设项目特点来进行改版，最后达到令用户满意的页面交互体验。综上所述，从技术层面来看开发防疫知识科普系统是可行的。

3.1.2 经济可行性分析

从防疫知识科普系统的开发成本来看，防疫知识科普系统的设计和开发都是我自己完成的，没有其他成本上的开销。

从防疫知识科普系统的维护成本来看，防疫知识科普系统的开发遵循一套完整的代码编写规范，并且防疫知识科普系统的结构设计非常灵活，遵循高内聚低耦合的原则，因此易于维护和迭代开发。

在防疫知识科普系统上线之后，上线前期我会根据真实需求来调查，对使用我开发的防疫知识科普系统来制定一套符合的使用费。系统运行稳定后我会将推广范围到其他的用户当中，其他用户可以使用我的防疫知识科普系统。

综合以上的分析，防疫知识科普系统所带来的经济效益将会带来极大的收益。并且随着我的推广，来使用我开发的防疫知识科普系统的市场将越来越大，防疫知识科普系统带来的利润也就越来越多。因此，从经济层面来看开发防疫知识科普系统的是可行的。

3.2 系统需求分析

3.2.1 功能性需求分析

防疫知识科普系统从角色上划分为了用户和管理员两种角色。

管理员用户角色：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）网站管理：当点击“网站管理”这一菜单的时候，会出现轮播图+公告栏两个子菜单，可以对这两个模块进行增删改查操作；

（3）人员管理：当点击“人员管理”这一菜单的时候，会出现管理员普通用户两个子菜单，可以对这两个模块进行增删改查操作；

（4）内容管理：当点击“内容管理”这一菜单的时候，会出现论坛列表+论坛分类列表+新闻列表+新闻分类列表这四个子菜单，能够对用户在前台提交的论坛进行管理，同时对前台展示的新闻信息进行增删改查操作；

（5）更多管理：当点击“更多”这一菜单的时候，会出现讨论论坛、论坛分类、疫情资讯、资讯分类这四个子菜单，能够对疫情信息进行增删改查操作；

普通用户角色：

（1）注册登录模块：当普通用户想要进入本防疫知识科普系统中对信息进行评论、交流等操作的时候，就必须要登录到系统当中，要是新的用户没有防疫知识科普系统的账号的话，点击“注册”按钮，就会进入到新用户注册这个界面上，用户输入对应的账号（必须填写）+密码（必须填写）+确认密码（必须填写，而且要与密码一直）+昵称+邮箱+手机号+选择用户身份等等，，然后点击“注册”，系统在用户这一数据库中会查询账号是不是存在，两次密码是不是一样，都填写正确就会注册成功，然后再进行登录，如果是之前已经注册过的用户很长时间没有使用，忘记密码，也可以点击“忘记密码”进行找回；

（2）讨论论坛：在首页导航栏上我们会看到“讨论论坛”这一菜单，我们点击进入进去以后，会看到所有论坛列表，在这个界面，我们可以点击进入进行评论、点赞等，也可以自己发布论坛信息；

（3）公告栏：在首页导航栏上我们会看到“公告栏”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的公告信息；

（4）疫情资讯：在首页导航栏上我们会看到“疫情资讯”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的疫情资讯信息，能够对喜欢的疫情资讯进行点赞，如果下次想要更快的找到这篇资讯，也可以进行收藏、评论；

（5）疫情状况：在首页导航栏上我们会看到“疫情状况”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的疫情状况信息；

（6）我的收藏：在“我的”下可以查看管理“我的收藏”信息，可以查看收藏，也可以对不喜欢的信息进行删除收藏；

3.2.2 非功能性分析

防疫知识科普系统的非功能性需求比如防疫知识科普系统的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1防疫知识科普系统非功能需求表

<table style="width:458.7pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 安全性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 主要指防疫知识科普系统数据库的安装，数据库的使用和密码的设定必须合乎规范。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可靠性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 可靠性是指防疫知识科普系统能够安装用户的指示进行操作，经过测试，可靠性90%以上。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 性能 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 性能是影响防疫知识科普系统占据市场的必要条件，所以性能最好要佳才好。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可扩展性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 易用性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 用户只要跟着防疫知识科普系统的页面展示内容进行操作，就可以了。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可维护性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 防疫知识科普系统开发的可维护性是非常重要的，经过测试，可维护性没有问题 </td> 
 </tr> 
 </tbody> 
</table>

3.3 系统用例分析

根据上一节功能分析，可以得出系统的用例，普通用户角色用例如图2.1所示。

![ef4ee78f14be44a198eab5faf60c3d93.png][]

图2.1 防疫知识科普系统中普通用户角色用例图

防疫知识科普系统的管理员是维护整个防疫知识科普系统中一系列数据流程，管理员角色用例如图2.2所示。

![c4ab2df6bf7f49fb8ac586e88b485234.png][]

图2.2 防疫知识科普系统中管理员角色用例图

## **4 防疫知识科普系统总体设计** ##

4.1 系统模块设计

根据第二章中防疫知识科普系统的功能分析可知，防疫知识科普系统中整体功能模块图如图3.1所示，

![271e87ac2a034be090af678e3ff55c47.png][]

图3.1 防疫知识科普系统功能模块图

4.2 数据库设计

4.2.1 数据库概念结构设计

下面是整个防疫知识科普系统中主要的数据库表总E-R实体关系图。

![b788a25f4e6f4654aa4a0403735a48b6.png][]

图3.2 防疫知识科普系统总E-R关系图

4.2.2 数据库逻辑结构设计

通过上一小节中防疫知识科普系统中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

### **表access\_token (登陆访问时长)** ###

### **表article (文章：用于内容管理系统的文章)** ###

### **表article\_type (文章分类)** ###

### **表auth (用户权限管理)** ###

<table style="width:520pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#e7e6e6;width:57.6pt;"> 编号 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 名称 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 数据类型 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 长度 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 小数位 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 允许空值 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 主键 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 默认值 </td> 
 <td style="background-color:#e7e6e6;width:58.85pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 1 </td> 
 <td style="vertical-align:top;width:57.65pt;"> auth_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 授权ID： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 2 </td> 
 <td style="vertical-align:top;width:57.65pt;"> user_group </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 用户组： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mod_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 模块名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 4 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 表名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> page_title </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 页面标题： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 6 </td> 
 <td style="vertical-align:top;width:57.65pt;"> path </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 路由路径： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 7 </td> 
 <td style="vertical-align:top;width:57.65pt;"> position </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 位置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mode </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> _blank </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跳转方式： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 9 </td> 
 <td style="vertical-align:top;width:57.65pt;"> add </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可增加： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> del </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可删除： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 11 </td> 
 <td style="vertical-align:top;width:57.65pt;"> set </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可修改： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 12 </td> 
 <td style="vertical-align:top;width:57.65pt;"> get </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可查看： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 13 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_add </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 添加字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 14 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_set </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 修改字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 15 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_get </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 查询字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航名称： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 17 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 18 </td> 
 <td style="vertical-align:top;width:57.65pt;"> option </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 配置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> create_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 20 </td> 
 <td style="vertical-align:top;width:57.65pt;"> update_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

### **表collect (收藏)** ###

### **表comment (评论)** ###

### **表epidemic\_prevention\_issues (防疫问题)** ###

### **表epidemic\_prevention\_science\_popularization (防疫科普)** ###

### **表epidemic\_situation (疫情状况)** ###

### **表forum (论坛)** ###

<table style="width:520pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#e7e6e6;width:57.6pt;"> 编号 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 名称 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 数据类型 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 长度 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 小数位 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 允许空值 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 主键 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 默认值 </td> 
 <td style="background-color:#e7e6e6;width:58.85pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 1 </td> 
 <td style="vertical-align:top;width:57.65pt;"> forum_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> mediumint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 论坛id </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 2 </td> 
 <td style="vertical-align:top;width:57.65pt;"> display </td> 
 <td style="vertical-align:top;width:57.65pt;"> smallint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 100 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 排序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> user_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> mediumint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 4 </td> 
 <td style="vertical-align:top;width:57.65pt;"> nickname </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 昵称：[0,16] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> praise_len </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 6 </td> 
 <td style="vertical-align:top;width:57.65pt;"> hits </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 访问数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 7 </td> 
 <td style="vertical-align:top;width:57.65pt;"> title </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 125 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> keywords </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 125 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 关键词 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 9 </td> 
 <td style="vertical-align:top;width:57.65pt;"> description </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> url </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 来源地址 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 11 </td> 
 <td style="vertical-align:top;width:57.65pt;"> tag </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 标签 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 12 </td> 
 <td style="vertical-align:top;width:57.65pt;"> img </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 封面图 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 13 </td> 
 <td style="vertical-align:top;width:57.65pt;"> content </td> 
 <td style="vertical-align:top;width:57.65pt;"> longtext </td> 
 <td style="vertical-align:top;width:57.65pt;"> 2147483647 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 正文 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 14 </td> 
 <td style="vertical-align:top;width:57.65pt;"> create_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 15 </td> 
 <td style="vertical-align:top;width:57.65pt;"> update_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 更新时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> avatar </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 发帖人头像： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 17 </td> 
 <td style="vertical-align:top;width:57.65pt;"> type </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 论坛分类：[0,1000]用来搜索指定类型的论坛帖 </td> 
 </tr> 
 </tbody> 
</table>

### **表forum\_type (论坛分类)** ###

### **表hits (用户点击)** ###

### **表message\_feedback (留言反馈)** ###

### **表notice (公告)** ###

### **表ordinary\_users (普通用户)** ###

### **表praise (点赞)** ###

### **表slides (轮播图)** ###

### **表upload (文件上传)** ###

### **表user (用户账户：用于保存用户登录信息)** ###

### **表user\_complaints (用户申诉)** ###

### **表user\_group (用户组：用于用户前端身份和鉴权)** ###

### **表user\_reporting (用户举报)** ###

## **5 防疫知识科普系统设计与实现** ##

防疫知识科普系统的详细设计与实现主要是根据前面的防疫知识科普系统的需求分析和防疫知识科普系统的总体设计来设计页面并实现业务逻辑。主要从防疫知识科普系统界面实现、业务逻辑实现这两部分进行介绍。

5.1 系统首页页面

当进入防疫知识科普系统的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图所示。

![067cf070a155445fbd9f317fdf055978.png][]

图4.1 主界面图

4.2 注册页面

不是防疫知识科普系统中正式会员的是可以在线进行注册的，如果你没有本防疫知识科普系统的账号的话，添加“注册”，当填写上自己的账号、密码、昵称、邮箱、手机号、身份等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可注册成功。注册界面展示如下图所示。

![e9b71cb4f24f42fc91eb2d71df61a725.png][]

图4.2 注册界面图

4.3 登录页面

防疫知识科普系统中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到防疫知识科普系统的首页中；否则将会提示相应错误信息，用户登录界面如下图所示。

![eeed4f73b95d4d30a2b74ea92a5260a3.png][]

图4.3 登录界面图

4.4 讨论论坛页面

当用户点击“讨论论坛”以后就会进入到以下界面，用户可以输入关键词搜索论坛内容，查看论坛的赞数以及点击数，然后点击到论坛的详细的界面，在这个详细界面可以点赞+评论，同时也可以点击右上方的“发布内容”按钮，然后进入发布论坛的界面，用户输入相应的信息进行提交。其出界面展示如下图所示。

![756e22a281214b699d8e52bfda396e9f.png][]

图4.4 讨论论坛界面图

4.5疫情资讯页面

当用户点击“疫情资讯”以后就会给我们展示疫情资讯的列表，用户可以对资讯详情进行查看、收藏、点赞等操作。其界面展示如下图所示。

![f58fe7c36a0f4ad9a42fb52595bcce7f.png][]

图4.5 疫情资讯界面图

![431393f21d8b4d0eb413b787927f4ff5.png][]

图4.6 资讯详情界面图

4.6 防疫科普页面

当用户点击“防疫科普”页面以后就会给我们展示防疫科普的列表，用户可以对防疫详情进行查看等操作。其界面展示如下图所示。

![cdfe21ae360646959dc77d53d282fb19.png][]

图4.7 防疫科普界面图

4.7 留言反馈页面

当用户点击“留言反馈”页面以后我们可以填写标题、用户姓名、联系电话、反馈内容、建议等信息，并进行提交等操作。其界面展示如下图所示。

![01d89cf750cb41849e9e966ca57c94ca.png][]

图4.8 留言反馈填写界面图

4.8 用户举报页面

用户点击“用户举报”，我们可以填写标题、相关凭证、举报内容、等信息，并进行提交等操作；其界面展示如下图所示。

![71108ded6b7c47f7802435877eddafcd.png][]

图4.9 用户举报填写界面图

管理员可以对举报的内容进行查看并回复、审核等操作，其界面展示如下图所示。

![661f2b9df9154f7d8998fe77a7b59a38.png][]

图4.10跟进举报内容界面图

4.9 人员管理页面

此功能为管理员的功能，管理员点击“人员管理”菜单后，会展示出管理员、普通用户两个子菜单，任何可以对其进行增删改查操作；其界面展示如下图所示。

![b39dd01988ea418c8fcb86d208fa122c.png][]

图4.11 人员管理界面图

4.10 用户申诉页面

用户点击“用户申诉”后，可以通过填写标题、相关凭证、申诉内容等信息，对其进行提交等操作；其界面展示如下图所示。

![e9c6f448753142eca27113340097970f.png][]

图4.12 用户申诉填写界面图

管理员点击“用户申诉”这个按钮后就会跳转到用户提交的用户申诉的信息，管理员任选一条没有审核过的用户申诉点击“编辑”这一按钮，可以选择审核状态下拉菜单中的未审核、已通过、未通过进行提交审核回复等操作，其界面展示如下图所示。

![249971ed0dfd438e838f3b0983a2c6bc.png][]

图4.13申诉审核界面图

4.11 网站管理页面

此功能为管理员的功能，管理员点击“网站管理”菜单后，会展示出轮播图、公告栏两个子菜单，可以对其进行增删改查操作，这里以公告栏管理为例；其界面展示如下图所示。

![9bae9fc9cc654de88edcd1e21d02cb2a.png][]

图4.14 内容管理界面图

## **6防疫知识科普系统测试** ##

防疫知识科普系统测试是为了检验软件是否达到设计要求，是否存在错误，通过测试的方法来检查防疫知识科普系统，以便发现防疫知识科普系统中的错误。测试工作是保证防疫知识科普系统质量的关键。

6.1 调试部分问题

问题1：数据库无法添加中文。

解决过程：重新创建数据库，将库的编码格式改为utf8。

效果：能在新库的表中添加中文。

问题2：控制台报错前台与后台参数不一致

解决过程：检查代码，找到报错参数完成修改，继续报错，服务器移除项目重新运行。

效果：重启项目不再报错。

问题3：报错No bean named 'sysLogServiceImpl' available找不到名为sysLogServiceImpl的bean的对象。

解决过程：询问导师报错原因，发现错误原因是未添加注解@Service,需要在在impl实现类的外面添加@Service注解。

效果：重新debug项目无报错。

问题4：启动项目时报错:Mapped Statements collection does not contain value for

解决过程：网上搜索解决办法，出错可能的原因有多个，经过努力排查，错误原因是mapper映射地址有误。在mybatis-config里重新配置地址。

效果：项目启动正常

6.2 系统测试用例

系统测试方面，我们通常运用的是白盒测试以及黑盒测试这两种方法。白盒测试是指在了解系统内部工作流程的前提下，可以根据需求规范验证系统内部操作是否能够正常运行的测试；而黑盒测试指的是，倘若知道了这个系统的全部功能，可以进行测试检测系统中的每一个功能是否满足正常使用。

功能测试，主要是对系统的用户登录进行详细的测试，但是登录不可以是任何人都可以登录成功的，所以对登录进行详细测试。

用户登录测试：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:74.8pt;"> 模块名称 </td> 
 <td style="vertical-align:top;width:76.1pt;"> 测试用例 </td> 
 <td style="vertical-align:top;width:75.65pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:75.65pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:74.9pt;"> 是否通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:74.8pt;"> 登录模块 </td> 
 <td style="vertical-align:top;width:76.1pt;"> 用户名：ylq 密码：ylq </td> 
 <td style="vertical-align:top;width:75.65pt;"> 弹出错误提示，提示密码错误 </td> 
 <td style="vertical-align:top;width:75.65pt;"> 弹出错误提示，提示密码错误 </td> 
 <td style="vertical-align:top;width:74.9pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:74.8pt;"> 登录模块 </td> 
 <td style="vertical-align:top;width:76.1pt;"> 用户名：ylq &nbsp;&nbsp; 密码：ylq &nbsp;&nbsp; </td> 
 <td style="vertical-align:top;width:75.65pt;"> 弹出错误提示，提示用户名错误 </td> 
 <td style="vertical-align:top;width:75.65pt;"> 弹出错误提示，提示用户名错误 </td> 
 <td style="vertical-align:top;width:74.9pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:74.8pt;"> 登录模块 </td> 
 <td style="vertical-align:top;width:76.1pt;"> 用户名：ylq &nbsp;&nbsp; 密码：ylq &nbsp;&nbsp; </td> 
 <td style="vertical-align:top;width:75.65pt;"> 管理员登录成功 </td> 
 <td style="vertical-align:top;width:75.65pt;"> 管理员登录成功 </td> 
 <td style="vertical-align:top;width:74.9pt;"> 通过 </td> 
 </tr> 
 </tbody> 
</table>

删除分类测试：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:68.8pt;"> 模块名称 </td> 
 <td style="vertical-align:top;width:76.25pt;"> 测试用例 </td> 
 <td style="vertical-align:top;width:76.25pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:76.3pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:75.55pt;"> 是否通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:68.8pt;"> 删除分类模块 </td> 
 <td style="vertical-align:top;width:76.25pt;"> 分类名：最新通知 &nbsp; </td> 
 <td style="vertical-align:top;width:76.25pt;"> 删除成功、页面自动跳转 </td> 
 <td style="vertical-align:top;width:76.3pt;"> 删除成功、页面自动跳转 </td> 
 <td style="vertical-align:top;width:75.55pt;"> 通过 </td> 
 </tr> 
 </tbody> 
</table>

修改密码测试：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 模块名称 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 测试用例 </td> 
 <td style="vertical-align:top;width:77.1pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 是否通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 修改密码模块 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 原密码：888 新密码：123 确认密码：123 &nbsp; </td> 
 <td style="vertical-align:top;width:77.1pt;"> 弹出错误提示，提示原密码错误 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 弹出错误提示，提示原密码错误 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 修改密码模块 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 原密码：888 &nbsp;&nbsp;&nbsp;新密码：123 确认密码：333 &nbsp; </td> 
 <td style="vertical-align:top;width:77.1pt;"> 弹出错误提示，提示确认密码不一致 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 弹出错误提示，提示确认密码不一致 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:76.25pt;"> 修改密码模块 </td> 
 <td style="vertical-align:top;width:77.55pt;"> 原密码：888 &nbsp;&nbsp;&nbsp;新密码：123 确认密码：123 &nbsp; </td> 
 <td style="vertical-align:top;width:77.1pt;"> 密码修改成功 </td> 
 <td style="vertical-align:top;width:77.15pt;"> 密码修改成功 </td> 
 <td style="vertical-align:top;width:76.35pt;"> 通过 </td> 
 </tr> 
 </tbody> 
</table>

通过对功能的测试，防疫知识科普系统的基本功能都是可行的，不管是系统里面的功能，还是界面的设计都是可值得推广宣传的。

6.3 系统测试结果

通过上面章节编写防疫知识科普系统的测试用例，已经测试完毕了，为防疫知识科普系统的后期推广运营提供了强力的技术支撑。

## **结论** ##

至此，防疫知识科普系统已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如springboot、JAVA技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。

## **参考文献** ##

\[1\]Yu Yang. Design and Implementation of Student Information Management System Based on Springboot\[J\]. Advances in Computer, Signals and Systems,2022,6(6).

\[2\]赵梓皓,崔应留,葛晨,沈盈之,雷妤婷. 基于SpringBoot的社区防控管理系统的设计与实现\[J\]. 软件,2022,43(10):154-159.

\[3\]焦宇,李民,王欢,余开朝. 基于MySQL性能调优的推荐系统优化设计\[J\]. 软件导刊,2022,21(09):108-112.

\[4\]欧阳桂秀. 基于Java和MySQL的数据库管理系统的设计与实现\[J\]. 信息记录材料,2022,23(09):240-242.

\[5\]郑戟明,董云朝,柳青. MySQL数据库数据导入导出方法的探讨\[J\]. 电脑知识与技术,2022,18(22):24-25.

\[6\]杨卓凡. 基于MySQL不同存储引擎下数据存储效率研究\[J\]. 电脑知识与技术,2022,18(21):18-20.

\[7\]王景. 基于MySQL的数据库查询性能优化技术研究\[J\]. 电脑与电信,2022,(06):90-93.

\[8\]甘滨,李祥新,李玉顺,孙雨欣. 关于MySQL数据库的安全基线配置\[J\]. 网络安全和信息化,2022,(06):165-166.

\[9\]刘云祥. 基于弱关系理论的抖音防疫科普知识传播探究\[J\]. 视听,2021,(12):184-185.

\[10\]喻佳,吴丹新. 基于SpringBoot的Web快速开发框架\[J\]. 电脑编程技巧与维护,2021,(09):31-33.

\[11\]Guanhong Chen,Jiangming Xu. Design and implementation of efficient Learning platform based on SpringBoot Framework\[J\]. Journal of Electronics and Information Science,2020,6(1).

\[12\]刘奇付,邵换峥. 高校食品安全科普系统的设计与实现\[J\]. 信息与电脑(理论版),2020,32(21):69-71.

\[13\]Jian Chen,Chen Jian,Pan Hailan. Design of Man Hour Management Information System on SpringBoot Framework\[J\]. Journal of Physics: Conference Series,2020,1646(1).

\[14\]张恒铭. 基于SpringBoot+MyBatis框架的高校人事信息发布系统设计与实现\[J\]. 电脑知识与技术,2020,16(18):68-70.

\[15\]熊永平. 基于SpringBoot框架应用开发技术的分析与研究\[J\]. 电脑知识与技术,2019,15(36):76-77.

\[16\]. Design and Implementation of Loan Management System using ISI Server, PhP and MySql\[J\]. International Journal of Recent Technology and Engineering,2019,8(4).

\[17\]Margaretha Ohyver,Jurike V. Moniaga,Iwa Sungkawa,Bonifasius Edwin Subagyo,Ian Argus Chandra. The Comparison Firebase Realtime Database and MySQL Database Performance using Wilcoxon Signed-Rank Test\[J\]. Procedia Computer Science,2019,157(C).

\[18\]M.M.Kamruzzaman. Design and Implementation of Loan Management System using ISI Server, PhP and MySql\[J\]. International Journal of Recent Technology and Engineering (IJRTE),2019,8(4).

\[19\]Yun Quan. Design and Implementation of E-commerce Platform based on Vue.js and MySQL\[A\]. Wuhan Zhicheng Times Cultural Development Co., Ltd..Proceedings of the 3rd International Conference on Computer Engineering, Information Science & Application Technology(ICCIA 2019)\[C\].Wuhan Zhicheng Times Cultural Development Co., Ltd.:武汉志诚时代文化发展有限公司,2019:460-465.

\[20\]Evaristus Didik Madyatmadja,Chelsea Adora. Designing and Using a MySQL Database for Human Resource Management\[J\]. Advances in Science Technology and Engineering Systems Journal,2019,4(6).

## **致 谢** ##

时间过的很快，不知不觉，在中北大学的学习生活即将结束。毕业之际，我真诚地向帮助过我的老师、家人、同学、朋友们表达感谢。首先要感谢的是我的母校。感谢母校给了我美好的生活和优越的学习环境，使我能学到了很多知识，也不断的变得优秀；感谢家人在这四年期间一直给与我的爱和无条件的支持，让我没有后顾之忧地完成学业；感谢软件学院的任课老师们给我鼓励和认可，让我有信心去做好每一件事情；感谢同学们的帮助，让我的大学生活更有意义。在此次毕业设计的实现过程中， 我得到了老师们的耐心指导让我顺利完成了该设计。从最初的选题和开题开始，老师就给予我很多帮助，他们认真负责的态度、丰富的教学经验让我学到了很多。

同时也要感谢我敬爱的班主任和实训课程的老师，他们在各个方面都教给了我丰富的经验，在面对各种困难时如何处理。因为今年的特殊性，老师们不仅在学习中给我以精心的指导，同时还在其它方面给予我观关怀，指导老师不辞辛苦的为大家录制视频和一遍遍讲解让我心怀感激之情。在此，我真诚的感恩、感谢我的指导教师们。

还要感谢实习期间不厌其烦教导我鼓励我的技术师傅，他指导了我各个方面的技巧，尤其是编程方面，迄今我的很多技巧和编写规范都有赖于他的指导、纠正。

最后还要特别感谢身边的各位同学们，一直支持鼓励我，无论何时何种境况。我很荣幸获得同学们的帮助，也很开心能够和大家共度大学四年的时光。

最后的最后，再次发自肺腑的感谢所有帮助过我的人。

**请关注点赞+私信博主，免费领取项目源码**

[Link 1]: https://baike.baidu.com/item/%E9%9F%B3%E9%A2%91/1197465
[Link 2]: https://baike.baidu.com/item/%E8%A7%86%E9%A2%91/321962
[3D]: https://baike.baidu.com/item/3D/25017
[Link 3]: https://baike.baidu.com/item/%E5%8A%A8%E7%94%BB/206564
[Link 4]: https://baike.baidu.com/item/%E6%A8%A1%E5%BC%8F/700029
[Link 5]: https://baike.baidu.com/item/%E6%A1%86%E6%9E%B6/1212667
[Link 6]: https://baike.baidu.com/item/%E4%BA%8B%E5%8A%A1
[Java]: https://baike.baidu.com/item/Java%E5%B9%B3%E5%8F%B0/3793459
[EJB]: https://baike.baidu.com/item/EJB/144195
[Link 7]: https://baike.baidu.com/item/%E9%9D%A2%E5%90%91%E5%88%87%E9%9D%A2%E7%BC%96%E7%A8%8B/6016335
[MVC]: https://baike.baidu.com/item/MVC%E6%A1%86%E6%9E%B6/9241230
[ef4ee78f14be44a198eab5faf60c3d93.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f943de47778f4fba9308c4a4cdd716d2.png
[c4ab2df6bf7f49fb8ac586e88b485234.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/c5abc98f78b9462493323b81cd5f23f4.png
[271e87ac2a034be090af678e3ff55c47.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/e91b920bdca24b63aed53fb743fa62fe.png
[b788a25f4e6f4654aa4a0403735a48b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/6ab1e1a45eaf4aaaae7bd5d9f1677db2.png
[067cf070a155445fbd9f317fdf055978.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f5701b8332bb4087bce0ba446388336b.png
[e9b71cb4f24f42fc91eb2d71df61a725.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2292738901c54351a2e73160df0d4cf2.png
[eeed4f73b95d4d30a2b74ea92a5260a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/074cec29698340cea884320c91ae0d6a.png
[756e22a281214b699d8e52bfda396e9f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/b31c2753ca494389a44a96fa5771904d.png
[f58fe7c36a0f4ad9a42fb52595bcce7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/afc8c91f17e947fc8dcf4c3791b824ed.png
[431393f21d8b4d0eb413b787927f4ff5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/3b2530b55918477d9afa90fb0679deeb.png
[cdfe21ae360646959dc77d53d282fb19.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/e7650464bd2f4b04a4717bd41952a71d.png
[01d89cf750cb41849e9e966ca57c94ca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/640f7f9958d74265a9b623dcb98572ea.png
[71108ded6b7c47f7802435877eddafcd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/e9360ae6861a454cab4194d8d499e30e.png
[661f2b9df9154f7d8998fe77a7b59a38.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/c5f9d1d9c2f64c738c0f4bfac3f76c72.png
[b39dd01988ea418c8fcb86d208fa122c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/6bed4cd5bd5a4a6fb1c273de492977d9.png
[e9c6f448753142eca27113340097970f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/d856b569cbfa4ee6a63346bf099a4228.png
[249971ed0dfd438e838f3b0983a2c6bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/aa1f5a8211254462adcab2e943c4b1be.png
[9bae9fc9cc654de88edcd1e21d02cb2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/dc545466bc4f45a28871c37b9dc35d29.png