(附源码)spring boot SneakerHome球鞋商城毕业设计 011229

偏执的太偏执、 2024-04-07 14:45 88阅读 0赞

## **springboot球鞋商城** ##

## **摘 要** ##

随着互联网的迅速开展，球鞋商城已经完全融入人们生活，球鞋订单量不断增加，实体行业乘着球鞋商城潮流纷纷搭建自己的球鞋商城销售渠道，商家对订单数据的统计，订单数据的分析的需求也不断提高。球鞋商城平台经过多年开展，现已形成了一个多项业务系统，但球鞋商城企业每天面临各个业务线和产品线的订单数据，需要进行数据的统计和分析，市面上少有能与其对接的成熟产品。同时，在订单数据分析过程中，也能帮助商家更好地把握商家开展状况，分析市场运营模式，尽可能地经济效益最大化。球鞋商城基于此展开。

本系统主要是提供给用户一个球鞋商城的平台，通过价格优势吸引众多消费者来购买，实现正常运营。本文主要是采用Java语言、springboot技术、Mysql数据库，系统采用B/S结构进行开发，完成一个球鞋商城。目标是实现一个以订单整合为中心的计算机系统，构建用户信息与账号，账号与订单信息有机结合的业务系统。

关键词：springboot技术；球鞋；Mysql数据库

## **Springboot shoes mall** ##

## **ABSTRACT** ##

With the rapid development of the Internet, the shoe mall has been fully integrated into people's lives, and the order quantity of shoes is increasing constantly. The real industry has set up its own sales channels in shoe mall one after another, and the demand of merchants for statistics and analysis of order data is also increasing. After years of development, the shoe mall platform has formed a number of business systems. However, every day, the shoe mall enterprises are faced with the order data of various business lines and product lines, which need to be counted and analyzed. There are few mature products on the market that can be connected with it. At the same time, in the process of order data analysis, it can also help businesses to better grasp the business development situation, analyze the market operation mode and maximize the economic benefits as much as possible. Based on this, the multi-platform order integration and analysis system of sneakers mall is launched.

The system is mainly to provide users with a platform of sneaker mall, attract many consumers to buy through price advantage, and realize normal operation. This paper mainly uses Java language, springboot technology and MySQL database. The system is developed with B / S structure to complete a sneaker mall. The goal is to realize a computer system centered on order integration and build a business system with user information and account number, and the organic combination of account number and order information.

**Key words:** Springboot technology; gym shoes; Mysql database

目 录

摘 要

ABSTRACT

第1章 绪论

1.1研究背景

1.2研究现状

1.3本文的结构

第2章 关键技术介绍

2.1开发技术说明

2.2 MVVM模式

2.3 MVVM模式优点

2.4 Springboot框架

第3章 系统分析

3.1可行性分析

3.1.1操作可行性

3.1.2技术可行性

3.1.3经济可行性

3.2功能需求分析

3.3用例分析

3.4数据流分析

3.5数据字典

第4章 系统设计

4.1结构设计

4.2功能设计

4.3数据库设计

4.3.1概念设计

4.3.2表设计

第5章 系统详细设计

5.1数据库访问层的实现

5.2 登录模块

5.3用户注册模块

5.4 首页的实现 26

5.5用户资料修改模块的实现 26

5.6 订单列表模块的实现 26

5.7 售后中心管理模块 27

5.8商城列表管理模块 28

第6章测试系统 29

6.1 测试目的 29

6.2测试用例 29

第7章 结　论 33

参考文献 34

致 谢 36

1.  **绪论**

1.1研究背景

随着网络不断的普及发展，球鞋商城系统依靠网络技术的支持得到了快速的发展，首先要从用户的实际需求出发，通过了解用户的需求开发出具有针对性的公告内容（轮播图、公告栏、）系统用户管理（管理员、卖家、买家）、内容模块（鞋城资讯、资讯分类）商城中心管理（商城列表、分类列表、订单列表）模块管理（售后中心），利用目前网络给用户带来的方便快捷这一特点对系统进行调整，设计的系统让用户的使用起来更加方便，本系统的主要目的就是给用户带来快捷与高效、安全，用户只要在家中就可以进行操作。同时随着电子商务的发展球鞋商城系统已经受到广大用户的关注。

互联网发展至今，已经解决了很多我们解决不了的难题，使得我们工作更加便捷，提高了我们的工作效率。目前各行各业都在运用网络信息管理程序，不同的用户也都接触到信息管理，特别是在各大电商行业广泛的应运起来。通过对当前网络环境发展的分析与总结，开发球鞋商城系统可以改变以往的球鞋销售方式，改变传统线下球鞋商城系统的状态，由于用户的不断增多，使用传统的线下手工模式已经远远不能满足于用户需求了，而且越来越多的商家也在开通线上进行球鞋商城系统，所以开发一个球鞋商城系统可以解决商家不利于在线球鞋销售的问题，同时商家可以利用网络对球鞋销售信息进行管理，设计的网站保证信息的完整安全，这样才能提高工作效率，保证系统安全正常的运行。

1.2研究现状

在国外他们的信息技术的发展是我国的许多倍，从1946年诞生在美国的世界上第一台计算机开始，国外的信息技术就一直在飞速地发展，一些计算机应用软件也纷纷出现，软件技术也一直在不断完善和更新。软件行业早已遍布各个地方。

在国内，我国信息技术发展起步比较晚，后期慢慢的不断地进行优化和改革，才让我们的信息技术上升到新的阶段。在现在软件开发的技术经过大量研究和生活实践基本能够达到独立开发系统应用的水平，生活中的各个行业也把软件操作替换成传统的记录模式。软件行业正是现在比较热门的行业。

社会主义进入新时代，经济实力越来越强。我们也变得越来越忙碌、对生活的要求也变得更加严格，对快速和方便的服务的需求也在逐渐增加，所以花艺商城系统的开发给用户带来了足够的便利，用户通过系统来满足生活中的需求，因此，由于信息的增加，信息处理系统也随之增加，通过网络来满足现代用户需求。此次开发设计主要是实现花艺商城系统 ，结合Java技术以及MYSQL数据库进行设计，弥补目前在线球鞋商城系统中的不足，来开发出一款即方便又实用的球鞋商城系统 ，并且设计的程序具有界面整洁、功能强大等特性，从全局来说，球鞋商城系统的设计解决了信息零散，该系统实现，可以投入到真实环境中，这样不仅能解决以上提及的问题，让信息管理更准则。

