（附源码）springboot电竞专题网站毕业设计 641314

痛定思痛。 2024-04-07 12:13 43阅读 0赞

基于Springboot电竞专题网站的设计与实现

摘 要

近年来，随着移动互联网的快速发展，电子商务越来越受到网民们的欢迎，电子商务对国家经济的发展也起着越来越重要的作用。简单的流程、便捷可靠的支付方式、快捷畅通的物流快递、安全的信息保护都使得电子商务越来越赢得网民们的青睐。现今，大量的计算机技术应用于商业领域，包括软件技术、网络技术、硬件技术等。越来越多的企业使用计算机来开展业务、销售、购买和宣传各种电竞产品。各种商业系统和软件已经解放了企业的双手，并使企业能够最大限度地获得利益。因此，计算机技术在商业领域占有非常重要的地位。

经过本人的综合考虑，电竞专题网站的设计是采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用Spring boot框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对电竞专题网站系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现电竞专题网站的部署运行使用它。本文展示了首页页面的实现效果图，并通过代码和页面介绍了用户注册功能、电竞专题网站信息搜索功能、电竞专题网站商品搜索功能、商品购买和查看我的订单功能、在线付款功能的实现过程。

关键词：电竞专题网站； Springboot框架；电竞产品搜索

**Design and implementation of E-sports special website based on springboot**

**Abstract**

.In recent years, with the rapid development of mobile Internet, e-commerce is more and more welcomed by Internet users. E-commerce also plays a more and more important role in the development of national economy. Simple process, convenient and reliable payment method, fast and smooth logistics express and safe information protection all make e-commerce more and more popular with Internet users. Nowadays, a large number of computer technologies are used in commercial fields, including software technology, network technology, hardware technology and so on. More and more enterprises use computers to carry out business, sell, buy and publicize all kinds of animation. Various business systems and software have liberated the hands of enterprises and enabled enterprises to maximize benefits. Therefore, computer technology plays a very important role in the commercial field.

After my comprehensive consideration, the design of E-sports special website adopts the object-oriented development mode 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 spring boot framework, JSP 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 requirements and technical problems of the e-sports special website system, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the Department operation and use of the e-sports special website. This paper shows the implementation effect of the home page, and introduces the implementation process of user registration function, E-sports special website information search function, E-sports special website commodity search function, commodity purchase and view my order function and online payment function through code and page.

**Key words**:E-sports special website; Springboot framework; E-sports product search

目 录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 论文组成结构

第2章 开发工具及相关技术介绍

2.1 J2EE技术

2.2 MVVM模式

2.3 Springboot框架

2.4 Mysql数据库

第3章 系统分析

3.1 可行性分析

3.1.1 经济可行性

3.1.2 技术可行性

3.1.3 操作可行性

3.2 功能性需求分析

3.3 非功能性需求分析

3.4 业务流程分析

第4章 系统设计

4.1 功能模块设计

4.2 数据库设计

4.2.1 概念模型设计

4.2.2 数据库逻辑设计

4.2.3 数据库表设计

第5章 系统实现

5.1 用户登录的实现

5.2 系统前台主要功能实现

5.2.1 首页的实现

5.2.2 用户注册的实现

5.2.3 电竞周边展示的实现

5.2.4 电竞商品购买的实现

5.3 系统后台主要功能实现

5.3.1 用户管理的实现

5.3.2 电竞商品管理的实现

5.3.3 订单管理的实现

第6章 系统测试

6.1 系统可靠性测试

6.2 系统功能性测试

6.3 系统合格性测试

6.4 测试结果

第7章 总结与展望

参考文献

致谢

1.   绪论
    
    1.   研究背景与意义

近年来，随着移动互联网的迅速发展，除了传统的网页浏览、资料搜索、发送电子邮件等基本应用外，国内大多数网民已经渐渐习惯了通过网络接受电竞产品、通讯、旅游、娱乐等传统功能之外的新服务模式，其中利用网络查看电竞产品信息也日益成为人们生活中一种重要的形式。互联网的快速发展为电竞专题网站发展提供了强大保障和支撑，另外，网上电竞产品的外部环境也逐渐得到了改善，移动互联网终端（手机、平板）使得网民结构变得越来越大众化，网上支付结算手段越来越便捷，快递物流越来越畅通，相应的法规政策也越来越完善。现如今，网上查看电竞产品，购买电竞产品对人们的吸引力越来越大，人们对网上电竞产品的看法也从一开始的不了解到了解，从怀疑到逐渐信任，从拒绝到慢慢接受并习惯。网上查看电竞产品信息，购买电竞产品商品的观念已经越来越深入人心，促使网上电竞产品发展的主要因素有：

1.  方便快捷。可全天 24 小时查看和浏览电竞专题网站的相关信息，人们不需要奔赴到商店就可进行，购买的电竞专题网站商品也可以直接送达到家。这样就使得消费者即使足不出户，也能买到不同种类的电竞专题网站商品。
2.  信息量大。电子商务所能容纳的信息量非常大，既包括现实产品也包括虚拟产品。另外，还可以提供一些比较特殊的产品，既能保护消费者的个人隐私，又能满足消费者不同的心理需求。

