（附源码）springboot工科树洞网站计算机毕设48510

清疚 2024-02-05 22:12 37阅读 0赞

**springboot工科树洞网站的设计与实现**

摘 要

随着互联网趋势的到来，各行各业都在考虑利用互联网将自己推广出去，最好方式就是建立自己的互联网系统，并对其进行维护和管理。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设工科树洞网站。

本设计主要实现集人性化、高效率、便捷等优点于一身的工科树洞网站，完成系统用户、资源管理、校园校园公告、校园论坛等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。只需通过一台电脑，动动手指就可以操作系统，实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题，而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。

工科树洞网站使用Java语言，采用基于MVVM模式的springboot技术进行开发，使用Eclipse编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台Vue+CSS 技术完成系统的开发。

**关键词****：**工科树洞网站；java；springboot

Abstract

With the arrival of the internet trend, various industries are considering using the internet to promote themselves. The best way is to establish their own internet system, maintain and manage it. In practical applications, the working rules and development steps of the application software are to use Java technology to build an engineering tree hole website.

This design mainly implements an engineering tree hole website that combines the advantages of humanization, efficiency, and convenience, completing functional modules such as system users, resource management, campus announcements, and campus forums. The system communicates with the server through a browser to achieve data interaction and changes. You only need to use a computer and move your fingers to operate the system, achieving data communication management. The entire system design process fully considers issues such as data security, stability, and reliability, and the operation process is simple. This system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient services.

The engineering tree hole website uses Java language, adopts spring boot technology based on MVVM mode for development, and uses Eclipse compiler to compile. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and cooperates with the foreground Vue+CSS technology to complete the system development.

**Key words:**Engineering Tree Cave website; java； springboot

**目录**

1 绪论

1.1开发背景

1.2 研究内容

1.3 相关技术介绍

1.4 springboot框架介绍

2工科树洞网站分析

2.1 可行性分析

2.1.1 技术可行性分析

2.1.2 经济可行性分析

2.2 系统业务流程分析

2.3 系统需求分析

2.3.1 功能性需求分析

2.3.2 非功能性分析

2.4 系统用例分析

3工科树洞网站总体设计

3.1 系统模块设计

3.2 数据库设计

3.3.1 数据库概念结构设计

3.2.2 数据库逻辑结构设计

4工科树洞网站设计与实现

4.1 系统首页界面

4.2 注册界面

4.3 登录界面

4.4我的账户界面 20

4.5公告栏界面 21

4.6校园资讯界面 24

4.7 校园论坛界面 24

4.8轮播图管理界面 25

4.9资源管理界面

4.10系统用户管理界面

4.11模块管理界面

5工科树洞网站测试

5.1 调试部分问题

5.2 系统测试用例 30

5.3 系统测试结果 31

结论 32

参考文献 33

致 谢 35

## **1 绪论** ##

1.1开发背景

上个世纪末期，网络技术逐渐开始流行起来，互联网发展进入了起步阶段。到了新世纪初期，信息化技术开始逐渐发展，计算机应用技术逐渐体现出优势来。接着，大量的电脑进入了千家万户，更是诞生了大量的管理平台。信息化时代逐渐来临，互联网成为时代下媒体关注的核心内容。工科树洞网站随着互联网的潮流，给相关机构和管理员提供了高效的服务。以往的模式长期来看，管理十分不便利，存在误差，查询难的现象，一旦数据过多，人工管理方式就很难维持。随着信息技术的应用拓展，逐渐引用了信息化技术管理，逐渐取代了人工管理模式，采用计算机系统来管理工科树洞网站，带来的好处是查询便利，信息准确率高，节省了资源，提高了工作的效率。本次系统开发，主要以工科树洞网站平台为对象，根据需求来完成功能设计。

1.2研究内容

1.不同管理员的登录问题:根据管理员的类别(超级管理员、用户)实现管理员操作权限的区分并显示不同的操作界面。

2.数据库的连接问题:数据库连接为系统中的关键技术。

3.数据的一致性和安全问题:本系统必须保证数据的一致性和安全，才能实现有效的管理。不能让没有权限的管理员对数据进行操作并且定期对数据库进行备份。

4.界面开发:系统界面的设计很重要，要使界面具有亲和力。

5.分析信息化现状;

6.研究工科树洞网站的现状及存在的问题;