1.3本文的结构

本文具体内容包括：绪论、系统采用的关键技术、系统分析、系统设计、系统实现和系统测试。本文着重描述了系统的组成与结构，阐述了系统的设计方案、实现方法以及所采用的开发工具和相关技术，另外，重点剖析了部分环节的开发过程。本系统在一定的环境下对系统的重要模块进行了模拟测试，证实了系统的可用性、可靠性。

1.  **关键技术介绍**

### **2.1开发技术说明：** ###

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。

### **2.2 MVVM模式** ###

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

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

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

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

### **2.3 MVVM模式的优点** ###

MVVM模式和MVC模式一样，主要目的是分离[视图][Link 1]（View）和模型（Model），有几大优点

1.2.1. 低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。

1.2.2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。

1.2.3. 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xaml代码。

1.2.4. 可测试。界面素来是比较难于测试的，测试可以针对ViewModel来写。

### **2.4 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平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

1.  **系统分析**

3.1可行性分析

本系统操作简单，易理解。球鞋商城与大部分球鞋商城系统的操作流程类似，避免了用户学习使用系统的时间和负担。

#### 3.1.1操作可行性 ####

本系统使用的是现流行的开发语言，即Springboot技术。同时所有的信息都是以网页的形式展示，系统中的信息都可以在后台操作数据库达到数据更新的效果。用户只需要会计算机的基本操作或者会上网就可以使用本系统，系统管理员只需要懂得文件上传，处理文本即可操作管理后台。系统布局较简单，功能操作不复杂，完全符合现代市场需求。因此本系统具有操作可行性。

#### 3.1.2技术可行性 ####

本系统在Windows7开发环境下，利用MyEclipse开发工具，并使用MySQL作为数据库管理系统来实现系统的各种功能。MySQL属于主从式的数据库服务器这也是主从式数据库服务器的特点，服务器本身重在数据的管理，为用户端应用程序提供一致的接口。可以提高系统的性能，降低它的局限性。

#### 3.1.3经济可行性 ####

本系统是一个在线的球鞋商城，顾客可以直接在系统上购买商品，同时计算机的价格十分低廉，性能却有了长足的进步。而此系统的开发可以有效的提高工作效率，降低管理成本，节省管理费用，为企业的工作效率带来了一个质的飞跃。因此，本系统在经济上是完全具有可行性的。

3.2功能需求分析

通过本系统，商家节省了用于交易场所、服务质量、维护商铺杂支开销等方面的投入，从而降低了价格；买家方面，不仅节约了时间成本，同时降低了购买成本，可以“货比三家”地随意挑选性价比高的产品。加快了交易和货币流通速度，而进而推动经济的增长。

根据条件需要，系统结构主要由三大用户组成。一是买家组成的买家用户，二是管理员用户，最后是商家用户。

1用户登录及身份要求

验证买家、管理员等用户的信息

2本系统销售功能需求（面向买家用户）

允许买家用户在线留言。

允许买家用户评论商品。

允许买家用户查询商品的信息。

允许买家用户对购买记录的管理。

自动生成订单。

买家用户在线支付订单费用。

买家选择商品，进行购买，填写发货地址、联系电话等信息。

3本系统销售功能需求（面向商家用户）

对商品信息的管理（添加、删除，修改，查询）。

对买家的订单的管理（删除，修改，查询）。

对买家商家用户注册信息的管理（添加，删除，修改，查询）。

对商品信息的管理（删除，修改，查询）。

对买家的订单的管理（删除，修改，查询）。

对商品类别管理（添加、删除、修改商品类别）。

3.3用例分析

在系统开发设计前，应该对功能做初步设想，清楚这个管理系统有什么板块，每个板块有什么功能，整体的设计是否满足使用者的需求，接着对所开发的系统功能进行的详细分析总结，从而设计出完整的系统并将其实现。用户和开发人员的交流分析，使其达到最佳理解程度，使系统功能达到最佳。

卖家用例图如下所示。

![a7f04bdda4c84d94948651597b1a3b2f.png][]

图3-1卖家用例图

管理员用例图如下所示。

![f2f8e71aa5f342af9ab11ac7f8ebf97e.png][]

图3-2管理员用例图

买家用户用例图如下所示。

![b960abb710b64478b398741e7fc8d861.png][]

图3-3买家用例图

3.4数据流分析

数据流图的设计主要是由于系统目前功能还没有确定，可以先描述可能要使用到的功能内容，并且向用户了解“系统从外界接受什么数据”和“系统向外界送出什么数据”等信息，根据用户所给的答复进行设计数据流图。

如下为系统的0层数据流图，系统用户分为管理员和普通用户。

![5bed6fa2a65443c3b411692ae0445bd5.png][]

图3-4系统数据流图（0层）

如下图所示为系统1层数据流图。

![126a6b895c6c4a17bed1590d46f6c477.png][]

图3-5系统数据流图（1层）

球鞋商城第二层数据流图主要详细反应各功能模块对应的操作与数据进行交互的原理。并且更详细的显示出各角色对功能模块操作的数据流向，让开发人员能了解该系统的开发方向，能够更准确的开发出系统模型。

将商品信息维护进行细化得到商品信息管理二层数据流程图，如下图所示。

![2dd0003c02af4cba9fc800549a17288d.png][]

图3-6商品管理数据流图（2层）

将订单信息管理进行细化得到订单信息管理二层数据流程图，如下图所示。

![a3a19c993da94b1b90a4b470368df420.png][]

图3-7订单管理数据流图（2层）

3.5数据字典

1.数据存储描述

下表描述了用户信息的数据流、数据来源、数据去向和数据流组成的词条。

表3-1用户信息描述

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:140.35pt;"> 数据流 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 用户信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.35pt;"> 数据流来源 </td> 
 <td style="vertical-align:top;width:287.45pt;"> MySQL数据库中用户信息表，用户详细信息表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.35pt;"> 数据去向 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 系统界面，用户信息管理界面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.35pt;"> 数据流组成 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 用户名、用户密码、添加时间、编号 </td> 
 </tr> 
 </tbody> 
</table>

下表描述了购买记录信息的数据流、数据来源、数据去向和数据流组成的词条。

