（附源码）spring boot球鞋文化交流论坛毕业设计 141436

布满荆棘的人生 2024-04-06 13:57 76阅读 0赞

目 录

摘要

1 绪论

1.1 研究意义

1.2研究方法

1.3论文结构与章节安排

2 球鞋文化交流论坛分析

2.1 可行性分析

2.2 系统流程分析

2.2.1数据增加流程

2.3.2数据修改流程

2.3. 数据删除流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3 球鞋文化交流论坛总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3 留言管理模块设计

3.2.4交流论坛管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4 球鞋文化交流论坛详细设计与实现

4.1用户功能模块

4.1.1 前台首页界面

4.1.2 用户注册界面

4.1.3 用户登录界面

4.1.4交流论坛界面

4.1.5 公告列表界面

4.1.6 修改密码界面

4.1.7 球鞋资讯界面

4.2管理员功能模块

4.2.1 用户管理界面

4.2.2 站点管理界面

4.2.3 内容管理界面

5系统测试

5.1系统可靠性测试

5.2系统功能性测试

5.3系统合格性测试

5.4测试结果

结论

参考文献

致 谢

摘要

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对球鞋文化交流论坛等问题，对球鞋文化交流论坛进行研究分析，然后开发设计出球鞋文化交流论坛统以解决问题。

球鞋文化交流论坛统主要功能模块包括交流论坛、论坛分类列表、球鞋资讯、资讯分类列表，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用JavaEE框架、Java技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对球鞋文化交流论坛统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现球鞋文化交流论坛统和部署运行使用它。

**关键词**：springboot技术；MYSQL；球鞋文化交流论坛

**Abstract**

In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems such as the sneaker culture exchange forum, this paper studies and analyzes the sneaker culture exchange forum, and then develops and designs the sneaker culture exchange forum system to solve the problems.

The main functional modules of the sneaker culture exchange forum system include exchange forum, forum classification list, sneaker information and information classification list. The object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of practical use, improve the corresponding software erection and program coding, take MySQL as the main storage unit of background data, and adopt JavaEE framework, Java technology Ajax technology encodes and develops the business system, and realizes all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various needs and technical problems of the sneaker cultural exchange forum system, proves the necessity and technical feasibility of the system, and then makes a basic introduction to the technical software and design ideas needed for the design system. Finally, it realizes the sneaker cultural exchange forum system and deploys it.

**Keywords****:** Springboot technology; MYSQL； Footwear culture exchange forum

## **1 绪论** ##

1.1 研究意义

球鞋的原意是胶底鞋，也是我们通称的一次硫化布胶鞋。而鞋子也成为一种文化，独特的球鞋文化造就了一批热爱和收藏的人，这些人就被称之为鞋迷。近年来，随着国内球鞋文化的传播，越来越多的年轻人加入并且宣扬球鞋文化。而将球鞋文化推向极致的的是NIKE公司生产的AIRJORDAN系列，它把球鞋文化推向了一个巅峰。而随着商品的逐步商业化，鞋子也开始出现很多噱头，如限量版本、限定版、球员版、特殊版等价格不菲的商品，致使球鞋文化圈里增添了更多不同种类的爱好者。国外尤其是美国的球鞋文化相当流行，有相当多的不错的鞋迷主题交流论坛，国内这两年鞋迷文化也日渐高涨。

本课题是利用Java技术开发一个球鞋文化交流论坛，为球鞋文化的传播尽自己的一点绵薄之力，力求更多的人通过此系统热爱上球鞋文化。另一个方面是计算机化已经成为商业运作中不可或缺的因素，因此，开发球鞋文化交流论坛将提高球鞋文化的各项工作效率。

1.2研究方法

首先，通过引擎搜索或者查阅相关文献资料，了解了本系统开发的背景以及设计系统的意义所在，收集用户需求信息。其次，在开发工具上，最终确定选用Java平台来设计开发本系统，MySQL作为设计数据库的工具。即利用Java语言实现用户界面，并同数据库连接起来实现完整的通信功能。之后，设计出系统大致的功能模块。主要从方便系统用户和系统管理员的角度进行分析，明确该系统应该具有的功能。最终是测试系统，通过用例测试发现存在的问题并找到解决的方案。利用现有的开发平台，结合自己所学的知识，在老师的指导帮助下来完成该设计，确保系统的可用性、实用性。

