（附源码）springboot基于JAVA游戏周边商城设计与实现计算机毕设261622

喜欢ヅ旅行 2024-03-17 21:57 72阅读 0赞

Springboot游戏周边商城的开发

摘 要

现今人们的生活方式逐渐丰富，电脑和网络已经融入了人们生活中的滴滴点点，无时不刻的影响着我们的日常生活，网络游戏已经进入到了大多数人的生活之中。在游戏的世界中人们会得到很多游戏商品，然而这些商品就像现实生活中的物品一样，有的商品会经常被使用到，让玩家在游戏中神采奕奕，出类拔萃；游戏周边商城的出现已然成为时代的趋势，并将会拥有其与众不同又必不可少的的地位。

本文主要通过对平台的前台和后台管理进行了功能性需求分析，对系统的安全性和可扩展性进行了非功能性需求分析。在详细的需求分析的基础上，根据系统的功能设计确定了数据库结构，实现完整的代码编写。游戏周边商城完成了系统的主要模块的页面设计和功能实现。本文展示了首页页面的实现效果图，并通过代码和页面介绍了用户注册功能、商城资讯、商城中心和商品购买、在线支付功能的实现过程。

关键词：电子商务；Springboot框架；游戏周边商城

**Development of shopping malls around springboot games**

**Abstract**

Nowadays, people's lifestyles are gradually enriched. Computers and networks have been integrated into people's lives, affecting our daily life all the time. Online games have entered most people's lives. In the game world, people will get a lot of game commodities. However, these commodities are just like those in real life. Some commodities will be often used to make players feel energetic and outstanding in the game; The emergence of shopping malls around the game has become the trend of the times, and will have its unique and essential position.

This paper mainly analyzes the functional requirements of the foreground and background management of the platform, and analyzes the non functional requirements of the security and scalability of the system. Based on the detailed demand analysis, the database structure is determined according to the functional design of the system to realize the complete coding. The mall around the game has completed the page design and function realization of the main modules of the system. This paper shows the implementation effect of the home page, and introduces the implementation process of user registration function, mall information, mall center, commodity purchase and online payment function through code and page.

**Key words**:Electronic Commerce; Springboot framework; Shopping mall around the game

目 录

一、 绪论

(一) 研究背景与意义

(二) 发展现状

二、 开发工具及相关技术介绍

(一) Java开发语言

(二) Springboot框架

(三) Mysql数据库

(四) B/S结构

(五) B/S体系工作原理

(六) MVVM模式

三、 系统分析

(一) 可行性分析

1. 经济可行性

2. 技术可行性

3. 操作可行性

(二) 功能性需求分析

(三) 非功能性需求分析

(四) 业务流程分析

四、 系统设计

(一) 功能结构设计

(二) 功能设计

(二) 数据库设计

五、 系统实现

(一) 用户登录的实现

(二) 系统前台主要功能实现

1. 首页的实现

2. 用户注册的实现

3. 商城展示的实现

4. 商城资讯的实现

5. 商品购买的实现

(三) 系统后台主要功能实现

1. 用户管理的实现

2. 商城资讯管理的实现

3. 订单管理的实现

六、 系统测试

(一) 系统可靠性测试

(二) 系统功能性测试

(三) 系统合格性测试

(四) 测试结果

七、 总结与展望

参考文献

致谢

游戏周边商城

*  **绪论**

*  研究背景与意义

21世纪，全球网络化，科技在突飞猛进。我们的生活也随之发生了极大的变化。随着计算机的普及，我们社会和经济生活中的各个领域也在发生改变。人们进行信息交流的深度与广度在不断增加,这使得传统的行业模式也要跟随时代的步伐，为用户提供更加便捷、个性化的服务。电子商务在此得到了极大的普及与发展。

信息技术光速发展的今天，存在无穷的机遇，但与此同时，在现在这样的大环境之下，依靠人力的双手来进行的游戏商品在线交易模式基本已经不能够满足企业运营和管理的要求了，也就是说，传统的游戏商品交易模式不只是不能够满足企业的发展，更圆圆漫步不了现在生活和社会发展趋势的基本要求。在互联网还没有现今如此发达和普及的早期，游戏商品的交易都处理完全依靠的使人工的操作，但是在信息时代中，生活的节奏不断加快，社会的变迁使人叹为观止，传统的游戏商品交易系统已经完全跟不上步伐了，迟早被时代所淘汰。需要经过诸多手续，并且整个过程都要通过手工操作的传统的游戏商品交易信息管理效率实在太过低下，根本就满足不了企业对巨量的游戏商品交易信息的统计和处理了。同时，交易过程之中产生的关系有及其复杂，各个单位处理信息的方式方法各不相同，极容易出现信息的遗漏或是重复问题。