表3-2购买记录信息描述

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:139.4pt;"> 数据流 </td> 
 <td style="vertical-align:top;width:288.3pt;"> 购买记录信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:139.4pt;"> 数据流来源 </td> 
 <td style="vertical-align:top;width:288.3pt;"> MySQL数据库中购买记录表，购买记录详细信息表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:139.4pt;"> 数据去向 </td> 
 <td style="vertical-align:top;width:288.3pt;"> 购买记录界面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:139.4pt;"> 数据流组成 </td> 
 <td style="vertical-align:top;width:288.3pt;"> 购买记录ID、用户ID、商品ID、数量 </td> 
 </tr> 
 </tbody> 
</table>

下表描述了订单信息的数据流、数据来源、数据去向和数据流组成的词条。

表3-3订单信息描述

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:139.85pt;"> 数据流 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 订单信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:139.85pt;"> 数据流来源 </td> 
 <td style="vertical-align:top;width:287.45pt;"> MySQL数据库中订单表，订单详情表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:139.85pt;"> 数据去向 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 用户订单界面，订单管理界面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:139.85pt;"> 数据流组成 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 用户ID、订单ID、商品ID、下单时间、订单金额 </td> 
 </tr> 
 </tbody> 
</table>

下表描述了商品类别的数据流、数据来源、数据去向和数据流组成的词条。

表3-4商品类别信息描述

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:137.6pt;"> 数据流 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 商品类别信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:137.6pt;"> 数据流来源 </td> 
 <td style="vertical-align:top;width:287.45pt;"> MySQL数据库中商品类别表、商品详情表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:137.6pt;"> 数据去向 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 商品详情界面、购买记录界面、商品类别管理界面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:137.6pt;"> 数据流组成 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 商品类别名 </td> 
 </tr> 
 </tbody> 
</table>

下表描述了商品管理的数据流、数据来源、数据去向和数据流组成的词条。

表3-5商品信息描述

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:140.25pt;"> 数据流 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 商品信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.25pt;"> 数据流来源 </td> 
 <td style="vertical-align:top;width:287.45pt;"> MySQL数据库中商品表、商品类别表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.25pt;"> 数据去向 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 商品查询界面、商品详情界面、购买记录界面、商品管理界面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.25pt;"> 数据流组成 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 商品名、商品价格、库存数量、商品类别 </td> 
 </tr> 
 </tbody> 
</table>

2.数据处理描述

下表描述用户通过输入用户名和密码进行身份验证处理，验证成功后将返回的信息显示在界面上。

表3-6用户身份验证

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:140.5pt;"> 处理逻辑名称 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 用户身份验证 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.5pt;"> 简述 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 检查输入信息的合法性 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.5pt;"> 输入的数据流 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 用户名+密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.5pt;"> 处理过程 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 根据输入的用户名和密码，检索用户，显示查询信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:140.5pt;"> 输出的数据流 </td> 
 <td style="vertical-align:top;width:287.45pt;"> 用户信息、商品信息 </td> 
 </tr> 
 </tbody> 
</table>

下表描述用户成功登录系统后通过商品名查询商品信息，根据查询后返回的数据显示在界面上。

表3-7商品信息查询

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理逻辑名称 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 商品信息查询 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 简述 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 检查输入信息的合法性 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输入的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 商品名或商品编号或商品类别 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理过程 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 登录成功的用户，通过商品名查询用户所需的商品，还可查询用户的订单及评论。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输出的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 用户订单信息，购买记录信息 </td> 
 </tr> 
 </tbody> 
</table>

下表描述管理员用户成功登录系统后可以添加商品，添加后，重新查询商品表，返回的商品数据显示在界面上。

表3-8商品信息添加

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理逻辑名称 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 商品信息添加 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 简述 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 检查输入信息的合法性 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输入的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 商品信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理过程 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 登录成功的管理员用户，往数据库添加一条商品信息数据。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输出的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 商品信息，订单信息 </td> 
 </tr> 
 </tbody> 
</table>

下表描述管理员用户成功登录系统后，购买商品，填写订单收货人、收货地址、联系电话等，生成购买订单后，重新查询订单表，返回的订单数据显示在界面上。

表3-9订单生成

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理逻辑名称 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 订单生成 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 简述 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 检查输入信息的合法性 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输入的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 订单信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理过程 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 登录成功的用户，往数据库添加一条订单信息数据。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输出的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 订单信息 </td> 
 </tr> 
 </tbody> 
</table>

下表描述用户成功登录系统后通过促销标题查询促销公告，根据查询后，返回的促销数据显示在界面上。

表3-10促销公告查询

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理逻辑名称 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 促销公告查询 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 简述 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 检查输入信息的合法性 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输入的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 促销标题 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 处理过程 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 登录成功的用户，通过促销标题查询用户所需的促销公告 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:116.5pt;"> 输出的数据流 </td> 
 <td style="vertical-align:top;width:308.95pt;"> 促销公告 </td> 
 </tr> 
 </tbody> 
</table>

1.  **系统设计**

4.1结构设计

本系统的设计是基于springboot技术+MySQL数据库的方式设计，以MyEclipse为开发工具，并运用JavaScript技术美化网页，辅之以CSS技术。本系统使用的角色主要有系统管理员和普通用户，系统分为前台和后台，前台主要用于商品的展示和购买，后台用于商品信息和订单信息的管理，首先以普通用户通过账号注册后登录系统前台，可以进行各种商品的信息浏览和搜索，买家用户可以将需要的商品进行下单购买，用户可以查询订单是否已经被商家确认，订单生成后表示买家用户购买成功，前台系统除了可以进行商品的下单还可以查看商品信息、新闻信息、系统概要、在线留言等，进行商品评论，买家用户同时可以修改个人的信息资料，查看个人的购买记录；以管理员的身份登录系统后台可以进行商家管理、商品管理、订单管理。

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

![36ee90b101134ecab5e78a8c9e561558.png][]

图4-1系统功能结构图

4.2功能设计

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

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

![09888c3ab95b43fcac8bf62ec486fd1c.png][]

图4-2用户登录流程图

2.商品浏览模块:没有登录的用户和登录的用户都可以在系统前台进行商品浏览，用户可以查看商品的详细信息和选择相应的商品类别进行该类别下的商品查看，用户还可以通过商品名称的关键字进行搜索。

如下图所示为商品浏览流程图。

![c0489259cb7347baa4ad6ae516d47e2a.png][]

图4-3商品浏览流程图

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

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

![5a431aeb70e74ffab07345db1096bf86.png][]

图4-4订单管理流程图

4.商品管理模块

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

5.用户管理模块

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