1.3论文结构与章节安排

论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第一章：引言。第一章主要介绍了课题研究的背景，系统开发的现状和本文的研究内容与主要工作。

第二章：系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章：系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章：系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

第五章：系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试

第六章：总结。

## **2 球鞋文化交流论坛分析** ##

系统分析是开发一个项目的先决条件，通过系统分析可以很好的了解系统的主体用户的基本需求情况，同时这也是项目的开发的原因。进而对系统开发进行可行性分析，通常包括技术可行性、经济可行性等，可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析，分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。

2.1 可行性分析

（1）经济可行性：

经济可行性在此仅代表网站的运维成本，开发成本不在此考虑。

目前该模式下的球鞋文化交流论坛的数量日益增多，网购变得平民化普及化用户人数呈上升趋势，当用户人数庞大了，运维成本可以由广告费进行填补，包括开发成本。

所以经济可行性没有问题。

（2）操作可行性：

此次项目设计参考了几个该模式下网站的开发案例，对他们的操作界面分析，将众多案例结合在一起，突出以人为本简化操作，所以具有基本计算机知识的人都会操作本项目。

因此操作可行性也没有问题。

（3）技术可行性：

技术可行性指的是对于搭建框架的可行性，以及有更优秀的技术出现时系统的技术更新换代的纳新性如何，开发时间成本费用比如何。

现有的springboot技术能够迎合所有电子商务系统的搭建。开发这个球鞋文化交流论坛的时候我采用了springboot+MYSQL用以运行整体程序。

综上所述技术可行性也没有问题。

（4）法律可行性：

从开发者角度来看，springboot和MYSQL是网上开源且免费的，在知识产权方面不会产生任何法律纠纷。

从用户使用角度来看，只要不再系统上贩卖违禁品，对系统做出条约协议，杜绝非法支付即可。

综上所述法律可行性也没有问题。

2.2系统流程分析

业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程，在进行系统分析的时候，业务流程可以帮助开发人员更好的理解业务，发现错误，完善系统。

2.2.1 数据增加流程

用户成功登入系统后就能够实现增加数据的操作，增加数据的编号是特定的，系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证合法通过就显示增加数据成功了，相反的话，就没有增加成功，图2-1显示的就是在增加数据时的流程。

![a7c6b5551b624aae9305fdfbc0bb38fe.png][]

图2-1 数据增加流程图

2.2.2 数据修改流程

数据修改时的流程和上面介绍的数据增加时的流程差不多，如图2-2所示。

![604f640348e04dceb3b16f02cebc17ff.png][]

图2-2 数据修改流程图

2.2.3 数据删除流程

如果系统里面存在一些没有用的数据的话，相关的管理人员还可以对这些数据进行删除，图2-3就是数据删除时的流程图。

![9530170a1c77449fab8bd2f1a224b1f3.png][]

图2-3 数据删除流程图

2.3 系统功能分析

2.3.1 功能性分析

按照球鞋文化交流论坛的角色，我划分为了普通用户管理模块和管理员管理模块这两大部分。

普通用户管理模块：

（1）用户注册登录：用户注册为会员并登录球鞋文化交流论坛；用户对个人信息的增删改查，比如个人资料，密码修改。

（2）交流论坛：交流论坛在用户模块里主要以发帖回帖的形式展示出来，用户在想要讨论的版块里进行谈论话题即可。

（3）球鞋资讯：用户进行资讯的阅览，查看管理者发布的球鞋资讯信息。

（4）公告消息：用户在留言板这一菜单下对用户提交的查看、同时也可以发布、评论。

管理员管理模块：

（1）用户管理：管理员可以对球鞋文化交流论坛中的管理员，前台注册的普通用户进行增删改查。

（2）站点管理：管理员可以对球鞋文化交流论坛中首页显示的轮播图以及系统中的一些公告发布到系统当中，让用户及时的查看到系统信息，进行合理安排。

（3）内容管理：管理员可以对球鞋文化交流论坛前台展示的交流论坛、论坛分类列表、球鞋资讯以及资讯分类列表所属的分类进行管控。