7.研究系统平台的总体架构、总体设计、数据库设计、数据库安全设计及功能设计;

8.研究平台各个子系统的功能及实现的方法、信息技术的融合、信息安全技术的维护

9.进行工科树洞网站的功能设计。

1.  1.3相关技术介绍

（1）工科树洞网站中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的springboot框架，它减少java配置代码，简化编程代码，目前springboot框架也是很多企业选择的框架之一。

（2）工科树洞网站中的web后台管理中的前端使用的是bootstrap框架，它配合ajax和jquery可以美化页面设计。

（3）流行vue框架结合jQuery技术，在jQuery基础上扩展一些插件，通过自己定义插件更好的实现前端的设计。

（4）工科树洞网站中数据库用的mysql5.7，它执行效率高。

1.4springboot框架介绍

Spring框架是[Java平台][Java]上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为[EJB][]（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有[面向切面编程][Link 1]（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。

## **2工科树洞网站分析** ##

2.1 可行性分析

2.1.1 技术可行性分析

通过了解对工科树洞网站的真实需求后，将工科树洞网站所需要的角色划分整理成了下图2-1，图2-2和图2-3。

从开发工具来看，由于工科树洞网站是基于JAVA的，因此有很多开发工具都可以进行开发，这些功能强大的开发工具可以给我来设计工科树洞网站带来非常大的方便。

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

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

2.1.2 经济可行性分析

从工科树洞网站的开发成本来看，工科树洞网站的设计和开发都是我自己完成的，没有其他成本上的开销。

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

在工科树洞网站上线之后，上线前期我会根据真实需求来调查，对使用我开发的工科树洞网站来制定一套符合的使用费。系统运行稳定后我会将推广范围到其他的景点当中，其他景点可以使用我的工科树洞网站，只需要缴纳一点点的定金，我会给他们引入广告投资和自营业务。

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

### **2.2系统业务流程分析** ###

管理员权限下的工作流程主要为：管理员通过系统界面提供登录按钮并点击，转入管理员登录界面，并在界面上填入相应的管理员账户和管理员密码，进入管理员权限下的后台系统，并且在系统导航条设置了相应的操作功能。

用户权限下的工作流程主要为：用户通过系统提供的注册功能，进行身份验证并注册，而后在登录界面进行个人身份验证，并且进入用户的个人后台界面，并进行相应的操作。

工科树洞网站的业务流程如下图所示。

![1ff6a242883e4bcf9871465c148b7b41.png][]

图2-1 系统业务流程图

2.3 系统需求分析

2.3.1 功能性需求分析

工科树洞网站从角色上划分为了管理员以及注册用户两种角色。

管理员角色：

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

（2）轮播图/校园公告管理：管理员可以对系统前台展示的轮播图以及校园公告信息进行增删改查，方便用户进行查看。

（3）系统用户：管理员可以对工科树洞网站中的管理员以及前台注册的用户进行审核管理。

（4）模块管理：在“模块管理”这一菜单下可以对系统当中的用户操作的所有信息进行管理，包含了校园论坛、帖子分类。

（3）资源管理：管理员可以对工科树洞网站前台展示的校园资讯以及资讯分类所属的分类进行管控。

注册用户角色：

（1）用户注册登录：游客可以随时进入到系统中，对系统中的信息浏览，但是想要实现校园论坛等操作，就必须有这个系统的账号，如果没有账号的话，可以注册以后进行相关的操作，同时用户还可以通过“我的账户”这以按钮对个人信息以及操作的信息进行管控。

（2）校园公告：用户可以查看后台管理员发布的校园公告信息，在查询到自己想要了解的校园公告信息的时候，可以进入查看详细的介绍。

（3）校园资讯：用户可以查看校园资讯信息，在查询到自己想要了解的校园资讯的时候，可以进入查看详细的介绍进行评论、点赞、收藏操作。

（4）个人中心：当用户点击右上角“个人中心”这个按钮，就会进入到对应的后台进行信息的管理了；

（5）我的账户：在前台点击“我的”下面的“我的账户”可以对个人资料+密码修改\+收藏的信息进行管控。