6.购买记录模块

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

如下图所示为购买记录模块流程图。

![c476f54fd20c42aaba1cdf36fdab5db6.png][]

图4-5购买记录模块流程图

7.评论管理模块

用户在线评论商品，管理员回复评论，管理删除评论。

8.商品类别管理模块

系统管理员可以对商品类别进行增、删、改、查的操作。

4.3数据库设计

#### 4.3.1概念设计 ####

本系统的E-R图表现了系统中各个实体之间的联系，经过分析，系统的实体有商品、商品类别、购物车、卖家、售后中心等。

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

![a6fa0a72c2e74a5cbe2bc53fa8511e7e.png][]

图4-6商品信息实体图

商品类别实体图如下图所示。

![7235033c2179464189ed192c7968b271.png][]

图4-7商品类别信息实体图

购物车信息实体图如下图所示。

![47cc44f9c3144df3ae2c97e2802705b1.png][]

图4-8留言信息实体图

卖家信息实体图如下图所示。

![4e987f8e90ae4b989ba4d8f7e64bbf04.png][]

图4-9商家信息实体图

售后中心的实体图如下图所示。

![d1b335bca6364ecabf0b119c87751835.png][]

图4-10订单信息实体图

系统总体的实体图如下图所示。

![ae6b37af3a4d4330a1f3881fd1d4dc08.png][]

图4-11系统E-R图

#### 4.3.3表设计 ####

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

shopping\_mall表：

<table style="margin-left:4.65pt;width:468.8pt;"> 
 <tbody> 
 <tr> 
 <td style="width:104.3pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:46.95pt;"> 长度 </td> 
 <td style="width:65.65pt;"> 不是null </td> 
 <td style="width:70.85pt;"> 主键 </td> 
 <td style="width:120.75pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> shopping_mall_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:46.95pt;"> 11 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 是 </td> 
 <td style="width:120.75pt;"> 商城ID </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> brand </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 品牌 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> main_article_no </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 主货号 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> sale_time </td> 
 <td style="width:60.3pt;"> date </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 发售时间 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> outsole_material_ </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 鞋底材料 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> toe_style </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 鞋头款式 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> heel_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 鞋跟类型 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> upper_height </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 鞋帮高度 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> functionality </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 功能性 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> style </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 风格 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> color_matching </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 配色 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> applicable_season </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 适用季节 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> seller </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:46.95pt;"> 11 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 卖家 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:46.95pt;"> 11 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_title </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 125 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_img </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 封面图 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_description </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 255 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_price_ago </td> 
 <td style="width:60.3pt;"> double </td> 
 <td style="width:46.95pt;"> 8 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 原价 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_price </td> 
 <td style="width:60.3pt;"> double </td> 
 <td style="width:46.95pt;"> 8 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 卖价 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_inventory </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:46.95pt;"> 11 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 商品库存 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:46.95pt;"> 64 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 商品分类 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_content </td> 
 <td style="width:60.3pt;"> longtext </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 正文 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_img_1 </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 主图1 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_img_2 </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 主图2 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_img_3 </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 主图3 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_img_4 </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 主图4 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> cart_img_5 </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 主图5 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:104.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:46.95pt;"> 0 </td> 
 <td style="width:65.65pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:120.75pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

after\_sales\_center表：

<table style="margin-left:4.75pt;width:418.85pt;"> 
 <tbody> 
 <tr> 
 <td style="width:126.3pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:54pt;"> 长度 </td> 
 <td style="width:54pt;"> 不是null </td> 
 <td style="width:54pt;"> 主键 </td> 
 <td style="width:70.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> after_sales_center_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:54pt;"> 是 </td> 
 <td style="width:54pt;"> 是 </td> 
 <td style="width:70.25pt;"> 售后中心ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> order_number </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 64 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 订单编号 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> seller </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 卖家 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> buyers </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 买家 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> application_time </td> 
 <td style="width:60.3pt;"> date </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 申请时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> reason </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 原因 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> examine_state </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 16 </td> 
 <td style="width:54pt;"> 是 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> examine_reply </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 255 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 审核回复 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:54pt;"> 是 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:54pt;"> 是 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:54pt;"> 是 </td> 
 <td style="width:54pt;"> 否 </td> 
 <td style="width:70.25pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

Type表：

<table style="margin-left:4.75pt;width:488.25pt;"> 
 <tbody> 
 <tr> 
 <td style="width:71.3pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:67.5pt;"> 长度 </td> 
 <td style="width:56.7pt;"> 不是null </td> 
 <td style="width:92.15pt;"> 主键 </td> 
 <td style="width:140.3pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> type_id </td> 
 <td style="width:60.3pt;"> smallint </td> 
 <td style="width:67.5pt;"> 5 </td> 
 <td style="width:56.7pt;"> 是 </td> 
 <td style="width:92.15pt;"> 是 </td> 
 <td style="width:140.3pt;"> 分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> display </td> 
 <td style="width:60.3pt;"> smallint </td> 
 <td style="width:67.5pt;"> 4 </td> 
 <td style="width:56.7pt;"> 是 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 显示顺序 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:67.5pt;"> 16 </td> 
 <td style="width:56.7pt;"> 是 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 分类名称 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> father_id </td> 
 <td style="width:60.3pt;"> smallint </td> 
 <td style="width:67.5pt;"> 5 </td> 
 <td style="width:56.7pt;"> 是 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 上级分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> description </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:67.5pt;"> 255 </td> 
 <td style="width:56.7pt;"> 否 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> icon </td> 
 <td style="width:60.3pt;"> text </td> 
 <td style="width:67.5pt;"> 0 </td> 
 <td style="width:56.7pt;"> 否 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 分类图标： </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> url </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:67.5pt;"> 255 </td> 
 <td style="width:56.7pt;"> 否 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 外链地址 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:67.5pt;"> 0 </td> 
 <td style="width:56.7pt;"> 是 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:67.5pt;"> 0 </td> 
 <td style="width:56.7pt;"> 是 </td> 
 <td style="width:92.15pt;"> 否 </td> 
 <td style="width:140.3pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

Buyers表