（3）私密性强。消费者有时候在购买一些不愿意让别人知道的商品时，利用网上购买商品，卖家和快递物流都可以保护好用户的隐私，这样就可以避免一些不必要的麻烦。

1.  1.   开发现状

社会主义进入新时代，经济实力越来越强。我们也变得越来越忙碌、对生活的要求也变得更加严格，对快速和方便的服务的需求也在逐渐增加。因此，对电竞产品行业的管理、服务的要求也越来越严格。为适应时代的发展，各大电竞产品行业开始广泛地使用电脑来进行管理，并推出电竞专题网站，为提高工作人员效率提供了一种新的方式，并且减轻了他们的工作强度。

于此同时，实现电竞专题网站的计算机化也是顺应时代潮流的举措，现如今电竞产品种类正逐渐增加，浩繁的电竞产品资讯令电竞产品行业迎来管理上的难题。电竞产品行业进入高速发展的时代，京古屋电竞产品的管理工作变得越来越困难，在这一客观需要的推动下，建立、完善、发展电竞专题网站，可以为电竞产品管理者带来极大的方便。

由于近年来在线销售行业的兴起，也了解了一些相关信息。在中国，以前的销售只是传统销售，而在线销售似乎满足了市场需求。到目前为止，有一些家喻户晓的名字，如淘宝和天猫。然而，这种在线销售也有一些缺点:用户不能在下订单并付款后立即提货，他们还应该考虑货物是否受损。该系统是根据电竞专题网站商品网络上的销售情况开发的。

经过几年的发展，许多被消费者认可的网上电竞产品已经出现在国内外。这些电竞产品网站的内容是多样化的，它们包含的功能相对完善，包括注册用户、搜索电竞专题网站商品、管理订单、介绍电竞专题网站商品细节以及在线留言。如今，互联网的广泛使用在一定程度上导致了国内外电竞产品网站的发展，只要企业通过这个平台在线打字，就可以随时管理系统的内容。通过展示电竞专题网站商品内容和发布公告，鼓励消费者购买和进行在线交易。

1.  1.   论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出电竞专题网站。

本文共有七章，如下所示。

第一章概述了电竞专题网站的研究目的和意义；精炼地总结了国内外在内的领域研究情况和未来的研究趋势，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对电竞专题网站进行设计。

第五章对电竞专题网站进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对电竞专题网站采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

1.   开发工具及相关技术介绍
    
    1.   J2EE技术

人可以掌握多门外语，而一个计算机科学家精通的大多是编程语言，它不是人类的自然语言，比如C语言、Java、Perl等等。由于不同的公司开发出的“中间件”不够规范，所以Sun公司推出J2EE，用这个标准来解决弊病。它提供了良好的机制，让每个层次允许与之相对的服务器、组件运行，使得系统的搭建稳定可用、开发高效、维护方便。

1.  1.   MVVM模式

MVVM模式是常用的开发模式，主要是在代码实现上将其分为M层、V层和C层。

视图（View）代表用户交互界面，一个 Web 应用就可能有很多的界面，在 MVVM 模式中，视图仅仅处理的只有数据采集、处理，还有用户的请求， 并不包括业务流程的处理，业务流程由模型（Model）来处理。

模型（Model）就是业务流程/状态的处理及业务规则的制定。模型处理业务流程的过程其它层是无法看见了的，它就像黑箱子，在接受视图请求的数据之后，然后返回最终的处理结果。MVVM 最主要的核心就是业务模型的设计，一个典型的应用例子就是目前流行的 EJB 模型，它从应用技术实现的角度对模型做了进一步的划分，以便充分利用现有的组件，但是它不能作为应用设计模型的框架。

控制器（Controller）可以理解为接收用户的请求，然后视图和模型匹配在一起，一起再完成用户请求。它有非常明显的作用在划分控制层上，可以很清晰地告诉你，它就是一个分发器，选择什么样的模型、视图，可以完成用户的什么样的请求。控制层不做所有的数据处理，比如说：用户点击一个连接，控制层接受到请求之后，并不处理业务信息，它只是向模型传递用户的信息，同时告诉模型做什么，然后选择符合需求的视图返回给用户。

1.  1.   Spring boot框架

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。

1.  1.   Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的校园竞赛管理系统在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对校园竞赛管理系统后台数据进行存储操作。

1.  系统分析
    
    1.   可行性分析

本系统将在经济、技术、操作这三个角度上进行可行性分析。

1.  1.  1.   经济可行性

整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。

1.  1.  1.   技术可行性

技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于Springboot框架，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用Mysql数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。

1.  1.  1.   操作可行性

电竞专题网站的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用Java开发语言，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。

1.  1.   功能性需求分析

前台需求：

（1）用户模块：主要包括用户的注册和登录、用户个人信息管理和用户收藏查询等功能。