2.3.2 非功能性分析

球鞋文化交流论坛的非功能性需求比如球鞋文化交流论坛的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

表3-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.3功能的分析，得出了本球鞋文化交流论坛的用例图：

用户角色用例如图2-3所示。

![e1aaece20f0c461db3acbba66cb06073.png][]

图2-3 球鞋文化交流论坛用户角色用例图

web后台管理上的管理员是维护整个球鞋文化交流论坛中所有数据信息的。管理员角色用例如图2-4所示。

![2330ad41514a46c791a53671e3b0dbf5.png][]

图2-4球鞋文化交流论坛管理员角色用例图

2.5本章小结

本章主要通过对球鞋文化交流论坛的可行性分析、流程分析、功能需求分析、系统用例分析，确定整个球鞋文化交流论坛要实现的功能。同时也为球鞋文化交流论坛的代码实现和测试提供了标准。

3 球鞋文化交流论坛总体设计

本章主要讨论的内容包括球鞋文化交流论坛的功能模块设计、数据库系统设计。

3.1 系统架构设计

本球鞋文化交流论坛从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

![e12d090fffac428ea980726a39af29ee.png][]图3-1球鞋文化交流论坛架构设计图

表现层（UI）：又称UI层，主要完成本球鞋文化交流论坛的UI交互功能，一个良好的UI可以打打提高用户的用户体验，增强用户使用本球鞋文化交流论坛时的舒适度。UI的界面设计也要适应不同版本的球鞋文化交流论坛以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互结果，这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层（BLL）：主要完成本球鞋文化交流论坛的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层（DL）：由于本球鞋文化交流论坛的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完成本球鞋文化交流论坛的数据存储和管理功能。

3.2 系统功能模块设计

3.2.1整体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本球鞋文化交流论坛中的用例。那么接下来就要开始对本球鞋文化交流论坛的架构、主要功能和数据库开始进行设计。球鞋文化交流论坛根据前面章节的需求分析得出，其总体设计模块图如图3-2所示。

![c5791a3b938a476ab7da5163e7ec23ea.png][]

图3-2 球鞋文化交流论坛功能模块图

3.2.2用户模块设计

后台管理者能够实现对前台注册的用户增删改查操作，用户模块结构图如下图：

![906e7db9b7c34dd188b1b831dd5de51e.png][]

图3-3会员用户模块结构图

3.2.3 留言管理模块设计

球鞋文化交流论坛是一个交流性质的公开平台，会员用户可以在平台上交流，增加用户之间的互动性。但是同时也为了更好的规范留言的内容，给予管理员删除不合适的言论的功能，所以需要专门设计一个留言管理模块，具体的结构图如下：

![5af38b7978034c39b344771be4fdbb9c.png][]

图3-4评论模块结构图

3.2.4交流论坛管理模块设计

球鞋文化交流论坛是中需要存储不少交流论坛，其模块功能结构，具体的结构图如下：

![8a46c653b9884ea5844414220f4f18dd.png][]

图3-5交流论坛模块结构图

3.3 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

3.3.1 数据库概念结构设计

下面是整个球鞋文化交流论坛中主要的数据库表总E-R实体关系图。

![cae64ca095084b6d957baa26be3cd6d3.png][]图3-6 球鞋文化交流论坛总E-R关系图

下面根据球鞋文化交流论坛的数据库总E-R关系图可以得出球鞋文化交流论坛需要很多E-R图，在此罗列出来一些主要的数据库E-R模型图。

![30527b163283402dbb470799cf313321.png][]

图3-7 普通用户信息E-R关系图

![bf9ddc68c85b43d0a5179587397dde92.png][]

图3-8 评论信息E-R关系图

![3f2379f06be74e80b82e119c97dba981.png][]

图3-9 轮播图E-R关系图

3.3.2 数据库逻辑结构设计

通过上一小节中球鞋文化交流论坛中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

ordinary\_users表：