<table style="margin-left:4.75pt;width:418.85pt;"> 
 <tbody> 
 <tr> 
 <td style="width:82.3pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:54pt;"> 长度 </td> 
 <td style="width:66.3pt;"> 不是null </td> 
 <td style="width:85.05pt;"> 主键 </td> 
 <td style="width:70.9pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> buyers_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:66.3pt;"> 是 </td> 
 <td style="width:85.05pt;"> 是 </td> 
 <td style="width:70.9pt;"> 买家ID </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> full_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 64 </td> 
 <td style="width:66.3pt;"> 否 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:70.9pt;"> 姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> gender </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 64 </td> 
 <td style="width:66.3pt;"> 否 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:70.9pt;"> 性别 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> examine_state </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 16 </td> 
 <td style="width:66.3pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:70.9pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:66.3pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:70.9pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:66.3pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:70.9pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:66.3pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:70.9pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:66.3pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:70.9pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

Cart表：

<table style="margin-left:4.75pt;width:461.35pt;"> 
 <tbody> 
 <tr> 
 <td style="width:71.3pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:53.35pt;"> 长度 </td> 
 <td style="width:77.95pt;"> 不是null </td> 
 <td style="width:85.05pt;"> 主键 </td> 
 <td style="width:113.4pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> cart_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:53.35pt;"> 11 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 是 </td> 
 <td style="width:113.4pt;"> 购物车ID </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> title </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:53.35pt;"> 64 </td> 
 <td style="width:77.95pt;"> 否 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> img </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:53.35pt;"> 255 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 图片 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:53.35pt;"> 10 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:53.35pt;"> 0 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:53.35pt;"> 0 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> state </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:53.35pt;"> 1 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 状态 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> price </td> 
 <td style="width:60.3pt;"> double </td> 
 <td style="width:53.35pt;"> 8 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 单价 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> price_ago </td> 
 <td style="width:60.3pt;"> double </td> 
 <td style="width:53.35pt;"> 8 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 原价 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> price_count </td> 
 <td style="width:60.3pt;"> double </td> 
 <td style="width:53.35pt;"> 10 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 总价 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> num </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:53.35pt;"> 8 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 数量 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> goods_id </td> 
 <td style="width:60.3pt;"> mediumint </td> 
 <td style="width:53.35pt;"> 8 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 商品id </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:53.35pt;"> 64 </td> 
 <td style="width:77.95pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 商品分类 </td> 
 </tr> 
 <tr> 
 <td style="width:71.3pt;"> description </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:53.35pt;"> 255 </td> 
 <td style="width:77.95pt;"> 否 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:113.4pt;"> 描述 </td> 
 </tr> 
 </tbody> 
</table>

Seller表：

<table style="margin-left:4.75pt;width:433pt;"> 
 <tbody> 
 <tr> 
 <td style="width:82.3pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:54pt;"> 长度 </td> 
 <td style="width:73.4pt;"> 不是null </td> 
 <td style="width:85.05pt;"> 主键 </td> 
 <td style="width:77.95pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> seller_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:73.4pt;"> 是 </td> 
 <td style="width:85.05pt;"> 是 </td> 
 <td style="width:77.95pt;"> 卖家ID </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> full_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 64 </td> 
 <td style="width:73.4pt;"> 否 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:77.95pt;"> 姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> gender </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 64 </td> 
 <td style="width:73.4pt;"> 否 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:77.95pt;"> 性别 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> examine_state </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 16 </td> 
 <td style="width:73.4pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:77.95pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:73.4pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:77.95pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:73.4pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:77.95pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:73.4pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:77.95pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:82.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:73.4pt;"> 是 </td> 
 <td style="width:85.05pt;"> 否 </td> 
 <td style="width:77.95pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

Type表：

<table style="margin-left:4.75pt;width:434.65pt;"> 
 <tbody> 
 <tr> 
 <td style="width:92.8pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:54pt;"> 长度 </td> 
 <td style="width:70pt;"> 不是null </td> 
 <td style="width:70.85pt;"> 主键 </td> 
 <td style="width:86.7pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> type_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:54pt;"> 11 </td> 
 <td style="width:70pt;"> 是 </td> 
 <td style="width:70.85pt;"> 是 </td> 
 <td style="width:86.7pt;"> 商品分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> father_id </td> 
 <td style="width:60.3pt;"> smallint </td> 
 <td style="width:54pt;"> 5 </td> 
 <td style="width:70pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 上级分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 255 </td> 
 <td style="width:70pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 商品名称 </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> desc </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 255 </td> 
 <td style="width:70pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> icon </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 255 </td> 
 <td style="width:70pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 图标 </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> source_table </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 255 </td> 
 <td style="width:70pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 来源表 </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> source_field </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:54pt;"> 255 </td> 
 <td style="width:70pt;"> 否 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 来源字段 </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:70pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:92.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:54pt;"> 0 </td> 
 <td style="width:70pt;"> 是 </td> 
 <td style="width:70.85pt;"> 否 </td> 
 <td style="width:86.7pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

1.  **系统详细设计**

### **5.1数据库访问层的实现** ###

该系统是通过jdbc和Mysql达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。

jdbc.driverClass=com.Mysql.jdbc.Driver

jdbc.url=jdbc:Mysql://localhost:3306/tsi

jdbc.username=root

jdbc.password=123

第一个参数代表Mysql数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。

后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中\*是不允许使用的，除非适合聚合函数一起使用才可以。

5.2 登录模块

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

登录界面如下图所示。

![377ae4fbf4e3400aada5aafdeaa746ca.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);

#### 5.3用户注册的实现 ####

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

用户注册界面如下所示。

![6468f8a0427e4a93be2dacb7349d93c9.png][]

图5-2用户注册界面

用户注册的关键代码如下。

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, "账号或密码不正确");

#### 5.4首页的实现 ####

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

首页界面如下图所示。

![8f901b7e901f4d419b5d1391ba8f65f0.png][]

图5-3用户首页界面

### **5.5用户资料修改模块的实现** ###

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。

### **5.6订单列表模块的实现** ###

用户订单列表后后台会自动生成订单列表。从session中取出该用户信息，前台发起请求，将对应的用户信息、dingdanpId参数信息从前台传递订单控制类里，匹配到create()方法，create()方法调用订单逻辑层的createDingdan()方法获取数据，调用本类的getCartDingdanItem()方法得到订单列表。

订单提交界面如下所示。

![4ec77afc19184e31b03c17d9c100b8ce.png][]

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

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

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

5.7售后中心模块

根据需求，需要对售后中心进行查询、添加、删除或修改详情信息。删除或修改教师时，系统根据乐园门票的状态判定为可删除状态下，才会给出删除和修改链接，点击删除链接按钮时，请求到达后台，还会先查询乐园状态再次做出判定能否删除。点击修改链接按钮时，会跳转到修改信息的页面，重新填写好数据后，数据提交到后台会对数据库中相应的售后做出修改。