（2）电竞产品模块：主要包括电竞信息浏览、电竞产品列表展示、电竞产品搜索等功能。

（3）网站简介模块：主要包括网站简介浏览、网站简介展示、网站简介搜索等功能。

（4）留言中心模块：主要包括留言浏览、留言发布、留言搜索等功能。

（5）电竞周边模块：主要包括商品浏览、商品展示、商品搜索等功能。

（6）订单模块：主要包括添加商品订单等功能。

后台需求：

1.  用户管理：主要包括用户列表、用户状态管理等功能。
2.  电竞产品信息模块：主要包括电竞产品发布、产品列表、产品管理等功能。

（3）网站简介模块：主要包括网站简介发布、网站简介列表、网站简介管理等功能。

（4）留言中心模块：主要包括留言管理等功能。

（5）周边商场管理：主要包括电竞周边列表、电竞产品分类管理、电竞周边添加、电竞产品信息管理等功能。

（6）订单管理：主要包括订单审核、订单删除等功能。

系统用例图如下所示。

![d4169a73e4154bdaa1fd66e0a47223e8.png][]

图3-1系统用例图

商品添加用例描述如下表所示。

表3-1商品添加用例描述

<table style="width:464.35pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例名称 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 添加新商品 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 参与者 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 管理员 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例概述 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 本用例用于管理员进行添加新商品操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 前置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 管理员添加新商品前必须登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 后置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 系统中添加一个新商品 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 基本事件流 </td> 
 <td style="vertical-align:top;width:190.45pt;"> 参与者动作 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 系统响应 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:190.45pt;"> 
 <ol> 
 <li style="text-align:left;">管理员在后台主界面选择“新商品”。</li> 
 </ol>4、管理员填写新商品信息，点击“添加”按钮。 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 2、系统打开添加新商品界面。 3、系统检查管理员输入的商品信息是正确有效的。 5、系统将商品添加到数据库中。 6、系统提示“操作成功”。 7、系统跳转到商品管理界面。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 其他事件流 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 1、系统验证管理员输入的商品名为空，则提示“*请填写商品名称！”。 2、系统验证管理员输入的价格不是货币格式，则提示“*价格必须是货币格式！” </td> 
 </tr> 
 </tbody> 
</table>

商品删除用例描述如下表所示。

表3-2商品删除用例描述

<table style="width:464.35pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例名称 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 删除商品 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 参与者 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 管理员 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例概述 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 本用例用于管理员进行删除商品操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 前置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 管理员删除商品前必须登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 后置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 系统中删除一个商品 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 基本事件流 </td> 
 <td style="vertical-align:top;width:190.45pt;"> 参与者动作 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 系统响应 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:190.45pt;"> 1、管理员在后台主界面选择“商品管理”。 4、管理员选择一个商品，点击“删除”按钮。 6、管理员点击“确定”按钮。 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 2、系统从数据库中获取商品信息列表 3、系统打开商品列表界面。 5、系统提示“你确定要删除吗？”。 7、系统将商品从数据库中删除。 8、系统提示“删除成功”。 9、系统跳转到商品管理界面。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 其他事件流 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 无 </td> 
 </tr> 
 </tbody> 
</table>

用户编辑用例描述如下表所示。

表3-3用户编辑用例描述

<table style="width:464.35pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例名称 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 修改用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 参与者 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 管理员 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例概述 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 本用例用于管理员进行修改用户信息操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 前置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 管理员已经登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 后置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 系统中更新一条用户记录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 基本事件流 </td> 
 <td style="vertical-align:top;width:190.45pt;"> 参与者动作 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 系统响应 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:190.45pt;"> 1、管理员在后台主界面选择“用户管理”。 4、管理员在用户列表中选择一个用户，点击“编辑”按钮。 6、管理员填写用户信息，点击“保存修改”按钮。 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 2、系统从数据库中获取用户信息。 3、系统打开用户列表界面。 5、系统打开修改用户信息界面。 7、系统将更改后的添加到数据库中。 8、系统提示“操作成功”。 9、系统跳转到用户管理界面。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 其他事件流 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 无 </td> 
 </tr> 
 </tbody> 
</table>

订单中心用例描述如下表所示。

表3-4订单中心用例描述

<table style="width:464.35pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例名称 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 订单中心 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 参与者 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 用例概述 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 本用例用于用户进行对订单中心操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 前置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 用户已经登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 后置条件 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 系统中增加一条用户购买记录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 基本事件流 </td> 
 <td style="vertical-align:top;width:190.45pt;"> 参与者动作 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 系统响应 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:190.45pt;"> 1、用户在前台首页选择任意一个商品分类。 4、管理员在用户列表中选择一个商品。 7、用户填写购买订单，点击“购买”按钮。 </td> 
 <td style="vertical-align:top;width:190.5pt;"> 2、系统从数据库中获取商品列表信息。 3、系统打开商品列表界面。 5、系统从数据库中获取商品信息。 6、系统打开商品信息及购买界面。 8、系统检查用户输入的信息是正确有效的。 9、系统将购买记录添加到数据库中。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:83.4pt;"> 其他事件流 </td> 
 <td colspan="2" style="vertical-align:top;width:380.95pt;"> 1、系统验证用户输入的字段为空，则提示“*购买数量不能为空！”。 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   非功能性需求分析