<table style="margin-left:4.7pt;width:473.85pt;"> 
 <tbody> 
 <tr> 
 <td style="width:126.2pt;"> 名称 </td> 
 <td style="width:64.8pt;"> 类型 </td> 
 <td style="width:64.9pt;"> 长度 </td> 
 <td style="width:63.95pt;"> 不是null </td> 
 <td style="width:56.9pt;"> 主键 </td> 
 <td style="width:97.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> ordinary_users_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 11 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 是 </td> 
 <td style="width:97.1pt;"> 普通用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> user_name </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 64 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 用户名 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> full_name </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 64 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> gender </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 64 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 性别 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> personal_introduction </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 64 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 个人介绍 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> examine_state </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 16 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> recommend </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 11 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> user_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 11 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> create_time </td> 
 <td style="width:64.8pt;"> datetime </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> update_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> Notice表： </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> 名称 </td> 
 <td style="width:64.8pt;"> 类型 </td> 
 <td style="width:64.9pt;"> 长度 </td> 
 <td style="width:63.95pt;"> 不是null </td> 
 <td style="width:56.9pt;"> 主键 </td> 
 <td style="width:97.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> notice_id </td> 
 <td style="width:64.8pt;"> mediumint </td> 
 <td style="width:64.9pt;"> 8 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 是 </td> 
 <td style="width:97.1pt;"> 公告id </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> title </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 125 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> content </td> 
 <td style="width:64.8pt;"> longtext </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 正文 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> create_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> update_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 更新时间： </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> Praise表： </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> 名称 </td> 
 <td style="width:64.8pt;"> 类型 </td> 
 <td style="width:64.9pt;"> 长度 </td> 
 <td style="width:63.95pt;"> 不是null </td> 
 <td style="width:56.9pt;"> 主键 </td> 
 <td style="width:97.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> praise_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 10 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 是 </td> 
 <td style="width:97.1pt;"> 点赞ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> user_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 11 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 点赞人 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> create_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> update_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> source_table </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 来源表 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> source_field </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 来源字段 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> source_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 10 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 来源ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> status </td> 
 <td style="width:64.8pt;"> tinyint </td> 
 <td style="width:64.9pt;"> 1 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 点赞状态 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> Comment表： </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> 名称 </td> 
 <td style="width:64.8pt;"> 类型 </td> 
 <td style="width:64.9pt;"> 长度 </td> 
 <td style="width:63.95pt;"> 不是null </td> 
 <td style="width:56.9pt;"> 主键 </td> 
 <td style="width:97.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> comment_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 11 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 是 </td> 
 <td style="width:97.1pt;"> 评论ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> user_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 11 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 评论人ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> reply_to_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 11 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 回复评论ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> content </td> 
 <td style="width:64.8pt;"> longtext </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 内容 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> nickname </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 昵称 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> avatar </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 头像地址 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> create_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> update_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> source_table </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 来源表 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> source_field </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 来源字段 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> source_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 10 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 来源ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> Type表： </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> 名称 </td> 
 <td style="width:64.8pt;"> 类型 </td> 
 <td style="width:64.9pt;"> 长度 </td> 
 <td style="width:63.95pt;"> 不是null </td> 
 <td style="width:56.9pt;"> 主键 </td> 
 <td style="width:97.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> type_id </td> 
 <td style="width:64.8pt;"> smallint </td> 
 <td style="width:64.9pt;"> 5 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 是 </td> 
 <td style="width:97.1pt;"> 分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> display </td> 
 <td style="width:64.8pt;"> smallint </td> 
 <td style="width:64.9pt;"> 4 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 显示顺序 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> name </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 16 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 分类名称 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> father_id </td> 
 <td style="width:64.8pt;"> smallint </td> 
 <td style="width:64.9pt;"> 5 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 上级分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> description </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> icon </td> 
 <td style="width:64.8pt;"> text </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 分类图标： </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> url </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 外链地址 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> create_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> update_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 更新时间： </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> Slides表： </td> 
 <td style="width:64.8pt;"> </td> 
 <td style="width:64.9pt;"> </td> 
 <td style="width:63.95pt;"> </td> 
 <td style="width:56.9pt;"> </td> 
 <td style="width:97.1pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> 名称 </td> 
 <td style="width:64.8pt;"> 类型 </td> 
 <td style="width:64.9pt;"> 长度 </td> 
 <td style="width:63.95pt;"> 不是null </td> 
 <td style="width:56.9pt;"> 主键 </td> 
 <td style="width:97.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> slides_id </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 10 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 是 </td> 
 <td style="width:97.1pt;"> 轮播图ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> title </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 64 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> content </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 内容 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> url </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 链接 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> img </td> 
 <td style="width:64.8pt;"> varchar </td> 
 <td style="width:64.9pt;"> 255 </td> 
 <td style="width:63.95pt;"> 否 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 轮播图 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> hits </td> 
 <td style="width:64.8pt;"> int </td> 
 <td style="width:64.9pt;"> 10 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 点击量 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> create_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.2pt;"> update_time </td> 
 <td style="width:64.8pt;"> timestamp </td> 
 <td style="width:64.9pt;"> 0 </td> 
 <td style="width:63.95pt;"> 是 </td> 
 <td style="width:56.9pt;"> 否 </td> 
 <td style="width:97.1pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