如下图所示为售后中心的部分界面。

![0f244a7cf97c4425a146a61ed5acb58e.png][]

图5-7售后中心界面

售后中心发布的关键代码如下。

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

5.8 商城列表管理模块

此页面的关键是编写商城列表，包括标题、封面图、卖价、原价、商品库存、产品分类、描述、品牌、主货号、发售时间等。单击提交按钮以完成信息的添加。如果未写入完整的商品信息，例如，如果未写入商品编号，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。

管理员点击左侧菜单“商城列表管理”，页面跳转到商品信息管理外观，调用后台商品查询所有商品信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的ASP.NET页面，显示出商品信息，单击删除按钮完成商品信息的删除。

商城列表管理如下图所示。

![0a0320c3a1bf4afe8dda9a8a99ab1883.png][]

图5-8商城列表管理界面

商城列表管理代码如下所示。

@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.     
    **系统测试**

6.1测试目的

该系统能够完成售后中心，商城列表，鞋城资讯，订单列表管理，购买记录管理，用户管理等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制，符合系统可维护性，由于系统涉及的信息比较广，数据库中的数据需定期修改，系统可利用的空间及性能也随之下降，为了使系统更好地运转，系统可以对系统数据及一些简单的功能进行独立的维护及调整；符合系统开放性要求，该系统能够在开放的硬件体系结构中运行，并且能与其他系统顺利连接。

6.2测试用例

1.注册测试

表6-1注册测试用例

<table style="margin-left:6.75pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:213.05pt;"> 字段名称 </td> 
 <td style="vertical-align:top;width:213.05pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:213.05pt;"> 测试项 </td> 
 <td style="vertical-align:top;width:213.05pt;"> 首页注册功能测试 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:213.05pt;"> 输入数据 </td> 
 <td style="vertical-align:top;width:213.05pt;"> 1、输入正确的邮箱、用户名、密码、确认密码、以及验证码之后点击“注册”按钮 2、输入错误的用户名或密码、邮箱、验证码等，单击“注册”按钮 3、不输入邮箱、用户名、密码、确认密码、以及验证码之后点击“注册”按钮 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:213.05pt;"> 预计输出数据 </td> 
 <td style="vertical-align:top;width:213.05pt;"> 1、用户能正确注册账号，成功插入数据库用户的账户资料，提示注册成功。 2、无法注册用户信息，注册失败。 3、无法注册用户信息，注册失败。 </td> 
 </tr> 
 </tbody> 
</table>

使用上述测试用例对前台首页注册界面进行测试，当在输入正确的邮箱、用户名、密码、确认密码、以及验证码之后，系统将弹出注册成功信息提示对话框。

使用上述测试用例对前台首页注册界面进行测试，当在输入错误的用户名或密码、邮箱、验证码之后，系统将提示错误。

使用上述测试用例对前台首页注册界面进行测试，当在不输入用户名、密码、邮箱、验证码之后，点击注册按钮。

2.登录界面进行测试

表6-2登录测试用例

<table style="margin-left:6.75pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:213.05pt;"> 测试项 </td> 
 <td style="vertical-align:top;width:213.05pt;"> 首页登录功能测试 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:213.05pt;"> 输入数据 </td> 
 <td style="vertical-align:top;width:213.05pt;"> 1、输入正确的用户名和密码，单击“登录”按钮 2、输入错误的用户名和密码，单击“登录”按钮 3、不输入用户名和密码，单击“登录”按钮 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:213.05pt;"> 预计输出数据 </td> 
 <td style="vertical-align:top;width:213.05pt;"> 1、数据库中存在的用户能正确登录,。结果弹出主界面。 2、错误的或者无效用户登录，登录系统失败。 3、输入用户名或密码信息为空，登录系统失败。 </td> 
 </tr> 
 </tbody> 
</table>

使用上述测试用例对前台首页登录界面进行测试，当在用户名输入框中输入正确的用户名和密码时候，系统将弹出登录成功信息提示对话框。

使用上述测试用例对前台首页登录界面进行测试，当在用户名输入框中输入错误的或无效的用户名时，系统将弹出错误信息提示对话框。

通过测试可以观察到实现的运行结果与测试用例中预计输出的结果是相符的，所以测试通过。

3.在线留言测试

表6-3在线留言测试用例

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">功能</a> </td> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">测试数据</a> </td> 
 <td style="vertical-align:top;width:106.55pt;"> <a rel="nofollow">预期结果</a> </td> 
 <td style="vertical-align:top;width:106.8pt;"> <a rel="nofollow">测试结果</a> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">上留言（用户</a>） </td> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">留言题目：asd</a> <a rel="nofollow">留言内容：aszcv</a> </td> 
 <td style="vertical-align:top;width:106.55pt;"> <a rel="nofollow">在留言列表中显示留言题目，点击显示留言内容。留言显示为未回复</a> </td> 
 <td style="vertical-align:top;width:106.8pt;"> <a rel="nofollow">在留言列表中显示留言题目，点击显示留言内容。留言显示为未回复</a> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">留言（管理员）</a> </td> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">回复留言：dxvcv。</a> </td> 
 <td style="vertical-align:top;width:106.55pt;"> <a rel="nofollow">留言列表中留言“asd”显示已回复，点击留言题目，显示留言内容和回复内容</a> </td> 
 <td style="vertical-align:top;width:106.8pt;"> <a rel="nofollow">留言列表中留言“asd”显示已回复，点击留言题目，显示留言内容和回复内容</a> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">删除留言</a> </td> 
 <td style="vertical-align:top;width:106.5pt;"> <a rel="nofollow">删除留言“asd”</a> </td> 
 <td style="vertical-align:top;width:106.55pt;"> <a rel="nofollow">留言成功删除</a> </td> 
 <td style="vertical-align:top;width:106.8pt;"> <a rel="nofollow">留言成功删除</a> </td> 
 </tr> 
 </tbody> 
</table>

4.商品管理进行测试

名称：用户管理测试 目的：测试商品管理界面

内容：口令的输入，合法性检查，合理性检查，界面的显示控制。

下表描述了商品表中目前所存在的记录。

表6-5商品表预存数据

添加时应注意事项：

管理员添加商品时必须添加已存在的商品类别，若该商品不属于现有的所有类别，则应该先添加商品类别。