随着用户量的增加，系统可能会需要同时服务上千、上万个页面，服务器需要同时响应大量用户的操作，这就要求系统需要有良好的可扩展性，否则系统会出现延迟，卡顿甚至服务器崩溃的问题。高扩展性可以使软件保持旺盛的生命力，同时也能够使系统更好的适应用户增加、提高性能需求、增加应用功能等改变。

系统中保存了大量用户和管理员的个人信息，因此，保证系统服务器和数据安全是在开发过程中需要考虑的重要问题。安全性包括服务器安全、操作系统安全、数据库安全、程序代码安全以及用户个人信息和支付安全等，系统可以通过采用防火墙技术、加密技术、认证技术等来增强其安全性，只有一个健壮安全的系统才能具有长久的生命力。

1.  1.   业务流程分析

电竞专题网站的前台中，用户模块和商品模块进行数据交互，实现购买的功能。前台的功能主要包括用户模块、商品模块、商品购买模块和订单模块，网站简介，留言中心模块。

电竞产品分类模块主要展示的关于电竞专题网站的产品种类，用户可以根据不同种类去挑选自己喜欢的产品

网站简介模块主要是介绍关于本网站的具体信息等。

留言中心是提供用户进行交流电竞专题网站相关资讯的平台，用户可以发布留言，并对别人的留言进行回复等。

电竞专题网站的后台中，管理员对用户在前台提交申请产生的数据进行处理，以满足用户的需求。前台系统和后台系统有数据交互，整个系统各个部分相互独立又密不可分。后台的功能主要包括用户管理、商品管理、订单管理、内容管理、退货管理。

系统业务流程图如下所示。

![03cdc65c1a8940f8b0e9fb259f02f33d.png][]

图3-5系统业务流程图

1.   系统设计
    
    1.   功能模块设计

通过软件的需求分析已经获得了系统的基本功能需求。根据各大功能模块的不同，将系统分为各种功能大块。系统功能结构如下图所示。

![dddfe07498cc4d2cbc741ae2e587f55a.png][]图4-1系统功能结构图

游客(未进行注册或登陆的用户)可以浏览、搜索商品，但不能进行购买。用户注册首先需要进行表单验证，来验证用户名和手机号码是否合法，然后验证用户名和手机号是否已经存在，验证通过即可注册。

注册成功后，用户可以通过输入用户名来登录系统，输入密码后进行验证。登录成功后，用户可以使用商品购买、发布留言、个人信息管理等功能。

个人信息管理

用户登录系统后，在账户设置中，可以修改昵称、头像、手机号、登陆密码、等个人基本信息。

电竞商品搜索

电竞商品列表页展示了商品名称搜索输入框，用户在输入框内输入与商品名称相关的关键字，系统通过模糊查询搜索到用户需要的商品并展示。

电竞周边展示

用户在浏览电竞产品商品时，点击某一个电竞产品商品，跳转到该电竞产品商品的信息展示页。在电竞产品商品信息页面展示了电竞产品商品的详情信息，比如电竞产品商品介绍，电竞产品商品详情，电竞产品商品评价等，用户通过浏览信息了解电竞产品商品的主要功能和评价，最终决定是否购买。

电竞产品商品购买

在电竞产品商品信息页面，用户可以通过点击“购买”进行购买电竞产品商品，点击后跳转到订单生成页面。订单生成页面会展示电竞产品商品信息，收货地址等，用户确认后信息无误点击“提交”生成订单，订单生成后跳转到支付页面，支付完成则购买成功。

生成订单

用户在购买电竞产品商品时，点击电竞产品商品信息页面的“立即购买”或订单页面的“去结算”，跳转到订单生成页面，在订单生成页面用户需要确认收货地址、收货人手机号、收货人姓名等信息，确认无误后点击“提交订单”，订单提交成功，生成一条订单信息。

查看订单详情

用户在查看我的订单列表时，可以点击某一个订单来查看该订单的详细信息，主要包括订单编号、订单状态、订单日期、订单中的电竞产品商品、交易金额等。订单详情还可以查看电竞产品商品物流信息，用户通过能够物流信息了解所购买电竞产品商品的发货状态。

电竞产品商品列表

管理员可以在“电竞产品商品列表”中展示商城中需要销售的电竞产品商品，包含电竞产品商品名称，电竞产品商品属性以及类目等电竞产品商品信息。管理员可以对电竞产品商品进行搜索，按分类查询电竞产品商品。

电竞产品商品添加

添加电竞产品商品首先需要输入电竞产品商品基本信息，如电竞产品商品名称、电竞产品商品数量、电竞产品商品分类等；然后需要编辑电竞产品商品信息详情，如电竞产品商品规格，电竞产品商品描述，电竞产品商品图片等。管理员也可以删除已添加的电竞产品商品。