（6）校园论坛：当用户点击“校园论坛”这一菜单按钮，会显示管理员在后台发布的所有的校园论坛信息，支持通过关键词对校园论坛进行搜索，选择需要的校园论坛点击可以进入到校园论坛详细的介绍界面，在详细界面可以查看到论坛的标题、名称、姓名、帖子类别、用户等信息，同时可以进行点赞、收藏、评论操作；

2.3.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>

2.4 系统用例分析

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

![dc06eb2d4f8049afb059ff710da65e7f.png][]

图2.1 工科树洞网站中注册用户角色用例图

管理员角色用例如图2.2所示。

![96dab2a543974cd3ae789d05e2926015.png][]

图2.2工科树洞网站管理员角色用例图

## **3 工科树洞网站总体设计** ##

3.1 系统模块设计

根据第二章中工科树洞网站的功能分析可知，工科树洞网站中整体功能模块图如图3.1所示，

![6c3a54ea79bd4a99b0978570beb9ced0.png][]

图3.1工科树洞网站功能模块图

3.2 数据库设计

3.3.1 数据库概念结构设计

下面是整个工科树洞网站中主要的数据库表总E-R实体关系图。

![5ae8c17a9dfc4c49846f220212569fbd.png][]

图3.2工科树洞网站总E-R关系图

3.2.2 数据库逻辑结构设计

### **表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>

### **表campus\_forum (校园论坛)** ###

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

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

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

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

### **表post\_classification (帖子分类)** ###

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

### **表registered\_users (注册用户)** ###

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

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

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

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

## **4工科树洞网站设计与实现** ##

工科树洞网站的详细设计与实现主要是根据前面的工科树洞网站的需求分析和工科树洞网站的总体设计来设计页面并实现业务逻辑。主要从工科树洞网站界面实现、业务逻辑实现这两部分进行介绍。

4.1 系统首页界面

当进入工科树洞网站的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及校园公告，其主界面展示如下图4.1所示。

![559b1c728f7a4d59ac8d7680729f1e0e.png][]

图4.1 首页界面图

4.2 注册界面

不是工科树洞网站中正式用户的是可以在线进行注册的，如果你没有本工科树洞网站的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。注册界面实现了用户的注册，其注册界面展示如下图4.2所示。

![929b8a520c5a4669b65e79542d20c62d.png][]

图4.2 注册界面图

注册逻辑代码如下：

/\*\*

\* 注册

\* @param user

\* @return

\*/

@PostMapping("register")