下表描述了添加商品进行测试的用例，主要是为了防止添加商品时出现异常和存在的漏洞。

表6-6添加商品测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:229.5pt;"> 输入 </td> 
 <td style="width:174pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:95.5pt;"> 商品名 </td> 
 <td style="vertical-align:top;width:67.25pt;"> 商品价格 </td> 
 <td style="vertical-align:top;width:66.75pt;"> 商品图片 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:95.5pt;"> &nbsp;&nbsp;&nbsp;空 </td> 
 <td style="vertical-align:top;width:67.25pt;"> </td> 
 <td style="vertical-align:top;width:66.75pt;"> </td> 
 <td style="vertical-align:top;width:174pt;"> 参数错误 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:95.5pt;"> </td> 
 <td style="vertical-align:top;width:67.25pt;"> 空 </td> 
 <td style="vertical-align:top;width:66.75pt;"> </td> 
 <td style="vertical-align:top;width:174pt;"> 参数错误 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:95.5pt;"> </td> 
 <td style="vertical-align:top;width:67.25pt;"> </td> 
 <td style="vertical-align:top;width:66.75pt;"> 空 </td> 
 <td style="vertical-align:top;width:174pt;"> 请选择上传图片 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:95.5pt;"> A </td> 
 <td style="vertical-align:top;width:67.25pt;"> 1 </td> 
 <td style="vertical-align:top;width:66.75pt;"> a.jpg </td> 
 <td style="vertical-align:top;width:174pt;"> 添加成功 </td> 
 </tr> 
 </tbody> 
</table>

5.购买商品测试

名称：购买商品测试 目的：测试购买商品界面

内容：口令的输入，合法性检查，合理性检查，界面的显示控制。

下表描述了购买商品的测试用例，防止购买时出错。

表6-7购买商品测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:293.95pt;"> 输入 </td> 
 <td style="width:109.55pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 用户ID </td> 
 <td style="vertical-align:top;width:106.3pt;"> 商品ID </td> 
 <td style="vertical-align:top;width:120.5pt;"> 商品数量 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 11 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 1 </td> 
 <td style="vertical-align:top;width:120.5pt;"> 1 </td> 
 <td style="vertical-align:top;width:109.55pt;"> 购买商品成功 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 22 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 电视 </td> 
 <td style="vertical-align:top;width:120.5pt;"> </td> 
 <td style="vertical-align:top;width:109.55pt;"> 请填写商品数量 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 33 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 电视 </td> 
 <td style="vertical-align:top;width:120.5pt;"> a </td> 
 <td style="vertical-align:top;width:109.55pt;"> 购买失败 </td> 
 </tr> 
 </tbody> 
</table>

用户购买商品时，首先判断商品数量是否小于库存，若超出库存数量，则提示商品数量不足。

6.订单生成测试

名称：订单生成测试 目的：测试提交订单界面

内容：口令的输入，合法性检查，合理性检查，界面的显示控制。

下表描述了订单生成的测试用例，防止订单生成错误，造成企业和客户的损失。

表6-8订单生成测试用例

<table> 
 <tbody> 
 <tr> 
 <td colspan="4" style="vertical-align:top;width:293.95pt;"> 输入 </td> 
 <td style="width:109.55pt;"> 输出 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 订单编号 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 联系人 </td> 
 <td style="vertical-align:top;width:49.65pt;"> 地址 </td> 
 <td style="vertical-align:top;width:70.85pt;"> 电话 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 11 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 张三 </td> 
 <td style="vertical-align:top;width:49.65pt;"> 某下区12号楼 </td> 
 <td style="vertical-align:top;width:70.85pt;"> 212312323 </td> 
 <td style="vertical-align:top;width:109.55pt;"> 订单生成成功 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 22 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 张三 </td> 
 <td style="vertical-align:top;width:49.65pt;"> </td> 
 <td style="vertical-align:top;width:70.85pt;"> 123423423 </td> 
 <td style="vertical-align:top;width:109.55pt;"> 请填写收货地址 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 33 </td> 
 <td style="vertical-align:top;width:106.3pt;"> 张三 </td> 
 <td style="vertical-align:top;width:49.65pt;"> 某下区12号楼 </td> 
 <td style="vertical-align:top;width:70.85pt;"> </td> 
 <td style="vertical-align:top;width:109.55pt;"> 请填写联系电话 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:67.15pt;"> 44 </td> 
 <td style="vertical-align:top;width:106.3pt;"> </td> 
 <td style="vertical-align:top;width:49.65pt;"> 某下区12号楼 </td> 
 <td style="vertical-align:top;width:70.85pt;"> 123423423 </td> 
 <td style="vertical-align:top;width:109.55pt;"> 请填写联系人姓名 </td> 
 </tr> 
 </tbody> 
</table>

1.   **结　论**

经过这几个月的设计和开发，“基于springboot的球鞋商城”已经完成了，其功能符合设计需求，能够完成买家用户的注册、买家用户的在线购买、购买记录管理、订单管理和管理员的商品类别管理、订单审核、商品审核、用户管理、系统管理，信息维护、查询等功能。经过最后的使用，证明系统完全具有可行性与可扩充性。

在系统的分析阶段，主要是分析系统的需求，理解系统要完成的基本功能,找出系统的用例（Use Case）和角色（Actor）,画出系统的用例模型图，用例模型是此后系统建模的基础。在用例的基础上分析顺序图和协作图，得到系统的所有对象，然后建立对象模型。抽象出系统的类，并将系统中联系紧密的类划分为若干个包，画出包图。有了这些基础，就可以将系统划分为小单元功能模块。

整个过程中，我必须认可UML统一建模语言，它让我很清晰的知道自己想做什么，想实现什么，对系统后面的代码编写起到决定性的帮助，同时经过本次系统的设计与实现，让我积累了很多经验，提高了编写程序的能力，为以后的学习和工作打下了坚实的基础。

由于时间有限，本系统还有待继续完善和改进，因此需要进一步进行分析和修改，以使其更加完善！

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

##  ##