电竞产品商品管理

用户在购买电竞产品商品时需要选择电竞产品商品规格，管理员可以设置电竞产品商品规格的名称以及展示的顺序等。管理员还可以给电竞产品商品规格添加属性值，也可以删除不需要的属性值。同时，管理员可以编辑电竞产品商品信息，如电竞产品商品介绍、电竞产品商品展示图片等，方便用户浏览。

1.  1.   数据库设计
        
        1.   概念模型设计

概念设计包括实体和联系两部分，如该系统中，用户是一个实体，其属性包括用户 ID 标识、用户名、密码、电话、地址等属性。联系是指实体之间有意义的关联，包括一对一、一对多、多对多三种类型。

系统E-R图如下所示。

![72e07d30b0234c21ba2ababb39509f30.png][]

图4-3系统E-R图

在图中，用户购买商品，关系为1:N，管理员发布商品，关系为1:N，用户和购买商品的关系为1:1，用户和订单的关系为1:N。

1.  1.  1.   数据库逻辑设计

针对系统的实体和属性，结合数据设计思想，对系统的逻辑设计的内容进行如下描述。

电竞商品分类（编号、品牌、名称、图片、详情、价格、类型）。

订单中心（商品编号、商品名称、购买数量、总额、购买人、购买时间）。

电竞周边（商品编号、商品名称、商品类型、库存、价格、添加时间、更新时间）。

1.  1.  1.   数据库表设计

数据库表是设计和实现系统的一个重要基础。以下列出了该系统几个重要的数据库表。

group表:

<table style="margin-left:4.8pt;width:424.45pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:94.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:125.35pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> group_id </td> 
 <td> mediumint </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:125.35pt;"> 用户组ID </td> 
 </tr> 
 <tr> 
 <td> display </td> 
 <td> smallint </td> 
 <td> 4 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 显示顺序 </td> 
 </tr> 
 <tr> 
 <td> name </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 名称 </td> 
 </tr> 
 <tr> 
 <td> description </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td> source_table </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 来源表： </td> 
 </tr> 
 <tr> 
 <td> source_field </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 来源字段： </td> 
 </tr> 
 <tr> 
 <td> source_id </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 来源ID： </td> 
 </tr> 
 <tr> 
 <td> register </td> 
 <td> smallint </td> 
 <td> 1 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 注册位置: </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:125.35pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

type表:

<table style="margin-left:4.8pt;width:424.45pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:94.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:51.25pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:91.2pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:139.2pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> type_id </td> 
 <td style="width:48pt;"> 5 </td> 
 <td style="width:51.25pt;"> 是 </td> 
 <td style="width:91.2pt;"> 是 </td> 
 <td style="width:139.2pt;"> 分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> name </td> 
 <td style="width:48pt;"> 16 </td> 
 <td style="width:51.25pt;"> 是 </td> 
 <td style="width:91.2pt;"> 否 </td> 
 <td style="width:139.2pt;"> 分类名称 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> description </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:51.25pt;"> 否 </td> 
 <td style="width:91.2pt;"> 否 </td> 
 <td style="width:139.2pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> url </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:51.25pt;"> 否 </td> 
 <td style="width:91.2pt;"> 否 </td> 
 <td style="width:139.2pt;"> 外链地址 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> father_id </td> 
 <td style="width:48pt;"> 5 </td> 
 <td style="width:51.25pt;"> 是 </td> 
 <td style="width:91.2pt;"> 否 </td> 
 <td style="width:139.2pt;"> 上级分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> icon </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:51.25pt;"> 否 </td> 
 <td style="width:91.2pt;"> 否 </td> 
 <td style="width:139.2pt;"> 分类图标： </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> create_time </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:51.25pt;"> 是 </td> 
 <td style="width:91.2pt;"> 否 </td> 
 <td style="width:139.2pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> update_time </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:51.25pt;"> 是 </td> 
 <td style="width:91.2pt;"> 否 </td> 
 <td style="width:139.2pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

order\_form表:

<table style="margin-left:4.8pt;width:423.85pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:104.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:115.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> order_form_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:115.25pt;"> 订单表ID </td> 
 </tr> 
 <tr> 
 <td> commodity_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 商品编号 </td> 
 </tr> 
 <tr> 
 <td> type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 类型 </td> 
 </tr> 
 <tr> 
 <td> name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 名称 </td> 
 </tr> 
 <tr> 
 <td> brand </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 品牌 </td> 
 </tr> 
 <tr> 
 <td> price </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 价格 </td> 
 </tr> 
 <tr> 
 <td> number </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 数量 </td> 
 </tr> 
 <tr> 
 <td> total </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 总计 </td> 
 </tr> 
 <tr> 
 <td> user </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td> contact_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 联系电话 </td> 
 </tr> 
 <tr> 
 <td> receiving_address </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 收货地址 </td> 
 </tr> 
 <tr> 
 <td> order_status </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 订单状态 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> pay_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 支付状态 </td> 
 </tr> 
 <tr> 
 <td> pay_type </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 支付类型 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:115.25pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