因此，必须出现一种全新的、信息化的技术平台来改善现今的混乱局面，游戏周边商城就是在这样的一个大环境下所催生出来的，为了应付全新的形式的游戏商品交易信息模式，最理想的解决办法正式创建游戏周边商城。这次的创新意义非凡，一方面不仅能摆脱传统低效的工作方式，另一方面更是能够保障企业经营链的高效果运作。建立信息化管理系统还有一大优势就是能够在企业管理创新、技术创新、制度创新和文化创新等方面产生巨大促进作用。

*  发展现状

在全球范围类美国对于游戏商品交易平台的研究相对较早，也就相对先进。在2009年美国的游戏商品交易就已经发表了《基本游戏商品交易信息理论说明》，其中提到了以下几点指标来评定游戏商品交易信息:相关性方面、可验证方面、超然方面、可定量方面。从此，全球第一次出现了游戏商品交易信息的质量标准。―不仅踏出了游戏商品交易的第一步，这也对以后的对游戏商品交易平台的创建和研究产生了巨大的深远影响。现在我们国内也有很多的企业已经通过建立内部的局域网系统以及和外部的英特网连接实现了信息化的管理，同时也拥有了完备的硬件设施。但是我国现在仍然存在诸多不足，在软件方面尤其突出。在软件方面，最不尽如人意的地方就是我国目前所能开发出来的在游戏商品交易平台信息方面的的系统并没能与国际接轨，而且功能不够强大和完善，最终使得国际友人并不买账，对系统的推广和普及造成巨大的困难。

我国面对一个十分艰巨的问题，那就是如何应对和适应国际化发展的要求。近几年，信息事业发展速度实在迅猛，手工管理方式实在跟不上时代的节奏，尤其在网络游戏商品交易信息管理等运用，因为其中包含了巨量的事务处理，唯有采用IT技术，才能充分提升服务质量，提高管理水平。我们不仅要面对国内的竞争，同时面对国外的种种挑战，要跟上国际的步伐，以最快的速度与国际接轨。

*  **开发工具及相关技术介绍**

*  Java开发语言

Java是一种面向对象的程序设计语言，类是Java程序的基本组成单元，类中又包含了属性和方法，在类中又可以创建无数个对象。类中包含的主要成员是字段和方法，字段是指一种数据变量，方法是指对字段进行操作的集合，包括给其他变量赋值、调用方法等\[1\]。

*  Springboot框架

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。

*  Mysql数据库

Mysql数据库逻辑结构包含表空间(tablespace)、段(segment)、范围(extend)、数据块(datablock)、和模式对象(schemaobject) \[9\]。每一个数据库都可以逻辑划分为一个或多个表空间，每一个表空间都是由一个或多个数据文件来组成。Mysql数据库分为系统表空间和非系统表空间，每一个Mysql数据库都包含一个称作SYSTEM的系统表空间。

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

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

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

*  B/S结构

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

*  B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

### （六）MVVM模式 ###

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

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

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

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

*  **系统分析**

*  可行性分析

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

1.  经济可行性

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

1.  技术可行性

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

1.  操作可行性

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

*  功能性需求分析

前台需求：

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

（2）商品管理模块：主要包括商品信息浏览、商品信息展示、商品搜索、商品购买等功能。

（3）购买订单模块：主要包括添加购买订单、查看我的购买订单和删除购买订单等功能。

（4）订单模块：主要包括生成订单、我的订单、查看订单详细信息、在线支付等功能。

（5）商城中心模块：主要包括商城店铺展示、店铺商品展示等。

（6）商城资讯模块：主要是商城资讯信息展示。

后台需求：

（1）用户管理：主要包括用户列表、用户等级管理等功能。

（2）商品管理：主要包括商品列表、商品类目管理、商品添加、商品信息管理等功能。

（3）商城资讯管理：主要包括商城资讯信息的发布等功能。

（4）分类列表管理：主要包括商品分类管理。

（5）订单管理：审核用户的购买订单信息。

用户用例图如下所示。

![7a2e316afe164c55abe107fe655d79c7.png][]

图1 用户用例图