\[\[1\]马国亮,田建辉,王洪喜. 一种防扭减震和增加弹力的篮球鞋辅助装备\[P\]. 陕西省：CN110495673B,2022-01-28.

\[2\]尹娜,张增光.不同材质篮球鞋底结构对运动员下肢减震的作用研究\[J\].粘接,2022,49(01):162-165+170.

\[3\]刘又铭.重庆市公安局高新区分局曾家派出所报料：一双“亮眼”的球鞋\[J\].派出所工作,2021(12):95.

\[4\]涂家兴, 绘画艺术　篮球鞋. 丁易名 主编,中国当代大学生艺术作品年鉴,北京工艺美术出版社,2020,808,年鉴.

\[5\]薛峰.落地动作下高、低帮篮球鞋对下肢踝关节动力学的影响研究\[J\].中国皮革,2021,50(10):102-105+110.

\[6\]王景璐,魏千程,窦硕华.“球鞋文化”语境下体育品牌文化战略对我国品牌的借鉴意义\[J\].上海商业,2021(09):16-18.

\[7\]苏朕鑫. 不同类型足球鞋的特征及应用\[C\]//第二十一届全国运动生物力学学术交流大会论文摘要汇编.,2021:209.

\[8\]李杨.篮球鞋在纵跳中功效性与舒适性的动力学研究\[J\].鞋类工艺与设计,2021(14):7-8.

\[9\]陈愉. 楚凤纹在球鞋上的设计创新与研究\[D\].西北农林科技大学,2021.

\[10\]郭晨,田玲,赵鑫,陈蔚,韩佳庆.“ZJA-Remade球鞋客制”平台的网络推广策略\[J\].现代商业,2021(11):3-5.

\[11\]Ci Jiang. The Effect of Basketball Shoe Collar on Ankle Stability: A Systematic Review and Meta-Analysis\[J\]. Physical Activity and Health,2020,4(1):

\[12\]Tony Luczak,Reuben F. Burch V,Brian Smith,John Lamberth,Daniel Carruth,Collin Crane,Marci Hoppa,Bill Burgos. Perception of Comfort, Fit, and Jumping Performance of Elite NCAA Division 1 Student-athletes: The Effect of Basketball Shoe Design – Part II\[J\]. International Journal of Kinesiology and Sports Science,2020,8(3):

\[13\]李英.基于B/S架构的母婴商城设计与实现\[J\].计算机产品与流通,2019(11):142.

\[14\]叶方超,张思扬,李传锴.基于SpringBoot的旧物回收商城的设计与实现\[J\].智能计算机与应用,2019,9(05):84-86.

\[15\]胥昆德, 上海华谊集团投资有限公司　上海体博会上首次展示全新足球鞋. 刘训峰 主编,华谊集团年鉴,上海交通大学出版社,2017,347,年鉴.

## **致 谢** ##

大学的学习生活总是感觉短暂的，总感到知识还没有学够，但大学毕业就在我们面前，即毕业设计即将的结束，意味着我们的大学生涯即将结束。毕业设计是我们在大学所学知识的一次总结，更是对我们过去所学知识的提炼和升华，通过毕业设计，我们认识到大学学习过程中还有那些知识没有掌握，那些知识需要我们进入深入研究。这次毕业设计让我学到了很多新的知识，研究了一些新的以前自己不熟悉的领域，使我处理问题的能力得到了一定的提升，同时也为今后的继续深造或踏入社会大门提供了很好的锻炼机会。

我也曾经沮丧过，失落过，想放弃过，可是因为你们这不厌其烦的鼓励和支持才使得我坚持了下来，这里我要对我的老师和同学们说句“谢谢你们”。因为我们的知识是有限的，所以本文将不可避免的会出现一些错误和不足之处，还请老师指正。

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

[Link 1]: https://baike.baidu.com/item/%E8%A7%86%E5%9B%BE
[a7f04bdda4c84d94948651597b1a3b2f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/50d207644ce743029a1b3a7db1302ce9.png
[f2f8e71aa5f342af9ab11ac7f8ebf97e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/5c5d9fe3d57c4ff9b0dc24818a4b5acd.png
[b960abb710b64478b398741e7fc8d861.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/4fb092a542b145febdf630e6307bd085.png
[5bed6fa2a65443c3b411692ae0445bd5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/b919cb68dcbd430da39e576f37fd8783.png
[126a6b895c6c4a17bed1590d46f6c477.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/eff09c16cb0d44a180ce39e0fdbfbd34.png
[2dd0003c02af4cba9fc800549a17288d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/373178f5f2384c00b71192aec50f4ec6.png
[a3a19c993da94b1b90a4b470368df420.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/2eb8ad4c886e475fbdf889a59d4a43a0.png
[36ee90b101134ecab5e78a8c9e561558.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/8c760957d53f4d9c986f74118f64037d.png
[09888c3ab95b43fcac8bf62ec486fd1c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/f9dff21f04ea42dbb26a7c893844bf6e.png
[c0489259cb7347baa4ad6ae516d47e2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/9a650e3cf226460093bf9c63f3d0649c.png
[5a431aeb70e74ffab07345db1096bf86.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/f774ce6e524e4c0bae6a7a18840d0a7e.png
[c476f54fd20c42aaba1cdf36fdab5db6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/f9ede9ce606b4115a0b5a6ffad500bd3.png
[a6fa0a72c2e74a5cbe2bc53fa8511e7e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/815005a49a3b4dd6828b7c134efa2253.png
[7235033c2179464189ed192c7968b271.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/fa3602f4078441a08701a6347861bac0.png
[47cc44f9c3144df3ae2c97e2802705b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/4700fd8925ad4001a3454bf476a7f95e.png
[4e987f8e90ae4b989ba4d8f7e64bbf04.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/69b3dffeaac5409c956e83093ee50875.png
[d1b335bca6364ecabf0b119c87751835.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/61a7f84b8cad4d86b46ee963d3c2cade.png
[ae6b37af3a4d4330a1f3881fd1d4dc08.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/d8663c6fa4ef401297327672937af24f.png
[377ae4fbf4e3400aada5aafdeaa746ca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/d9baa7ceaab64da591055066de79c3d5.png
[6468f8a0427e4a93be2dacb7349d93c9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/fac7a0db5d414488820b6df52618cf56.png
[8f901b7e901f4d419b5d1391ba8f65f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/a2069f7f01524630912fb79abf7de0a1.png
[4ec77afc19184e31b03c17d9c100b8ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/2ee22e8487cc4c668e17f695f502880c.png
[0f244a7cf97c4425a146a61ed5acb58e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/72f51d4803b841cb8663d7a150228631.png
[0a0320c3a1bf4afe8dda9a8a99ab1883.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/48d7523638bb4c268d8e09d095b4d364.png