peripheral\_classification表:

<table style="margin-left:4.8pt;width:423.25pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:164.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:52.65pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:55.65pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:34.95pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:67.2pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:164.8pt;"> peripheral_classification_id </td> 
 <td style="width:52.65pt;"> int </td> 
 <td style="width:55.65pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:34.95pt;"> 是 </td> 
 <td style="width:67.2pt;"> 周边分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:164.8pt;"> type </td> 
 <td style="width:52.65pt;"> varchar </td> 
 <td style="width:55.65pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:34.95pt;"> 否 </td> 
 <td style="width:67.2pt;"> 类型 </td> 
 </tr> 
 <tr> 
 <td style="width:164.8pt;"> examine_state </td> 
 <td style="width:52.65pt;"> varchar </td> 
 <td style="width:55.65pt;"> 16 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:34.95pt;"> 否 </td> 
 <td style="width:67.2pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:164.8pt;"> recommend </td> 
 <td style="width:52.65pt;"> int </td> 
 <td style="width:55.65pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:34.95pt;"> 否 </td> 
 <td style="width:67.2pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:164.8pt;"> create_time </td> 
 <td style="width:52.65pt;"> datetime </td> 
 <td style="width:55.65pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:34.95pt;"> 否 </td> 
 <td style="width:67.2pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:164.8pt;"> update_time </td> 
 <td style="width:52.65pt;"> timestamp </td> 
 <td style="width:55.65pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:34.95pt;"> 否 </td> 
 <td style="width:67.2pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

e\_sports\_peripheral表:

<table style="margin-left:4.8pt;width:422.65pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:131.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:86.55pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> e_sports_peripheral_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:86.55pt;"> 电竞周边ID </td> 
 </tr> 
 <tr> 
 <td> commodity_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 商品编号 </td> 
 </tr> 
 <tr> 
 <td> stock </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 库存 </td> 
 </tr> 
 <tr> 
 <td> details </td> 
 <td> longtext </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 详情 </td> 
 </tr> 
 <tr> 
 <td> commodity_map </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 商品图 </td> 
 </tr> 
 <tr> 
 <td> brand </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 品牌 </td> 
 </tr> 
 <tr> 
 <td> type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 类型 </td> 
 </tr> 
 <tr> 
 <td> name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 名称 </td> 
 </tr> 
 <tr> 
 <td> price </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 价格 </td> 
 </tr> 
 <tr> 
 <td> hits </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td> praise_len </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:86.55pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

returns-management表:

<table style="margin-left:4.8pt;width:422.65pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:126.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:92.05pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> returns-management-id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:92.05pt;"> 退货管理ID </td> 
 </tr> 
 <tr> 
 <td> commodity_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 商品编号 </td> 
 </tr> 
 <tr> 
 <td> name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 名称 </td> 
 </tr> 
 <tr> 
 <td> type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 类型 </td> 
 </tr> 
 <tr> 
 <td> brand </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 品牌 </td> 
 </tr> 
 <tr> 
 <td> number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 数量 </td> 
 </tr> 
 <tr> 
 <td> leaving_a_message </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 留言 </td> 
 </tr> 
 <tr> 
 <td> user </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> examine_reply </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 审核回复 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:92.05pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

1.   系统实现
    
    1.   用户登录的实现

用户注册完成后，点击“登录”进入到登录页面，输入用户名和密码，点击“登录”按钮，对用户名和密码进行验证，根据传入的用户名和密码在数据库中是否能查询到一条用户信息，若不能返回用户信息则登录失败，页面提示用户名或密码错误。

登录界面如下图所示。

![60b4f90f518645a5ae9d5ac1754c71ea.png][]

图5-1登录界面

1.  1.   系统前台主要功能实现
        
        1.   首页的实现

用户界面要尽量简洁大方，使用户能够方便找到需要的功能入口，浏览资讯、商品等，且要易于修改和维护，同时还要保证用户合法和系统安全。

首页界面如下图所示。

![c6f09602eac34bf0aaddb1c81a0d23a1.png][]

图5-2首页界面

1.  1.  1.   用户注册的实现

用户进入系统首页后，点击“注册”链接进入到注册页面，按照页面提示输入用户名、密码和手机号，页面进行表单验证，验证输入的用户名和手机号是否合法，表单验证通过后，点击“立即注册”按钮，利用 Ajax 技术，对用户名和手机号实现页面无刷新验证，检测数据库中是否已经存在该用户名或手机号，若数据库中不存在，则注册成功，注册成功后，自动跳转到登录页面。

用户注册界面如下所示。

![defa720f4d624b3d9453a19b9c27071e.png][]

图5-3用户注册界面

1.  1.  1.   电竞周边展示的实现

电竞周边展示页是展示电竞专题网站周边的页面，将所有是按添加时间降序排列。

电竞周边展示页面，如下图所示。