3.4本章小结

整个球鞋文化交流论坛的需求分析主要对系统总体架构以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

## **4 球鞋文化交流论坛详细设计与实现** ##

球鞋文化交流论坛的详细设计与实现主要是根据前面的球鞋文化交流论坛的需求分析和球鞋文化交流论坛的总体设计来设计页面并实现业务逻辑。主要从球鞋文化交流论坛界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入球鞋文化交流论坛的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

![f3bd6a2427a3451f9cda5b26a8170839.png][]

图4-1 前台首页界面图

4.1.2 用户注册界面

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

![a112b4a27e3b42ccbcc2ee70c15ad030.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.1.3 用户登录界面

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

![0d463d9362b34c48ac7b05676ac527f3.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.1.4交流论坛界面

用户在点击导航栏上面的交流论坛后，就可以搜索查看发布论坛信息，用户根据自己的喜好可以进行交流，交流论坛界面如下图4-4所示。

![19c62002f85d42bca84dd4f45c69f452.png][]

图4-4公告列表界面图

4.1.5 公告列表界面

用户在点击导航栏上面的公告列表后，就可以搜索查看发布公告信息，用户根据自己的喜好可以进行交流，公告列表界面如下图4-5所示。

![ad5910ee8b294f6b950f27a1ee93602f.png][]

图4-5公告列表界面图

4.1.6修改密码界面

用户点击登录填写账号信息登录后，会切换内容为“某某用户欢迎您”和历史订单，并给出注销链接。当用户登录成功后会将个人信息保存在session作用域中，点击自己的用户名时，会跳转到个人详细信息页面，由后台通过Freemarker取出session作用域中的用户信息进行动态渲染，例如，邮箱、电话号码、用户名等等。同时页面上会显示修改个人信息和修改密码的按钮，这时客户可以修改自己的登录密码以保障账号的安全性，防止被人窃取账号，通过UserController.java的updatePassword()实现，同时也可以根据自己的个人信息是否变动做出相应的修改，通过updateUserInfo()实现。修改密码展示页面如图4-6所示。

![4320c2656c994e52be7e763dbd4d3c9d.png][]

图4-6修改密码界面图

修改密码关键代码如下所示。

/\*\*

\* 修改密码

\* @param data

\* @param request

\* @return

\*/

@PostMapping("change\_password")

public Map<String, Object> change\_password(@RequestBody Map<String, String> data, HttpServletRequest request)\{

// 根据Token获取UserId

String token = request.getHeader("x-auth-token");

Integer userId = tokenGetUserId(token);

// 根据UserId和旧密码获取用户

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

String o\_password = data.get("o\_password");

query.put("user\_id" ,String.valueOf(userId));

query.put("password" ,service.encryption(o\_password));

Query ret = service.count(query, service.readConfig(request));

List list = ret.getResultList();

Object s = list.get(0);

int count = Integer.parseInt(list.get(0).toString());

if(count > 0)\{

// 修改密码

Map<String,Object> form = new HashMap<>();

form.put("password",service.encryption(data.get("password")));

service.update(query,service.readConfig(request),form);

return success(1);

return error(10000,"密码修改失败！");

4.1.7球鞋资讯界面

当访客点击球鞋文化交流论坛中导航栏上的“球鞋资讯”后将会进入到该“球鞋资讯”列表的界面，然后选择想要看的球鞋资讯，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，球鞋资讯界面如下图4-7所示。

![ec67974017294c49a4f7f50c20dd8501.png][]

图4-7球鞋资讯界面图

4.2管理员功能模块

4.2.1 用户管理界面

球鞋文化交流论坛中的管理人员是可以对前台注册的普通用户进行管理的，也可以对管理员进行管控。界面如下图4-8所示。

![d8a51b0ef1af484d989dec9ff28ae025.png][]

图4-8用户管理界面图

用户管理关键代码如下所示。

@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.2.2站点管理界面

球鞋文化交流论坛中的管理人员在“站点管理”这一菜单中是可以对前台显示的轮播图以及公告栏进行管控。界面如下图4-9所示。

![26ba2b4aa37d460db65a8fc8be989b02.png][]

图4-9站点管理界面图

站点管理关键代码如下所示。

@RequestMapping(value = "/del")

@Transactional

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

service.delete(service.readQuery(request), service.readConfig(request));

return success(1);

@Transactional

public void delete(Map<String,String> query,Map<String,String> config)\{

StringBuffer sql = new StringBuffer("DELETE FROM ").append("\`").append(table).append("\`").append(" ");

sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP\_BY))));

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

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

query1.executeUpdate();

4.2.3 内容管理界面

球鞋文化交流论坛中的管理人员是可以对球鞋文化交流论坛内的用户发布的交流论坛、论坛分类列表、球鞋资讯、资讯分类列表进行维护和管理的，支持增删改查操作。界面如下图4-10所示。

![defc9198aea84976a3e3f0dae11c5e8c.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();

## **5系统测试** ##

## **5.1系统可靠性测试** ##

以进入系统首页的访问速度为例展示系统的性能测试；系统的主要用户群体是购物理念较为先进的消费者，系统要在3秒钟内响应；需要完成页面的菜单栏、首页轮播图片、类目及商品列表、商品评价以及各功能模块入口等元素的显示。

## **5.2系统功能性测试** ##

功能性测试是指执行指定的工作流程，通过对一个系统的所有特性和功能都进行测试确保符合需求和规范。

系统功能性测试表如下表所示。

表6-1系统功能性测试表

<table style="width:402.5pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:40.85pt;"> 编号 </td> 
 <td style="vertical-align:top;width:86.95pt;"> 测试功能 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 测试内容 </td> 
 <td style="vertical-align:top;width:62.1pt;"> 测试结果 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 1 </td> 
 <td style="width:86.95pt;"> 用户登录 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．验证用户名与密码的正确性。 2．验证密码是否可见。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 2 </td> 
 <td style="width:86.95pt;"> 首页展示 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．首页数据是否成功加载。 2．验证搜索功能的准确性。 3．验证是否可以异步加载。 4．验证导航栏按钮。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 3 </td> 
 <td style="width:86.95pt;"> 个人信息修改 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．验证登录名是否可以正常更改。 2．验证联系方式是否可以更改。 3．验证收货地址可以正常修改。 4．验证密码是否可以修改。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 7 </td> 
 <td style="width:86.95pt;"> 论坛分类 管理 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．验证类目新增是否可以成功。 2．验证类目删除是否可以成功。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 8 </td> 
 <td style="width:86.95pt;"> 交流论坛管理 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．交流论坛信息是否与上传一致。 2．是否能完成信息修改。 3．验证交流论坛发布信息修改。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 9 </td> 
 <td style="width:86.95pt;"> 球鞋资讯 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．能否正常进行服务订单。 2．验证数据准确性。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 10 </td> 
 <td style="width:86.95pt;"> 资讯分类列表 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．资讯分类是否添加验证。 2．资讯是否回复上传。 3．验证表单是否提交成功。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 <tr> 
 <td style="width:40.85pt;"> 11 </td> 
 <td style="width:86.95pt;"> 用户管理 </td> 
 <td style="vertical-align:top;width:212.6pt;"> 1．验证用户录入功能。 2．验证用户违规清理功能。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 </tbody> 
</table>

## **5.3系统合格性测试** ##

集成测试后，所有的模块已经全部连接完毕，形成了一个完整的系统。合格性测试是在集成测试完毕后，进一步对系统进行综合性的检测。经过合格性测试，可以检查出系统是否符合系统的设计，能够完成需求的所有功能。本系统经过最后的测试，所有模块功能都能按预定要求工作。

### **5.4测试结果** ###

在实际测试中，经过一系列系统性的测试，使我们能够及时发现一些系统在设计中出现的疏忽和漏洞。经过严密的测试，不仅发现了模块内部的错误，也查找到模块连接后产生的错误。经过测试，对系统产生错误的地方进行优化、修改和完善，使得系统能够实现最初设计的基本功能。

**结论**

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

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

**参考文献**

**\[1\]王月红,蒋冀萍.基于Java的煤矿风险预警与防控系统设计\[J\].煤炭技术,2022,41(03):173-175.**

**\[2\]李 慧. 高职 Java 语言程序设计线上线下混合式教学模式探究\[J\]. 教育天地,2022,4(2).**

**\[3\]曹凯,王嘉月.基于Java语言的单点登录在数字资源整合中的应用\[J\].中国信息化,2022(02):50-51.**

**\[4\]许爱琪,柳松. 一种MySQL数据库全流量镜像系统及方法\[P\]. 上海市：CN114064767A,2022-02-18.**

**\[5\]镇鑫羽,景琴琴.Java语言程序设计的教学实践\[J\].集成电路应用,2022,39(02):256-257.**

**\[6\]李艳杰.基于JAVA与MySQL数据库的移动端题库练习系统的设计与实现\[J\].黑龙江科学,2022,13(02):56-57.**

**\[7\]王一竹.基于MySQL的图书馆信息管理系统设计\[J\].电脑编程技巧与维护,2022(01):93-95+116.**

**\[8\]雷珂,胡艳.Java集合框架底层解析\[J\].电脑编程技巧与维护,2022(01):13-15.**

**\[9\]孙辉中.JAVA编程语言在计算机软件开发中的应用\[J\].网络安全技术与应用,2022(01):49-50.**

**\[10\]熊柏祥.基于Springboot和Vue框架的考试资源服务平台的设计与实现\[J\].信息与电脑(理论版),2022,34(01):97-99+103.**

**\[11\]霍福华,韩慧.基于SpringBoot微服务架构下前后端分离的MVVM模型\[J\].电子技术与软件工程,2022(01):73-76.**

**\[12\]冯凯.“MySQL数据库”课程教学中常见问题探析\[J\].无线互联科技,2021,18(24):158-159.**

**\[13\]陈洁.“MySQL数据库安全”课程教学方法优化分析\[J\].无线互联科技,2021,18(24):160-161.**

**\[14\]单树倩,任佳勋.基于SpringBoot和Vue框架的数据库原理网站设计与实现\[J\].电脑知识与技术,2021,17(30):40-41+50.**

**\[15\]苏文强,刘紫阳,苗玉恒.基于SpringBoot的缺陷管理系统设计与实现\[J\].大众科技,2021,23(10):4-6+10.**

**\[16\]王萍.SpringBoot项目中EhCache缓存技术的实现\[J\].电脑知识与技术,2021,17(29):79-81.**

**\[17\]Bouamrane Karim,Matallah Houcine,Belalem Ghalem. Comparative Study Between the MySQL Relational Database and the MongoDB NoSQL Database\[J\]. International Journal of Software Science and Computational Intelligence (IJSSCI),2021,13(3).**

**\[18\]Fuyuan Cheng. Talent Recruitment Management System for Small and Micro Enterprises Based on Springboot Framework\[J\]. Advances in Educational Technology and Psychology,2021,5(2).**

**\[19\]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).**

**\[20\]李莹, 电子信息　易云云数据库MySQL上线. 翟立新 主编,中关村年鉴,北京出版集团公司北京出版社,2018,205,年鉴.**

**\[21\]肖睿,程宁,田崇峰,金志雄,杜毅. MySQL数据库应用技术及实战\[M\].人民邮电出版社:, 201801.177.**

**\[22\]于翔. MySQL前景依然迷茫\[N\]. 网络世界,2010-04-26(023).**

**致 谢**

**逝者如斯夫，不舍昼夜。转眼间，大学生会员活便已经接近尾声，人面对着离别与结束，总是充满着不舍与茫然，我亦如此，仍记得那年秋天，我迫不及待的提前一天到了学校，面对学校巍峨的大门，我心里充满了期待：这里，就是我新生活的起点吗？那天，阳光明媚，学校的欢迎仪式很热烈，我面对着一个个对着我微笑的同学，仿佛一缕缕阳光透过胸口照进了我心里，同时，在那天我认识可爱的室友，我们携手共同度过了这难忘的两年。如今，我望着这篇论文的致谢，不禁又要问自己：现在，我们就要说再见了吗？**

**感慨莫名，不知所言。遥想当初刚来学校的时候，心里总是想着工科学校会过于板正，会缺乏一些柔情，当时心里甚至有一点点排斥，但是随着我对学校的慢慢认识与了解，我才认识到了她的美丽，她的柔情，并且慢慢的喜欢上了这个校园，但是时间太快了，快到我还没有好好体会她的美丽便要离开了，但是她带给我的回忆，永远不会离开我，也许真正离开那天我的眼里会满含泪水，我不是因为难过，我只是想将她的样子映在我的泪水里，刻在我的心里。最后，感谢我的老师们，是你们教授了我们知识与做人的道理；感谢我的室友们，是你们陪伴了我如此之久；感谢每位关心与支持我的人。**

**少年，追风赶月莫停留，平荒尽处是春山。**

> **免费领取本源代码、数据库，请私信**

[a7c6b5551b624aae9305fdfbc0bb38fe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c164d866e38843e3910767c6d8a41b51.png
[604f640348e04dceb3b16f02cebc17ff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4d0fcd83103f48f2a013f308f3940a22.png
[9530170a1c77449fab8bd2f1a224b1f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e5654d65a9f843d197b5bb384c997c52.png
[e1aaece20f0c461db3acbba66cb06073.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7f21b2fb1a884db299a20e6cd6cba412.png
[2330ad41514a46c791a53671e3b0dbf5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2d3a523c32a647b7be2859f087983726.png
[e12d090fffac428ea980726a39af29ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/1e8713b515a5411b85f5c1d661bfa7cc.png
[c5791a3b938a476ab7da5163e7ec23ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f0060d4e10c04ece872bb13a504deaf8.png
[906e7db9b7c34dd188b1b831dd5de51e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/81831e527a4c44a1b6ce0b6dbaec9736.png
[5af38b7978034c39b344771be4fdbb9c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/0aa96e9228c34c3bb0a25d8134f95606.png
[8a46c653b9884ea5844414220f4f18dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/baaa04a0ce1145c3a32d8c74aebf3799.png
[cae64ca095084b6d957baa26be3cd6d3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/93671b7048e04a4093aebfca324fd9df.png
[30527b163283402dbb470799cf313321.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c23a16f87b1c42c99bf5383335b33427.png
[bf9ddc68c85b43d0a5179587397dde92.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d032744a906e4049b33a30c9177ba6e9.png
[3f2379f06be74e80b82e119c97dba981.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/9a0bc7da015c451ca2af2d7b3923c7bd.png
[f3bd6a2427a3451f9cda5b26a8170839.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/006723979d104065929217055e21c0c0.png
[a112b4a27e3b42ccbcc2ee70c15ad030.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e1e87e2dbab240eb833a916cfe5a3ed1.png
[0d463d9362b34c48ac7b05676ac527f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e01dd0111f8b49c8b2589049880f29b9.png
[19c62002f85d42bca84dd4f45c69f452.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2a192e1e07a340108b4a978155a755da.png
[ad5910ee8b294f6b950f27a1ee93602f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/10d937239b39444b9546a86242eba6a4.png
[4320c2656c994e52be7e763dbd4d3c9d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/1fc77094436942eeb248177b7c765aa4.png
[ec67974017294c49a4f7f50c20dd8501.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/32327edfe6e84cbaa7643fa603f60a53.png
[d8a51b0ef1af484d989dec9ff28ae025.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/5bd018f328434dd9af0d3bd7c54e2601.png
[26ba2b4aa37d460db65a8fc8be989b02.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/df46d5648b1f488b97e867e884e8e01a.png
[defc9198aea84976a3e3f0dae11c5e8c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/dbb1275f53b143b3bbb73d97e3e1dbde.png