管理员用例图如下所示。

![12eee48c879f45d38b11633e1fb3ecbd.png][]

图2 管理员用例图

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

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

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

表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用户编辑用例描述

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

商品购买用例描述如下表所示。

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

*  非功能性需求分析

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

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

*  业务流程分析

游戏周边商城的前台中，用户模块和商品模块进行数据交互，实现购买的功能。前台的功能主要包括用户模块、公告消息模块、商城资讯模块、购买模块和个人订单模块。

游戏周边商城的后台中，管理员对用户在前台提交申请产生的数据进行处理，以满足用户的需求。前台系统和后台系统有数据交互，整个系统各个部分相互独立又密不可分。后台的功能主要包括用户管理、商城管理、商城资讯管理、分类管理、商品信息管理、订单管理。

*  **系统设计**

(一）功能结构设计

本系统的设计是基于Java技术+Mysql数据库+Tomcat服务器的方式设计，以Myeclipse10为开发工具，并运用Photoshop CS6技术美化网页，辅之以CSS技术。本系统使用的角色主要有系统管理员和普通用户，系统分为前台和后台，前台主要用于商城展示和商品的购买，后台用于商城、资讯、订单、商品信息的管理，首先以普通用户通过账号注册后登录系统前台，可以进行各种信息浏览和搜索，用户可以将需要的商品进行下单购买，用户可以查询订单是否已经被管理员确认，订单生成后表示用户购买成功，用户同时可以修改个人的信息资料，查看订单信息；以管理员的身份登录系统后台可以进行商品维护、订单管理等。

系统功能结构图如下所示。

![612d83e463e745fcba1940bed5817f83.png][]

图4-1系统功能结构图

（二）功能设计

1.用户登录模块:确保用户注册信息的真实度是提高系统效率和盈利的重要因素。真实的用户才能带来价值，注册是保证真实用户使用系统主要业务的第一步，通过对用户注册信息的审核，可防止机器注册。使用现如今较为流行的管理员进行账号激活的验证方式，对用户注册信息进行过滤，未激活用户信息将不能使用系统主要功能。

如下图所示为用户登录流程图。

![7e5ff9341d8044b5a48af48eb0118954.png][]

图4-2用户登录流程图

2.商城资讯浏览模块:没有登录的用户和登录的用户都可以在系统前台进行商城资讯浏览，用户可以查看商城资讯的详细信息，用户还可以通过商城资讯名称的关键字进行搜索。

如下图所示为商城资讯浏览流程图。

![ec73e917cd1242da8bf85e24d6f67c35.png][]

图4-3商城资讯浏览流程图

3.订单管理模块:用户购买商品后，填写收货地址、收货人、电话等信息，生成订单信息，管理员可以审核订单，删除、修改订单，对订单信息进行相应的物流信息。

如下图所示为订单管理流程图。

![2cbe45cf97ef44ffb037f33657a4b7c3.png][]

图4-4订单管理流程图

4.商城资讯管理模块

系统管理员可以对商城资讯信息进行增、删、改、查的操作。

5.用户管理模块

系统管理员可以对用户信息进行增、删、改、查的操作。

6.订单模块

用户对个人添加至购买订单里面的商品进行增删改查等操作。

（三）数据库设计

#### 3.1概念设计 ####

本系统的E-R图表现了系统中各个实体之间的联系，经过分析，系统的实体有商城活动、优惠券领取、订单中心、充值中心、物流信息等。

订单信息的实体图如下图所示。

![9b48807161fe4b43bc42a22eaa114a37.png][]

图4-6订单信息实体图

用户信息实体图如下图所示。

![ed50337593394c0abb180f19135caa13.png][]

图4-7用户信息实体图

商品信息的实体图如下图所示。

![077fb717bad4419e8c2a257bfa41ff84.png][]

图4-8商品信息实体图

订单E-R图如下图所示。

![6749b1ff798f4607b89a1e67496f40ba.png][]

图4-9订单E-R图

#### 3.2逻辑设计 ####

Allusers表是系统用户的信息表，存储系统用户真实姓名、性别、年龄、电话、地址、备注、编号、姓名、用户密码以及其相对应的密码等相关信息。

Dingdan表是订单信息表，存储用户的订单的相关信息，其中包括订单号、金额、订单内容、用户名、姓名、邮件地址、邮编、手机、添加时间、是否审核等相关信息。

yonghuzhuce表是用户注册信息表，存储用户的注册信息，其中包括编号、用户名、密码、姓名、性别、出生年月、QQ、邮箱、电话、身份证、头像、地址、备至、折扣等相关信息。

shangpinxinxi表是商品信息表，存储商品内容的信息，其中包括标题、类别、价格、库存、图片、描述、添加时间等相关信息。

#### 3.3表设计 ####

数据库表设计：经过前期的需求分析、可执行分析、数据流分析等各个流程分析，结合软件工程的高内聚、低耦合规则，并考虑到以后的程序功能扩展，设计如下几张表。

<table style="margin-left:4.8pt;width:450.65pt;"> 
 <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:151.55pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> goods_id </td> 
 <td> mediumint </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:151.55pt;"> 产品id </td> 
 </tr> 
 <tr> 
 <td> title </td> 
 <td> varchar </td> 
 <td> 125 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td> img </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 封面图 </td> 
 </tr> 
 <tr> 
 <td> description </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td> price_ago </td> 
 <td> double </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 原价：[1] </td> 
 </tr> 
 <tr> 
 <td> price </td> 
 <td> double </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 卖价：[1] </td> 
 </tr> 
 <tr> 
 <td> customize_field </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 自定义字段 </td> 
 </tr> 
 <tr> 
 <td> sales </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 销量 </td> 
 </tr> 
 <tr> 
 <td> inventory </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 商品库存 </td> 
 </tr> 
 <tr> 
 <td> type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 商品分类： </td> 
 </tr> 
 <tr> 
 <td> hits </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 点击量 </td> 
 </tr> 
 <tr> 
 <td> content </td> 
 <td> longtext </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 正文 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 更新时间： </td> 
 </tr> 
 <tr> 
 <td> img_1 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 主图1： </td> 
 </tr> 
 <tr> 
 <td> img_2 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 主图2： </td> 
 </tr> 
 <tr> 
 <td> img_3 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 主图3： </td> 
 </tr> 
 <tr> 
 <td> img_4 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 主图4： </td> 
 </tr> 
 <tr> 
 <td> img_5 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 主图5： </td> 
 </tr> 
 <tr> 
 <td> source_table </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 来源表： </td> 
 </tr> 
 <tr> 
 <td> source_field </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 来源字段： </td> 
 </tr> 
 <tr> 
 <td> source_id </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 来源ID： </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 添加人 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:450.65pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:137.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:109.05pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> commodity_management_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:109.05pt;"> 商品管理ID </td> 
 </tr> 
 <tr> 
 <td> remarks </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 备注 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> cart_title </td> 
 <td> varchar </td> 
 <td> 125 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td> cart_img </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 封面图 </td> 
 </tr> 
 <tr> 
 <td> cart_description </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td> cart_price_ago </td> 
 <td> double </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 原价 </td> 
 </tr> 
 <tr> 
 <td> cart_price </td> 
 <td> double </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 卖价 </td> 
 </tr> 
 <tr> 
 <td> cart_inventory </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 商品库存 </td> 
 </tr> 
 <tr> 
 <td> cart_type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 商品分类： </td> 
 </tr> 
 <tr> 
 <td> cart_content </td> 
 <td> longtext </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 正文 </td> 
 </tr> 
 <tr> 
 <td> cart_img_1 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 主图1： </td> 
 </tr> 
 <tr> 
 <td> cart_img_2 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 主图2： </td> 
 </tr> 
 <tr> 
 <td> cart_img_3 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 主图3： </td> 
 </tr> 
 <tr> 
 <td> cart_img_4 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 主图4： </td> 
 </tr> 
 <tr> 
 <td> cart_img_5 </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 主图5： </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:449.35pt;"> 
 <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:150.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> type_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:150.25pt;"> 商品分类ID： </td> 
 </tr> 
 <tr> 
 <td> father_id </td> 
 <td> smallint </td> 
 <td> 5 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 上级分类ID </td> 
 </tr> 
 <tr> 
 <td> name </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 商品名称： </td> 
 </tr> 
 <tr> 
 <td> desc </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 描述： </td> 
 </tr> 
 <tr> 
 <td> icon </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 图标： </td> 
 </tr> 
 <tr> 
 <td> source_table </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 来源表： </td> 
 </tr> 
 <tr> 
 <td> source_field </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 来源字段： </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:150.25pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:450.25pt;"> 
 <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:151.15pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> address_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:151.15pt;"> 收货地址： </td> 
 </tr> 
 <tr> 
 <td> name </td> 
 <td> varchar </td> 
 <td> 32 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 姓名： </td> 
 </tr> 
 <tr> 
 <td> phone </td> 
 <td> varchar </td> 
 <td> 13 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 手机： </td> 
 </tr> 
 <tr> 
 <td> postcode </td> 
 <td> varchar </td> 
 <td> 8 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 邮编： </td> 
 </tr> 
 <tr> 
 <td> address </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 地址： </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> mediumint </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 更新时间： </td> 
 </tr> 
 <tr> 
 <td> default </td> 
 <td> tinyint </td> 
 <td> 1 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.15pt;"> 默认判断 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:450.65pt;"> 
 <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:151.55pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> order_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:151.55pt;"> 订单ID： </td> 
 </tr> 
 <tr> 
 <td> order_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 订单号： </td> 
 </tr> 
 <tr> 
 <td> goods_id </td> 
 <td> mediumint </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 商品id </td> 
 </tr> 
 <tr> 
 <td> title </td> 
 <td> varchar </td> 
 <td> 32 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 商品标题： </td> 
 </tr> 
 <tr> 
 <td> img </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 商品图片： </td> 
 </tr> 
 <tr> 
 <td> price </td> 
 <td> double </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 价格： </td> 
 </tr> 
 <tr> 
 <td> price_ago </td> 
 <td> double </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 原价： </td> 
 </tr> 
 <tr> 
 <td> num </td> 
 <td> int </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 数量： </td> 
 </tr> 
 <tr> 
 <td> price_count </td> 
 <td> double </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 总价： </td> 
 </tr> 
 <tr> 
 <td> norms </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 规格： </td> 
 </tr> 
 <tr> 
 <td> type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 商品分类： </td> 
 </tr> 
 <tr> 
 <td> contact_name </td> 
 <td> varchar </td> 
 <td> 32 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 联系人姓名： </td> 
 </tr> 
 <tr> 
 <td> contact_email </td> 
 <td> varchar </td> 
 <td> 125 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 联系人邮箱： </td> 
 </tr> 
 <tr> 
 <td> contact_phone </td> 
 <td> varchar </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 联系人手机： </td> 
 </tr> 
 <tr> 
 <td> contact_address </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 收件地址： </td> 
 </tr> 
 <tr> 
 <td> postal_code </td> 
 <td> varchar </td> 
 <td> 9 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 邮政编码： </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 买家ID： </td> 
 </tr> 
 <tr> 
 <td> merchant_id </td> 
 <td> mediumint </td> 
 <td> 8 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 商家ID： </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 更新时间： </td> 
 </tr> 
 <tr> 
 <td> description </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td> state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:151.55pt;"> 订单状态 </td> 
 </tr> 
 </tbody> 
</table>

*  **系统实现**

*  用户登录的实现

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

登陆拦截管理器，在config文件夹下的WebAppConfig.java文件，代码如下：

@Configuration

@Slf4j

public class WebAppConfig implements WebMvcConfigurer \{

@Override

public void addInterceptors(InterceptorRegistry registry) \{

//登录拦截的管理器

InterceptorRegistration registration = registry.addInterceptor(loginInterceptor());

//拦截的地址

registration.addPathPatterns("/\*\*");

//方行的地址

//registration.excludePathPatterns("/\*\*");

//根据需要拦截，一般设置所有地址拦截，放行公共连接

@Bean

public LoginInterceptor loginInterceptor()\{

return new LoginInterceptor();

登录界面如下图所示。

![a4e0d4ff44134abaae7d955608aeb00d.png][]

图5-1登录界面

用户登录的关键代码如下。

/\*\*

\* 登录

\* @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);

*  系统前台主要功能实现

1.  首页的实现

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

首页界面如下图所示。

![20eb2026a7ab4ca29786e717b3f1e84f.png][]

图5-2首页界面

1.  用户注册的实现

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

用户注册界面如下所示。

![3877a64d679d4b3c8e8535ee64fbf62d.png][]

图5-3用户注册界面

1.  商城展示的实现

商城展示页面，如下图所示。

![dd835167296c4128a3da0198c498f070.png][]

图5-4商城展示页面

商城展示的关键代码如下。

@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);

1.  商城资讯的实现

系统首页提供了商城资讯信息，用户点击浏览，系统传递到后台。首先创建一个实体类 PageBean，该实体类的属性包括页码 pageCode、每页记录数 pageSize、总记录数 totalRecord 和一个 List 集合 beanList，用循环将资讯分页展示。

商城资讯界面如下图所示。

![aa0d1734113246a5baf6e0fc353c01bc.png][]

图5-5商城资讯界面

商城资讯的关键代码如下。

@RequestMapping(value = \{"/count\_group", "/count"\})

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

Query count = service.count(service.readQuery(request), service.readConfig(request));

return success(count.getResultList());

1.  商品购买实现

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

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

![32fba74dd76946debbf4927769b8b1e6.png][]

图5-6商品购买界面

支付界面如下图所示。

![7880e59f67504da19624d75bc7631b78.png][]

图5-7支付界面

商品购买的关键代码:

@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);

*  系统后台主要功能实现

1.  用户管理的实现

用户管理界面如下图所示。

![6a4bf73bfcad4a5e953a42f041a800bf.png][]

图5-8用户管理界面

1.  商城资讯管理的实现

管理员可以获取系统中所有商城资讯的列表并对其进行编辑。管理员在添加商城资讯时，需要输入商城资讯标题、文章分类、标签等。添加商城资讯完成，数据库商城资讯表添加一条信息。

商城资讯管理界面如下图所示。

![853a652b3ca3436c92ecdb0f8e01730a.png][]

图5-9商城资讯管理界面

商城资讯管理关键代码：

@RequestMapping(value = \{"/avg\_group", "/avg"\})

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

Query count = service.avg(service.readQuery(request), service.readConfig(request));

return success(count.getResultList());

1.  订单管理的实现

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

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

![a0e468ca0c834d539a99be790e232c84.png][]

图5-10商品管理界面

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

![34da546f516347a7904c1d0dae140489.png][]

图5-11订单列表管理界面

订单列表管理的关键代码如下。

@RequestMapping("/get\_obj")

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

Query select = service.select(service.readQuery(request), service.readConfig(request));

List resultList = select.getResultList();

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

JSONObject jsonObject = new JSONObject();

jsonObject.put("obj",resultList.get(0));

return success(jsonObject);

\} else \{

return success(null);

public Query select(Map<String,String> query,Map<String,String> config)\{

StringBuffer sql = new StringBuffer("select ");

sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "\*" : config.get(FindConfig.FIELD)).append(" ");

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

if (config.get(FindConfig.GROUP\_BY) != null && !"".equals(config.get(FindConfig.GROUP\_BY)))\{

sql.append("group by ").append(config.get(FindConfig.GROUP\_BY)).append(" ");

if (config.get(FindConfig.ORDER\_BY) != null && !"".equals(config.get(FindConfig.ORDER\_BY)))\{

sql.append("order by ").append(config.get(FindConfig.ORDER\_BY)).append(" ");

if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)))\{

int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

sql.append(" limit ").append( (page-1)\*limit ).append(" , ").append(limit);

log.info("\[\{\}\] - 查询操作，sql: \{\}",table,sql);

return runEntitySql(sql.toString());

*  **系统测试**

*  系统可靠性测试

以进入系统首页的访问速度为例展示系统的性能测试；系统的主要用户群体是购物理念较为先进的消费者，系统要在3秒钟内响应；需要完成页面的菜单栏、商城活动、游戏资讯、优惠券领取、订单中心以及各功能模块入口等元素的显示。

*  系统功能性测试

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

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

表11系统功能性测试表

<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．验证用户违规清理功能。 </td> 
 <td style="width:62.1pt;"> 通过 </td> 
 </tr> 
 </tbody> 
</table>

*  系统合格性测试

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

*  测试结果

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

*  **总结与展望**

本文针对游戏周边商城的特点和用户需求，利用 Java相关技术、Springboot框架和MVVM 模式等技术，通过详细的需求分析、页面设计和功能设计，最终实现了一个基于 Java 的游戏周边商城。

系统利用JQuery 技术和 CSS 技术进行了系统页面设计，实现了包括用户模块、商城模块、商品模块、购买订单模块和前台系统以及包括用户管理模块、商品管理模块、订单管理模块的后台系统。另外，系统还进行了数据安全设计和商品信息推荐模块设计，并添加了用户的访问控制，建立了一个完整、健壮、安全稳定的游戏周边商城。

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

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

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

（3）优化商品推荐功能，提高商品推荐的精准度；

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

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

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

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

1.  杨文豪. 基于微服务的网上商城系统的设计与实现\[D\].北京邮电大学,2021.
2.  \[2\]程红琳. 网上商城品目扩容效果几何\[N\]. 中国政府采购报,2021-05-18(005).
3.  魏钢毅. 从“一品目一采购”到供应商承诺入驻\[N\]. 中国政府采购报,2021-05-11(005).
4.  \[4\]王娟.基于Android系统的手机网上商城设计与实现\[J\].电子技术与软件工程,2021(03):43-44.
5.  裴来芝,宁云智,刘东海.基于ASP.NET的网上商城中用户注册功能模块设计与实现\[J\].电脑编程技巧与维护,2020(10):44-46.
6.  \[6\]袁江琛.Ajax+jQuery在网上商城购物车模块中的设计与实现\[J\].电脑编程技巧与维护,2020(10):34-35+68.

\[7\]王柯梦,王瑞平.基于B2C网上商城前台系统数据库设计与实现\[J\].广西质量监督导报,2020(09):70-71.

\[8\]黄舒珣. 基于文本挖掘的迪卡侬网上商城顾客满意度影响因素研究\[D\].广西民族大学,2020.

\[9\]孙建英.分布式、集中式、区块链技术在网上商城中的应用\[J\].商场现代化,2020(01):13-15.

\[10\]李贝贝. 考虑策略型消费者的网上商城动态定价研究\[D\].大连大学,2019.

\[11\]王一凡. 基于MOT的云南移动网上商城O2O手机营销策略优化研究\[D\].云南大学,2019.

\[12\]袁嘉. 零售商多渠道供应链的定价决策与渠道选择\[D\].重庆交通大学,2019.

\[13\]徐光耀. 基于Dubbo分布式架构网上商城的研究与实现\[D\].沈阳师范大学,2019.

\[14\]刘芳羽.新华书店“网上商城”上线运营\[J\].时尚北京,2018(06):158-159.

##  **致谢**  ##

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

[7a2e316afe164c55abe107fe655d79c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/269dece83ff348949b40881a00e4e8df.png
[12eee48c879f45d38b11633e1fb3ecbd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/ee68923fe982418ea160f6358fce92da.png
[612d83e463e745fcba1940bed5817f83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/57c5d4fd71f8408eaa0393358de2851e.png
[7e5ff9341d8044b5a48af48eb0118954.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/bad2b1dc61dc41198f5d792e20c5e845.png
[ec73e917cd1242da8bf85e24d6f67c35.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/4a6980f1ecc449e88fb9b3288dbe532c.png
[2cbe45cf97ef44ffb037f33657a4b7c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/de14b5dbc2cb412f8d57e722b65d8f5f.png
[9b48807161fe4b43bc42a22eaa114a37.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f2bc068548b148cfbd39a914b5072dd2.png
[ed50337593394c0abb180f19135caa13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/aa14d746a3a2450c8d11c1a26b9a3b82.png
[077fb717bad4419e8c2a257bfa41ff84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/1c8b624dfc4b4274b1e8ee1e96660bb4.png
[6749b1ff798f4607b89a1e67496f40ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/737d69e5618c431f8ecb8e21171abafa.png
[a4e0d4ff44134abaae7d955608aeb00d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/d2a3ceede05e40f0a632ab933407651f.png
[20eb2026a7ab4ca29786e717b3f1e84f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/fcca72cc324f43fa835b8eea992bae47.png
[3877a64d679d4b3c8e8535ee64fbf62d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/d367dc74f9754d0089d41e134712a30b.png
[dd835167296c4128a3da0198c498f070.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/0c1ff07f12aa49b893d77dc14e87ef48.png
[aa0d1734113246a5baf6e0fc353c01bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f49ec157791241a0a9ac9d22a166aca6.png
[32fba74dd76946debbf4927769b8b1e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/aad1d39e4780456291eff72683bd8884.png
[7880e59f67504da19624d75bc7631b78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/1287a91d94304231b458286ddd304c0c.png
[6a4bf73bfcad4a5e953a42f041a800bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/83a4d6ebcce14788a5d41f1f55f8329f.png
[853a652b3ca3436c92ecdb0f8e01730a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/3d3269010bc8487299bad48a4f63936f.png
[a0e468ca0c834d539a99be790e232c84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/5d804b73e6ae4a3a935310bc1d163344.png
[34da546f516347a7904c1d0dae140489.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/7291dd8ec59b42f49d80422fd00c228e.png