![92cbc22fd3f74372b9eb5bcf347502e9.png][]

图5-4电竞周边展示页面

1.  1.  1.   电竞商品购买的实现

用户在浏览电竞产品商品时，对于心仪的想要购买的电竞产品商品，可以将该电竞产品商品添加到购买订单中。点击“购买”按钮，页面将该电竞产品商品的数据传递到后台，首先创建一个购买订单对象，添加购买订单成功，数据库中的订单中心表添加一条信息。用户还可以点击“订单中心”查看添加到订单的电竞产品商品，系统通过读取 session获取到用户 ID，将用户 ID 传递到后台，在订单表中查询该用户的所有商品订单信息，返回数据到我的订单页面。

电竞商品购买界面如下图所示。

![9f80b7001b1c4c9b9ec03bd8d6ff4a92.png][]

图5-5电竞商品购买界面

个人订单界面如下图所示。

![9dafe525ae004469858de78ff047d626.png][]

图5-6个人订单界面

1.  1.   系统后台主要功能实现
        
        1.   用户管理的实现

管理员对系统用户的管理，在用户列表实现管理员用户的管理，包括录入、删除、修改，修改密码通过SESSION获取用户名，然后输入新密码，使用sql命令更新密码。

管理界面如下图所示。

![f0e554df679044eea5f2fc80bda17705.png][]

图5-7管理界面

1.  1.  1.   电竞商品管理的实现

管理员可以获取系统中所有电竞产品商品的列表并对其进行编辑。管理员在添加电竞产品商品时，需要输入电竞产品商品基本信息，如名称、价格、规格等，还需要输入电竞产品商品详情描述，包括对电竞产品商品功能的描述以及展示图片等。添加电竞产品商品完成，数据库电竞产品商品表添加一条信息。管理员可以搜索电竞产品商品，同时可以对已经添加的电竞产品商品进行编辑。

电竞商品管理界面如下图所示。

![2ab45ecab93e4e3f8195492b665b74c0.png][]

图5-8电竞商品管理界面

1.  1.  1.   订单管理的实现

管理员在后台管理界面点击到所有订单界面，向控制层发送请求，搜索当前所有订单信息，控制层向订单数据访问层调用搜索全部订单的请求，向数据库的订单表搜索当前所有订单并将订单信息以对象的形式层层返回到列表界面，显示出当前所有订单信息。同时可以删除过期订单，确认已有订单等。

订单管理界面如下图所示。

![0cb0dc38523845c486f003b40c6509c3.png][]

图5-9订单管理界面

订单付款界面如下图所示。

![e35dd78b21064dcd979df4389ce99ee4.png][]

图5-10订单付款界面

1.   系统测试
    
    1.   系统可靠性测试

以进入系统首页的访问速度为例展示系统的性能测试；系统的主要用户群体是电竞专题网站的粉丝，系统要在3秒钟内响应；需要完成页面的菜单栏、首页轮播图片、类目及商品列表、商品评价以及各功能模块入口等元素的显示。

1.  1.   系统功能性测试

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

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

表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;"> 4 </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;"> 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>

1.  1.   系统合格性测试

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

1.  1.   测试结果

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

1.   总结与展望

本文针对电竞专题网站的特点和用户需求，利用Web 开发技术和MVVM 模式等技术，通过详细的需求分析、页面设计和功能设计，最终实现了一个基于 Springboot的电竞专题网站。

系统实现了包括用户模块、商品模块、商品购买模块和订单模块的前台系统以及包括用户管理模块、商品管理模块、订单管理模块、电竞商品分类管理的后台系统。另外，系统还进行了数据安全设计和推荐商品模块设计，并添加了用户的访问控制，建立了一个完整、健壮、安全稳定的电竞专题网站宣传系统。

该系统的特点有：

（1）简单大方，易于操作的 Web 页面；

（2）系统具有商品搜索功能，使用户能够简单方便的找到自己心仪的商品；

（3）商品评论功能可以帮助用户更全面的了解商品信息，用户可以发表自己对已购买商品的评价；

（4）有良好的安全性和可扩展性，增强了系统的可靠性，使系统保持持久的生命力。

由于时间限制和本人能力条件有限，该系统还存在一些不足，今后也会出现许多新的开发技术，未来还可以对系统做出如下改进：

（1）优化系统页面，使页面更加美观且方便操作；

（2）优化商品搜索功能，提供多条件选择查询搜索；

（3）优化在线支付功能，提供更多支付接口，使用户付款更加方便；

（4）进一步提高系统的安全性，使系统更加健壮；

（5）优化数据和代码，提升软件效率，方便系统维护和扩展。

## 参考文献 ##

\[1\]赵琳琳. 我国电竞产业蓬勃发展 未来有望迎来“全民电竞”时代\[N\]. 中国产经新闻,2021-11-13(002).DOI:10.28100/n.cnki.ncjxw.2021.001161.