public Map<String, Object> signUp(@RequestBody User user) \{

// 查询用户

Map<String, String> query = new HashMap<>();

query.put("username",user.getUsername());

List list = service.select(query, new HashMap<>()).getResultList();

if (list.size()>0)\{

return error(30000, "用户已存在");

user.setUserId(null);

user.setPassword(service.encryption(user.getPassword()));

service.save(user);

return success(1);

/\*\*

\* 用户ID：\[0,8388607\]用户获取其他与用户相关的数据

\*/

@Id

@GeneratedValue(strategy = GenerationType.IDENTITY)

@Column(name = "user\_id")

private Integer userId;

/\*\*

\* 账户状态：\[0,10\](1可用|2异常|3已冻结|4已注销)

\*/

@Basic

@Column(name = "state")

private Integer state;

/\*\*

\* 所在用户组：\[0,32767\]决定用户身份和权限

\*/

@Basic

@Column(name = "user\_group")

private String userGroup;

/\*\*

\* 上次登录时间：

\*/

@Basic

@Column(name = "login\_time")

private Timestamp loginTime;

/\*\*

\* 手机号码：\[0,11\]用户的手机号码，用于找回密码时或登录时

\*/

@Basic

@Column(name = "phone")

private String phone;

/\*\*

\* 手机认证：\[0,1\](0未认证|1审核中|2已认证)

\*/

@Basic

@Column(name = "phone\_state")

private Integer phoneState;

/\*\*

\* 用户名：\[0,16\]用户登录时所用的账户名称

\*/

@Basic

@Column(name = "username")

private String username;

/\*\*

\* 昵称：\[0,16\]

\*/

@Basic

@Column(name = "nickname")

private String nickname;

/\*\*

\* 密码：\[0,32\]用户登录所需的密码，由6-16位数字或英文组成

\*/

@Basic

@Column(name = "password")

private String password;

/\*\*

\* 邮箱：\[0,64\]用户的邮箱，用于找回密码时或登录时

\*/

@Basic

@Column(name = "email")

private String email;

/\*\*

\* 邮箱认证：\[0,1\](0未认证|1审核中|2已认证)

\*/

@Basic

@Column(name = "email\_state")

private Integer emailState;

/\*\*

\* 头像地址：\[0,255\]

\*/

@Basic

@Column(name = "avatar")

private String avatar;

/\*\*

\* 创建时间：

\*/

@Basic

@Column(name = "create\_time")

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

private Timestamp createTime;

@Basic

@Transient

private String code;

4.3 登录界面

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

![87881860989345c2b607ec80cde5ba0e.png][]

图4.3 登录界面图

登录的逻辑代码如下所示。

/\*\*

\* 登录

\* @param data

\* @param httpServletRequest

\* @return

\*/

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) \{

log.info("\[执行登录接口\]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false)\{

map.put("username", username);

resultList = service.select(map, new HashMap<>()).getResultList();

else if(email != null && "".equals(email) == false)\{

map.put("email", email);

resultList = service.select(map, new HashMap<>()).getResultList();

else if(phone != null && "".equals(phone) == false)\{

map.put("phone", phone);

resultList = service.select(map, new HashMap<>()).getResultList();

\}else\{

return error(30000, "账号或密码不能为空");

if (resultList == null || password == null) \{

return error(30000, "账号或密码不能为空");

//判断是否有这个用户

if (resultList.size()<=0)\{

return error(30000,"用户不存在");

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

if (groupList.size()<1)\{

return error(30000,"用户组不存在");

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable()))\{

String sql = "select examine\_state from "+ userGroup.getSourceTable() +" WHERE user\_id = " + byUsername.getUserId();

String res = String.valueOf(service.runCountSql(sql).getSingleResult());

if (res==null)\{

return error(30000,"用户不存在");

if (!res.equals("已通过"))\{

return error(30000,"该用户审核未通过");

//查询用户状态

if (byUsername.getState()!=1)\{

return error(30000,"用户非可用状态，不能登录");

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) \{

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser\_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

\} else \{

return error(30000, "账号或密码不正确");

4.4我的账户界面

当用户点击右上角“我的”这个按钮，会出现子菜单，点击“我的账户”可以对个人的资料、登录系统的密码以及自己收藏的信息进行设置管理，我的账户界面如下图4.4所示。

![8e3c6f06bd7f43ce91e2fb2047b236d7.png][]

图4.4我的账户界面图

4.5公告栏界面

当点击导航栏上的“公告栏”的时候，就会进入对应的界面查看公告信息，公告栏界面如下图4.5所示。

![89695bb2458142a0a189987f015a3685.png][]

图4.5 公告栏界面图

4.6 校园资讯界面

当访客点击工科树洞网站中导航栏上的“校园资讯”后将会进入到该“校园资讯”列表的界面，然后选择想要看的校园资讯信息，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，校园资讯界面如下图4.8所示。

![bed41ee3b10e4a9faa05254529df1fe9.png][]

图4.6 校园资讯界面图

4.7校园论坛界面

当用户点击“校园论坛”这一菜单按钮，会显示管理员在后台发布的所有的校园论坛信息，支持通过关键词对校园论坛进行搜索，选择需要的校园论坛点击可以进入到校园论坛详细的介绍界面，在详细界面可以查看到论坛的标题、姓名、帖子类别、用户等信息，同时可以进行点赞、收藏、评论操作，校园论坛界面如下图4.5所示。

![45f341898fac41ce858bffa097ec2547.png][]

图4.7校园论坛界面图

4.8轮播图管理界面

管理员点击“轮播图管理”这一菜单会显示轮播图这个子菜单，管理员可以对前台展示的轮播图进行设置，界面如下图4-8所示。

![931074cce89f48ae80561f7cefea6c82.png][]

图4.8轮播图管理界面图

4.9资源管理界面

资源管理主要管理员是对校园资讯以及校园资讯所属的分类进行管控，包含了用户对校园资讯提交的评论信息，界面如下图4.9所示。

![278bbd3a2a354f73a17c348cf47fc837.png][]

图4.9 资源管理界面图

资源管理关键代码如下：

@RequestMapping("/get\_list")

public Map<String, Object> getList(HttpServletRequest request) \{

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

4.10系统用户管理界面

工科树洞网站中的管理员在“系统用户”这一菜单是中可以对注册的用户以及管理员人员进行管控。界面如下图4.11所示。

![572a8c150df4427ea1abf92d9611114e.png][]

图4.10系统用户管理界面图

用户管理逻辑代码如下：

@PostMapping("/add")

@Transactional

public Map<String, Object> add(HttpServletRequest request) throws IOException \{

service.insert(service.readBody(request.getReader()));

return success(1);

@Transactional

public Map<String, Object> addMap(Map<String,Object> map)\{

service.insert(map);

return success(1);

public Map<String,Object> readBody(BufferedReader reader)\{

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try\{

br = reader;

String str;

while ((str = br.readLine()) != null)\{

sb.append(str);

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

\}catch (IOException e)\{

e.printStackTrace();

\}finally\{

if (null != br)\{

try\{

br.close();

\}catch (IOException e)\{

e.printStackTrace();

return null;

public void insert(Map<String,Object> body)\{

StringBuffer sql = new StringBuffer("INSERT INTO ");

sql.append("\`").append(table).append("\`").append(" (");

for (Map.Entry<String,Object> entry:body.entrySet())\{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(",");

sql.deleteCharAt(sql.length()-1);

sql.append(") VALUES (");

for (Map.Entry<String,Object> entry:body.entrySet())\{

Object value = entry.getValue();

if (value instanceof String)\{

sql.append("'").append(entry.getValue()).append("'").append(",");

\}else \{

sql.append(entry.getValue()).append(",");

sql.deleteCharAt(sql.length() - 1);

sql.append(")");

log.info("\[\{\}\] - 插入操作：\{\}",table,sql);

Query query = runCountSql(sql.toString());

query.executeUpdate();

4.11模块管理界面

工科树洞网站中的管理人员在“模块管理”这一菜单下是可以对工科树洞网站内帖子分类、校园论坛的进行管控的，其管理界面如下图4.12所示。

![5a59d238a036408795d3fa9091790cc6.png][]

图4.11模块管理界面图

模块管理逻辑代码如下：

@PostMapping("/set")

@Transactional

public Map<String, Object> set(HttpServletRequest request) throws IOException \{

service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

return success(1);

public Map<String,String> readConfig(HttpServletRequest request)\{

Map<String,String> map = new HashMap<>();

map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

map.put(FindConfig.ORDER\_BY,request.getParameter(FindConfig.ORDER\_BY));

map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

map.put(FindConfig.GROUP\_BY,request.getParameter(FindConfig.GROUP\_BY));

map.put(FindConfig.MAX\_,request.getParameter(FindConfig.MAX\_));

map.put(FindConfig.MIN\_,request.getParameter(FindConfig.MIN\_));

return map;

public Map<String,String> readQuery(HttpServletRequest request)\{

String queryString = request.getQueryString();

if (queryString != null && !"".equals(queryString)) \{

String\[\] querys = queryString.split("&");

Map<String, String> map = new HashMap<>();

for (String query : querys) \{

String\[\] q = query.split("=");

map.put(q\[0\], q\[1\]);

map.remove(FindConfig.PAGE);

map.remove(FindConfig.SIZE);

map.remove(FindConfig.LIKE);

map.remove(FindConfig.ORDER\_BY);

map.remove(FindConfig.FIELD);

map.remove(FindConfig.GROUP\_BY);

map.remove(FindConfig.MAX\_);

map.remove(FindConfig.MIN\_);

return map;

\}else \{

return new HashMap<>();

@Transactional

public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body)\{

StringBuffer sql = new StringBuffer("UPDATE ").append("\`").append(table).append("\`").append(" SET ");

for (Map.Entry<String,Object> entry:body.entrySet())\{

Object value = entry.getValue();

if (value instanceof String)\{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append("=").append("'").append(value).append("'").append(",");

\}else \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append("=").append(value).append(",");

sql.deleteCharAt(sql.length()-1);

sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));

log.info("\[\{\}\] - 更新操作：\{\}",table,sql);

Query query1 = runCountSql(sql.toString());

query1.executeUpdate();

public String toWhereSql(Map<String,String> query, Boolean like) \{

if (query.size() > 0) \{

try \{

StringBuilder sql = new StringBuilder(" WHERE ");

for (Map.Entry<String, String> entry : query.entrySet()) \{

if (entry.getKey().contains(FindConfig.MIN\_)) \{

String min = humpToLine(entry.getKey()).replace("\_min", "");

sql.append("\`"+min+"\`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

if (entry.getKey().contains(FindConfig.MAX\_)) \{

String max = humpToLine(entry.getKey()).replace("\_max", "");

sql.append("\`"+max+"\`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

if (like == true) \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

\} else \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

sql.delete(sql.length() - 4, sql.length());

sql.append(" ");

return sql.toString();

\} catch (UnsupportedEncodingException e) \{

log.info("拼接sql 失败：\{\}", e.getMessage());

return "";

## **5工科树洞网站测试** ##

工科树洞网站测试是为了检验软件是否达到设计要求，是否存在错误，通过测试的方法来检查工科树洞网站，以便发现工科树洞网站中的错误。测试工作是保证工科树洞网站质量的关键。

5.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里重新配置地址。

效果：项目启动正常

5.2 系统测试用例

系统测试包括：用户登录功能测试、校园论坛展示功能测试、校园论坛添加、校园论坛搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

表5-1 用户登录功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试用户通过正确的用户名和密码可否登录功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 未登录的情况下 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 1) 进入登录页面 2) 输入正确的用户名和密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

校园论坛查看功能测试：

表5-2 校园论坛查看功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 校园论坛查看 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试校园论坛查看功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 点击校园论坛列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 可以查看到所有校园论坛 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

管理员添加校园论坛界面测试：

表5-3 管理员添加校园论坛界面测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 校园论坛发布测试用例 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试校园论坛发布功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户正常登录情况下 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 1）管理员点击校园论坛管理就，然后点击添加后并填写信息。 2）点击进行提交。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 提交以后，页面首页会显示新的校园论坛&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

校园论坛搜索功能测试：

表5-4校园论坛搜索功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 校园论坛搜索测试 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 目的 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 测试校园论坛搜索功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 前提 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 1）在搜索框填入搜索关键字。 2）点击搜索按钮。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 页面显示包含有搜索关键字的校园论坛 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

密码修改功能测试：

表5-5 密码修改功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 密码修改测试用例 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试管理员密码修改功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 管理员用户正常登录情况下 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 1）管理员密码修改并完成填写。 2）点击进行提交。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 使用新的密码可以登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

5.3 系统测试结果

通过编写工科树洞网站的测试用例，已经检测完毕用户登录模块、校园论坛查看模块、校园论坛添加模块、校园论坛搜索模块、密码修改功能测试，通过这5大模块为工科树洞网站的后期推广运营提供了强力的技术支撑。

## **结论** ##

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

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

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

\[1\]刘丹青,李超,王青海.基于Java技术的藏汉双语学前教育云平台设计与实现\[J\].信息技术,2023,47(02):17-23.DOI:10.13274/j.cnki.hdzj.2023.02.004.

\[2\]佟羽齐,刘德华,张栎柯,李剑波,张俊杰.基于SpringBoot框架的钻前管理系统的设计与实现\[J\].信息与电脑(理论版),2023,35(02):111-113.

\[3\]GB/T 41903.2-2022, 信息技术　面向对象的生物特征识别应用编程接口　第2部分：Java实现\[S\].

\[4\]张丽景,张文川.基于对比分析法的高职“MySQL数据库”课程设计——以兰州石化职业技术大学为例\[J\].现代信息科技,2022,6(21):188-191.DOI:10.19850/j.cnki.2096-4706.2022.21.046.

\[5\]吴泽君. 基于自然语言处理的JavaScript引擎定向模糊测试技术研究\[D\].战略支援部队信息工程大学,2022.DOI:10.27188/d.cnki.gzjxu.2022.000128.

\[6\]林佳一.混合式教学在高职MySQL数据库课程的实践研究\[J\].电脑知识与技术,2022,18(26):133-135.DOI:10.14004/j.cnki.ckt.2022.1737.

\[7\]黄人薇,朱冬玲,唐世文.课程目标达成度评价设计与实践的研究——以MySQL数据库基础与应用为例\[J\].电脑与电信,2022(09):34-38.DOI:10.15966/j.cnki.dnydx.2022.09.012.

\[8\]欧阳桂秀.基于Java和MySQL的数据库管理系统的设计与实现\[J\].信息记录材料,2022,23(09):240-242.DOI:10.16009/j.cnki.cn13-1295/tq.2022.09.007.

\[9\]刘在英,杨磊. 一种基于SpringBoot框架的企业进存销系统的设计方法\[P\]. 山东省：CN114003204A,2022-02-01.

\[10\]高志平. 基于SpringBoot框架与ITIL方法的运维管理系统的设计与实现\[D\].华东师范大学,2021.DOI:10.27149/d.cnki.ghdsu.2021.001482.

\[11\]林易康, 基于Java的web应用程序控制管理软件. 湖北省,武汉东湖学院,2021-10-01.

\[12\]刘欣,李亮亮,牛聪. 基于Vue和SpringBoot框架的流域监管平台的研究和应用\[C\]//《中国防汛抗旱》杂志社,中国水利学会减灾专业委员会,水利部防洪抗旱减灾工程技术研究中心（中国水利水电科学研究院防洪抗旱减灾研究中心）.第十一届防汛抗旱信息化论坛论文集.第十一届防汛抗旱信息化论坛论文集,2021:118-122.DOI:10.26914/c.cnkihy.2021.024864.

\[13\]王超,张琪立,田广强,李晶晶.基于Springboot框架的学校机房计费管理系统的设计与实现\[J\].电子技术与软件工程,2020(23):159-160.

\[14\]Witsarut Sriratana,Vittaya Khagwian,Sutham Satthamsakul. Analysis of Electric Current by Using MySQL Database on Web Server for Machine Performance Evaluation: A Case Study of Air Conditioning System\[J\]. 제어로봇시스템학회 국제학술대회 논문집,2020.

\[15\]. Information Technology - Data Management; Data on Data Management Reported by Researchers at Port Said University (Performance Evaluation of Iot Data Management Using Mongodb Versus Mysql Databases In Different Cloud Environments)\[J\]. Computer Technology Journal,2020.

\[16\]肖睿,崔雪炜,艾华,潘亚,张娟. Java面向对象程序开发及实战\[M\].人民邮电出版社:大数据开发实战系列, 201801.209.

## **致 谢** ##

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

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

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

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

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

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

[Java]: https://baike.baidu.com/item/Java%E5%B9%B3%E5%8F%B0/3793459
[EJB]: https://baike.baidu.com/item/EJB/144195
[Link 1]: 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
[1ff6a242883e4bcf9871465c148b7b41.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/81f1b403d3ce4862932c8790a9566a7b.png
[dc06eb2d4f8049afb059ff710da65e7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/4fbca93e31d343e78133f901a91d1bdd.png
[96dab2a543974cd3ae789d05e2926015.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/ad666b438b2042958f93222bbbbe299a.png
[6c3a54ea79bd4a99b0978570beb9ced0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/cdb97b5c89d540eeb076a299a2460a98.png
[5ae8c17a9dfc4c49846f220212569fbd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/5d08c551c8174b50b5bcba3e6eda6a49.png
[559b1c728f7a4d59ac8d7680729f1e0e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/52903e58b93a45e2882fe3dd5eabefb5.png
[929b8a520c5a4669b65e79542d20c62d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/f7ce107c1bf7454aa3ebe4c15e14164b.png
[87881860989345c2b607ec80cde5ba0e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/a53da33ac34f4f6bbc3cf596e9df02c5.png
[8e3c6f06bd7f43ce91e2fb2047b236d7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/8e000d813fd8425db1bc3d7478605606.png
[89695bb2458142a0a189987f015a3685.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/75e3bebb545f41d981f571fd89c307ea.png
[bed41ee3b10e4a9faa05254529df1fe9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/18fa6dc9a32c4c3c9f1c9aa9ee5e7a68.png
[45f341898fac41ce858bffa097ec2547.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/162d8cce4966441f930971da82284c3d.png
[931074cce89f48ae80561f7cefea6c82.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/eb4daf8047b047c7aac31fdea8cf35ae.png
[278bbd3a2a354f73a17c348cf47fc837.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/0637b535bc6d4e519236b34a17209867.png
[572a8c150df4427ea1abf92d9611114e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/63faa41106004e66b131ded2331adc73.png
[5a59d238a036408795d3fa9091790cc6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/76446e1c47554206ab7f83a5db3f5fd3.png