\[2\]赵学毅,张晓玉. 电子竞技热度爆棚 行业“春风拂面”？\[N\]. 证券日报,2021-11-09(A03).DOI:10.28096/n.cnki.ncjrb.2021.004787.

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

\[4\]韩策,张娜,王松亭,张凯,何方,袁峰.SpringBoot OPC客户端设计与研究\[J\].电子世界,2021(19):25-26.DOI:10.19353/j.cnki.dzsj.2021.19.011.

\[5\]王萍.SpringBoot项目中EhCache缓存技术的实现\[J\].电脑知识与技术,2021,17(29):79-81.DOI:10.14004/j.cnki.ckt.2021.2812.

\[6\]齐善鲁,马徳俊,梁雪.基于SpringBoot的开放式软件开发案例教学平台设计\[J\].电脑知识与技术,2021,17(28):71-73.DOI:10.14004/j.cnki.ckt.2021.2997.

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

\[8\]葛丽君.电竞行业的探路者——访济南市电子竞技运动协会会长王婷婷\[J\].走向世界,2021(37):84-87.

\[9\]中国移动游戏行业观察:云游戏成重点发展方向\[J\].大数据时代,2021(08):62-76.

\[10\]巢晟盛.基于SpringBoot微服务架构下前后端分离的MVVM模型浅析\[J\].电脑知识与技术,2021,17(23):128-129+141.DOI:10.14004/j.cnki.ckt.2021.2412.

\[11\]Joe Zhang.China's E-sports Market Is Undergoing Rapid Development\[J\].China's Foreign Trade,2021(04):47-49.

\[12\]王展鑫,谢瑞乐.电子竞技行业带来的商业价值研究——以2020年中国电竞发展情况为例\[J\].营销界,2021(30):17-18.

\[13\]田培冉.国内互联网环境下非对称类对抗游戏的视觉设计审美需求分析\[J\].作家天地,2021(20):77-78.

\[14\] 中国电竞行业研究报告 2021年\[C\]//艾瑞咨询系列研究报告（2021年第4期）.,2021:193-237.

\[15\]Can Lin, Lifang Wang. Analysis of the Development Path of China's E-sports Industry Chain based on the SCP Paradigm\[J\]. Scientific Journal of Economics and Management Research,2021,3(4):

\[16\]吉青.电竞+:品牌年轻化的新阵地\[J\].风流一代,2021(06):16-17.

\[17\]栗青,谢其安.韩国电子竞技产业体系对我国的借鉴与启示\[J\].国际公关,2021(01):147-148.DOI:10.16645/j.cnki.cn11-5281/c.2021.01.063.

## 致 谢 ##

时光飞逝，转眼间我在学校的这些年生活即将结束，回顾这几年的学习生活，收获良多，既有幸福也有难过，学校生活的结束对于我来说也是一个新的开始。论文即将完成，在此，我心中有许多想要感谢的人。首先感谢我的导师，不仅在学习研究方面加以指导，也在生活和为人处世上给予帮助。还要感谢授课老师，你们严谨的学术精神和积极向上的工作态度都在激励我的成长和进步。感谢多年来一直生活在一起的室友，谢谢你们多年来的陪伴和照顾。最后，要感谢各位论文评审老师，感谢您们在百忙之中抽空评阅本论文并给出宝贵的意见和建议。

> **免费领取本源代码，请关注点赞+私聊**

[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
[d4169a73e4154bdaa1fd66e0a47223e8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/56aa3543083a418dab0723ed0073b2c8.png
[03cdc65c1a8940f8b0e9fb259f02f33d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/bb1a4d720af846a58b83e3714230a70a.png
[dddfe07498cc4d2cbc741ae2e587f55a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/000b2ba9abad47f0bb8b0d2ed0ca8ef4.png
[72e07d30b0234c21ba2ababb39509f30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/8f8414fdd0b8498db55ef48c7e4268c4.png
[60b4f90f518645a5ae9d5ac1754c71ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/2f57439f5e23407880210e16653ee284.png
[c6f09602eac34bf0aaddb1c81a0d23a1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/37bf356fb997474a8c10cf43b9b3ad85.png
[defa720f4d624b3d9453a19b9c27071e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/62792e37575c428fa23d7ec4ae8ee338.png
[92cbc22fd3f74372b9eb5bcf347502e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1a00d45a3ad840de96adf3c5fa8ea830.png
[9f80b7001b1c4c9b9ec03bd8d6ff4a92.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/c2b49df661544a7aadc34e6386fc042d.png
[9dafe525ae004469858de78ff047d626.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/80dea5a2c5e6488484f6a5f77ed87f22.png
[f0e554df679044eea5f2fc80bda17705.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/28f75b2420be4acd8ecb663d742faa13.png
[2ab45ecab93e4e3f8195492b665b74c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/88e3b2c73b804f08884b669a7e0150aa.png
[0cb0dc38523845c486f003b40c6509c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/37e6b0d30578489f8ae646364554ea70.png
[e35dd78b21064dcd979df4389ce99ee4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/45687f17787f4529a634465fe2672ee3.png