（附源码）ssm网上零食销售系统毕业设计 180826

不念不忘少年蓝@ 2024-04-06 09:22 37阅读 0赞

## **SSM网上零食销售系统的开发** ##

## **摘 要** ##

随着Internet的使用越来越广泛，在传统的商业模式中，对于零食等商品，人们习惯于到各种商家店铺购买。然而在快节奏的新时代中，人们不一定能为购买零食腾出时间，更不会耐心挑选自己想要的零食。所以设计一个网上零食销售系统，既是迎合电子商务的大潮流，也是传统零食行业的一个突破口，可以给传统零食行业带来转变和机遇。

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

关键词：零食销售；购物系统；Mysql数据库

## **Development of SSM online snack sales system** ##

## **ABSTRACT** ##

With the more and more extensive use of the Internet, in the traditional business model, people are used to buying snacks and other goods from various stores. However, in the fast-paced new era, people may not be able to make time for buying snacks, let alone patiently choose the snacks they want. Therefore, designing an online snack sales system is not only to meet the general trend of e-commerce, but also a breakthrough in the traditional snack industry, which can bring changes and opportunities to the traditional snack industry.

The system is mainly to provide users with a platform to buy snacks, attract many consumers to buy through price advantages, and realize normal operation. This paper mainly uses Java language, JavaEE technology, MySQL database and Tomcat server as the development platform. The system is developed with B / S structure to complete an online snack sales system. The goal is to realize a sales centered computer system and build a business system with the organic combination of user information and account number, account number and order information.

**Key words****:**Snack sales; Shopping system; Mysql database

目 录

摘 要

ABSTRACT

第1章 绪论

1.1研究背景

1.2研究意义

1.3系统目标

1.4本文的结构

第2章 关键技术介绍

2.1开发环境介绍

2.2统一建模语言

2.3 开发技术

2.3.1J2EE技术 3

2.3.2MVC模式 3

2.3.3MySQL数据库 3

2.3.4 B/S结构 4

2.3.5SSM框架 4

2.3.6 MyEclipse开发工具 4

第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逻辑设计

4.3.3表设计

第5章 系统详细设计

5.1JavaEE连接数据库

5.2登录模块

5.3好物推荐模块

5.4商品评论模块

5.5购买商品模块

5.6系统用户管理模块

5.7公告管理模块

5.8商品管理模块

5.9订单管理模块

第6章 系统测试

6.1测试目的

6.2测试用例

第7章 结论

参考文献

致 谢

1.  **绪论**

1.1研究背景

各种物品是人们日常的消费品，物品供应与消费者需求有着极为重要的关系。社会压力造成工作日渐繁忙，时间观念越来越强，简化事务、方便消费，使网络化销售逐渐成为消费社会化的需要。同时，由于人们生活消费质量的不断提高，各种物品消费需要由“数量型”向“质量型”转变，物品消费的消耗性、多样化也成为一种消费需求。

这种消费型社会的大趋势已为网络销售业发展提供了良好商机。据了解，目前内陆各省大多有销售企业在运转，起步时间都不长，而且上规模的正规企业也不是很多，部分仍处于买卖双方谈妥价格后的私下交易。而在广东、山东、北京、上海、天津等地已有大规模的商品销售中心出现，特别是大城市中面向家庭客户的商品销售服务已蔚然兴起。

然而，随着业务量的不断增长，众多企业目前都多多少少的面临着一个严峻的问题，就是由于缺乏信息化的支持，从商品生产到客户下单，再到物流运输的整个业务流程都缺乏有效管理，作业方式较为原始，管理成本不断攀升，而且差错率难以控制。

本系统是针对企业面临的困境与现状，为方便消费者的购买以及将线上与线下更好的结合在一起，利用相关的技术所设计出的。

1.2研究意义

随着我国电子商务的迅速发展，网络销售已形成了一定的规模并取得较大的成功，其对企业的效益越来越突出。淘宝、京东、亚马逊、苏宁易购、国美等大型电子商务企业的崛起，由此可以看出网络销售的巨大潜力和崭新的盈利模式。网络销售可以加快产品的发布和宣传，使交易过程简化、自动化，销售方只需要把产品交给物流行业运作即可，省去传统交易模式的繁琐。在空间上可以减少店铺租金的支出，不用频繁的进货、卸货、装货以及上架产品，侧面上减少了实体店的数量，为目前堵塞的城市现状给予一定的缓解。

但是，目前网络销售在实践过程存在着部分问题：

（1）关于电子商务的法律法规不完善。无良商家肆无忌惮的通过网络售卖假冒伪劣产品，以假乱真，欺骗消费者。

（2）网络安全技术人才紧缺。目前，很多销售系统被黑客攻击甚至偷取信息、钱财等案件时有发生。

（3）网络宣传不到位。目前很多企业开通了网络销售系统，但在消费者中知名度不高。

1.3系统目标

对于典型的数据库系统，尤其是对于像网上零食销售系统这样的数据流量特别大的网络系统，必须要满足使用方便、操作灵活等要求。本系统在设计时应该满足以下几个目标

（1）采用人机对话的操作方式，界面美观、友好，信息查询灵活、方便，数据存储准确、安全可靠；

（2）全面展示所有商品，并可展示主要商品；

（3）便于顾客快捷地进行商品信息查询；

（4）用户可以随时修改自己的基本资料；

（5）实现下单的功能；

（6）顾客可以随时查看自己的订单信息；

（7）对客户输入的数据，系统进行严格的数据检验，尽可能排除人为的错误；

（8）系统最大限度地实现了易维护性和易操作性；

（9）系统运行稳定、安全可靠。

1.4本文的结构

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

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

2.1开发环境介绍

1.软件体系结构方案：采用B/S模式，B/S代表的是服务器端由web服务器发放，客户端由浏览器接收的系统，它的前台是html语言，由浏览器解释。B/S结构可以由web服务器能够解释的脚本语言如jsp、php、asp、JavaScript。

2.操作系统方案：Windows 7（旗舰版）操作系统，该系统可以兼容需要的软件，并且具有良好的运行速度，界面良好。

3.后台数据库：选用Mysql。Mysql旨在通过数据库加密、更加安全的默认设置、加强的密码政策和细化许可控制、及加强的安全模型等特性，为企业数据提供最高级别的安全性。

4.开发工具：选用Myeclipse10

5.开发语言：Java语言。

6.开发技术：JavaEE+html+css+js技术

2.2统一建模语言

统一建模语言（Unified Modeling Language ,UML）是一种可视化建模语言，通俗上讲就是系统开发者利用UML可以清楚地表达出自己对系统是如何设计，是一种设计思想的体现，然而UML就是作为辅助工具，就如汽车轴承的轮滑油。UML包括了一些可以相互组合图表的图形元素。由于UML是一种语言，所以UML具有组合这些元素的法规。UML提供了多种图来设计设计系统，如设计系统前期常用的用例图，行为图等，这些图需要用多个视图来展示一个系统，这组视图被称为一个模型（Model）。一个UML模型描述了一个系统需要做什么。同时，UML提供了组织和扩展这些图的方法。

2.3 开发技术

### **2.3.1J2EE技术** ###

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

### **2.3.2MVC模式** ###

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

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

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

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

### **2.3.3MySQL数据库** ###

科技的进步，给日常带来许多便利：教室的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的物流信息管理系统也需要这项技术的支持\[7\]。

用MySQL这个软件，是因为它能接受多个使用者访问，而且里面存在Archive等。它会先把数据进行分类，然后分别保存在表里，这样的特别操作就会提高数据管理系统自身的速度，让数据库能被灵活运用。MySQL的代码是公开的，而且允许别人二次编译升级。这个特点能够降低使用者的成本，再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点，但是综合各方面来说，它是使用者的主流运用的对象\[8\]。

### **2.3.4B/S结构** ###

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

### **2.3.5SSM框架** ###

SSM即SpringMVC+Spring+Mybatis，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVC使各板块分离，Spring使开发更灵活方便，使用Mybatis让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求\[10\] \[11\]。

### **2.3.6MyEclipse开发工具** ###

MyEclipse是由Genuitec公司开发的，一款功能非常强大的JavaEE的集成开发环境，其中包括有：完备的编码、调试、测试和发布功能\[10\]，完整支持JSP、Spring、CSS、JavaScript、SpringMVC、HTML、JSF、Mybatis、SQL等技术。在体系结构上，MyEclipse的特征可以被分为7类：JavaEE模型；Web开发工具、EJB开发工具、JavaEE项目部署服务、应用程序服务器的而连接器、数据库服务、MyEclipse整合帮助\[11\]。

对于以上每一种功能的类别，在MyEclipse中都有相应的功能部件，并通过一系列的插件来实现它们。MyEclipse在结构上的这种模块化，可以让它在不影响其他模块的情况下，对其中任意的一个模块进行单独的扩展和升级。强大的MyEclipse应用开发平台也不仅仅只是Eclipse的插件而已，同时更是一款功能强大的，用于JavaEE的集成开发环境\[12\]。

。

1.  **系统分析**

3.1可行性分析

本系统操作简单，易理解。网上零食销售系统与大部分电子商务系统的操作流程类似，避免了用户学习使用系统的时间和负担。

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

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

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

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

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

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

3.2功能需求分析

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

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

1用户登录及身份要求

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

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

允许买家用户在线留言。

允许买家用户评论商品。

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

允许买家用户对购买订单的管理。

自动生成订单。

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

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

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

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

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

管理商品的库存数量。

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

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

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

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

3.3用例分析

1.管理员主要负责系统管理、好物推荐管理、好物分类管理、用户信息管理、订单管理，下图所示描述管理员的用例。

![ca2834a0236c4e168bbf77a403e4b2c3.png][]

图3-1管理员用例图

2.用户主要使用系统的在线购买业务，下图所示为用户用例图。

![7922ddd071534c98880bf2041f9092b6.png][]

图3-2用户用例图

3.4数据流分析

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

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

![0afdae97b0254d8aac9777bc7618e522.png][]

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

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

![5785613c0cbf47f6b1203b150926a23d.png][]

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

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

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

![72a0e65e8a1440a6aef67ccd5dab98a6.png][]

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

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

![e26e6b4a70324b65ae4b1c13814b7818.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结构设计

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

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

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

4.2功能设计

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

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

![3fe78253a16c4348af5b05de8ec550b3.png][]

图4-2用户登录流程图

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

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

![dd9d43ad88274d1884e8765c36a649b8.png][]

图4-3商品浏览流程图

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

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

![f10e0d60c5c447b6a3f2bdafc6b07a3e.png][]

图4-4订单管理流程图

4.商品管理模块

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

5.用户管理模块

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

6.购买订单模块

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

7.好物分类管理模块

系统管理员可以对好物列别进行增、删、改、查的操作。

4.3数据库设计

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

本系统的E-R图表现了系统中各个实体之间的联系，经过分析，系统的实体有商品、商品类别、留言、订单、用户等。

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

![da23b88a8e824560b47eba65ab8b0689.png][]

图4-6商品信息实体图

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

![08bdd712dfb04e9ea84b2d083602aa30.png][]

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

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

![47f60094c04f4dc59daf007002acfa42.png][]

图4-8用户信息实体图

订单信息的实体图如下图所示。![2c80486756a14ef4b2227abe41bb9155.png][]

图4-9订单信息实体图

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

![91f61b1a1ea449aaac2f8e359cf850cf.png][]

图4-10系统E-R图

#### 4.3.2逻辑设计 ####

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

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

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

shangpinxinxi表是商品信息表，存储商品内容的信息，其中包括编号、商品编号、商品名称、类别、价格、发布人、图片、库存、销量、简介、添加时间等相关信息。

xinwentongzhi表是公告信息表，存储公告的内容信息，其中包括编号、标题、类别、内容、添加人、首页图片、点击率、添加时间、摘要等相关信息。

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

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

<table style="margin-left:4.8pt;width:433.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:134.55pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:134.55pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td> user_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 用户名 </td> 
 </tr> 
 <tr> 
 <td> gender </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 性别 </td> 
 </tr> 
 <tr> 
 <td> age </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 年龄 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:134.55pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

##  ##

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

<table style="margin-left:4.8pt;width:434.15pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:120.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:109.05pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> order_after_sales_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:109.05pt;"> 订单售后ID </td> 
 </tr> 
 <tr> 
 <td> order_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 订单号 </td> 
 </tr> 
 <tr> 
 <td> user_name </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 用户名 </td> 
 </tr> 
 <tr> 
 <td> after_sale_goods </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 售后商品 </td> 
 </tr> 
 <tr> 
 <td> after_sales_type </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 售后类型 </td> 
 </tr> 
 <tr> 
 <td> relevant_vouchers </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 相关凭证 </td> 
 </tr> 
 <tr> 
 <td> after_sales_content </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 售后内容 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:109.05pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> examine_reply </td> 
 <td> varchar </td> 
 <td> 255 </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> 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:435.05pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:142.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:87.95pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> order_shipment_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:87.95pt;"> 订单发货ID </td> 
 </tr> 
 <tr> 
 <td> user </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 用户 </td> 
 </tr> 
 <tr> 
 <td> order_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 订单号 </td> 
 </tr> 
 <tr> 
 <td> courier_services_company </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 快递公司 </td> 
 </tr> 
 <tr> 
 <td> courier_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 快递单号 </td> 
 </tr> 
 <tr> 
 <td> receiving_address </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 收货地址 </td> 
 </tr> 
 <tr> 
 <td> consignee_name_ </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 收货人姓名 </td> 
 </tr> 
 <tr> 
 <td> contact_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 联系电话 </td> 
 </tr> 
 <tr> 
 <td> commodity_list </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 商品清单 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:87.95pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

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

5.1登录模块

本系统主要的用户有系统管理员、用户，一个系统最基本的功能就是登录功能，本系统可以进行系统登录的角色有用户、管理员，用户对应前台登录界面，管理员对应后台登录界面，首先进入登录页，输入用户名和密码，然后提交至服务端进行数据库数据验证，通过JavaEE逻辑代码判断数据库是否存在用户输入的这一个记录，如果存在，则判断用户身份，如果是用户，则进入用户前台，如果是管理员用户，则进入系统主页，并把用户对象存放在session中，如果不存在这样一条记录，则返回登录界面。

登录界面如下所示。

![5d1605d0e6484bb18c0f6e9a399425b4.png][]

图5-1前台登录界面

![6d09e65f38784919b05bc4e70a9fc2e8.png][]

图5-3用户注册界面

登录关键代码如下：

/\*\*

\* 注册

\* @param user

\* @return

\*/

@PostMapping("register")

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

// 查询用户

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

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

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

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

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

user.setUserId(null);

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

service.save(user);

return success(1);

/\*\*

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

\*/

@Id

@GeneratedValue(strategy = GenerationType.IDENTITY)

@Column(name = "user\_id")

private Integer userId;

/\*\*

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

\*/

@Basic

@Column(name = "state")

private Integer state;

/\*\*

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

\*/

@Basic

@Column(name = "user\_group")

private String userGroup;

/\*\*

\* 上次登录时间：

\*/

@Basic

@Column(name = "login\_time")

private Timestamp loginTime;

/\*\*

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

\*/

@Basic

@Column(name = "phone")

private String phone;

/\*\*

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

\*/

@Basic

@Column(name = "phone\_state")

private Integer phoneState;

/\*\*

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

\*/

@Basic

@Column(name = "username")

private String username;

/\*\*

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

\*/

@Basic

@Column(name = "nickname")

private String nickname;

/\*\*

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

\*/

@Basic

@Column(name = "password")

private String password;

/\*\*

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

\*/

@Basic

@Column(name = "email")

private String email;

/\*\*

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

\*/

@Basic

@Column(name = "email\_state")

private Integer emailState;

/\*\*

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

\*/

@Basic

@Column(name = "avatar")

private String avatar;

/\*\*

\* 创建时间：

\*/

@Basic

@Column(name = "create\_time")

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

private Timestamp createTime;

@Basic

@Transient

private String code;

5.3好物推荐模块

系统为用户提供好物信息推荐，方便用户浏览推荐信息。在shaowutuijianlist.jsp实现好物推荐列表的展示，用户点击浏览，通过推荐id传递值，找到数据表的该好物的推荐信息。

如下图所示为好物推荐界面。

![10989c5acd854c2ea2117c31e89eb9f1.png][]

图5-4好物推荐界面

好物推荐关键代码如下：

@Transactional

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

service.insert(map);

return success(1);

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

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try\{

br = reader;

String str;

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

sb.append(str);

br.close();

String json = sb.toString();

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

\}catch (IOException e)\{

e.printStackTrace();

\}finally\{

if (null != br)\{

try\{

br.close();

\}catch (IOException e)\{

e.printStackTrace();

return null;

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

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

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

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

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

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

sql.append(") VALUES (");

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

Object value = entry.getValue();

if (value instanceof String)\{

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

\}else \{

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

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

sql.append(")");

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

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

query.executeUpdate();

5.4商品评论模块

系统提供商品评论功能，在pinglunadd.jsp实现商品的评论，添加评论后，存入数据库的评论表。管理员管理商品的评论信息。

如下图所示为评论的部分界面。

![106165654efa4f73bf6ea6d103df59c2.png][]

图5-5评论界面

商品评论关键代码如下：

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

5.5购买商品模块

用户在浏览商品后，登录系统前台，进行商品购买，将商品添加至购买车，在个人后台可以查看购买车里面的商品，确定商品之后可以生成订单，然后支付。

如下图所示为购买商品的部分界面。

![f7ca3b290e5a4acf8062e6baa5812a29.png][]

图5-6购买商品界面

5.6系统用户管理模块

过去传统的手工登记管理系统人员信息很不方便，也很容易造成数据出错，所以本系统需要一个可以管理登记人员信息的功能，管理员登入系统，可以添加新的管理员用户，删除现有的管理员，也可以对自己的密码和管理员用户的密码进行修改。修改密码是经过跟数据库的原来的密码字段的数据进行判断，如果输入两次的新密码一致，则更新密码这属性对应的一条数据。

如下图所示为系统用户管理的部分界面。

![b8d83b45921c4903a274c0388b9ed95a.png][]

图5-7系统用户管理界面

如下图所示为修改密码界面。

![a40b0efee2d64da288b7dece2006d358.png][]

图5-8修改密码界面

系统用户管理关键代码如下：

@RequestMapping("/get\_obj")

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

List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

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

JSONObject jsonObject = new JSONObject();

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

return success(jsonObject);

\} else \{

return success(null);

5.7公告管理模块

用户在系统前台浏览公告，管理员登录系统后，可以对添加、删除、修改公告，公告管理包括添加公告、查询公告、修改公告，系统前台的公告信息时随系统后台变化而变化的，同时能进行详细公告的打印和公告列表导出至excel表，管理员还可以通过标题、编号等关键字进行公告信息的搜索。

公告添加的界面如下图所示。

![3777dabbc3ed44c3b5328789f1bf6575.png][]

图5-9公告添加界面

公告发布关键代码如下：

public Map<String, Object> error(Integer code, String message) \{

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

map.put("error", new HashMap<String, Object>(4) \{ \{

put("code", code);

put("message", message);

\}\});

return map;

5.8商品管理模块

管理人员可以对商品进行增删查改的操作，这些操作将在商品管理界面进行。

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

![d57f4499c6b64465b8531b46c07669a7.png][]

图5-10商品管理界面

商品发布关键代码如下：

public List selectBaseList(String select) \{

List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String,Object> map:mapList) \{

list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

return list;

5.9订单管理模块

管理人员可以对订单进行增删查改的操作，这些操作将在订单管理界面进行。

如下图为订单管理界面。

![52203a23c1224d7dbf77206cb6824a8a.png][]

图5-11订单管理界面

订单管理关键代码如下：

public class FindConfig \{

public static String PAGE = "page";

public static String SIZE = "size";

public static String LIKE = "like";

public static String ORDER\_BY = "orderby";

public static String FIELD = "field";

public static String GROUP\_BY = "groupby";

public static String MIN\_ = "\_min";

public static String MAX\_ = "\_max";

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

4.购买商品测试

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

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

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

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

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

1.   **结论**

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

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

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

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

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

1.  王江霖,黄彩霞,樊旭龙.基于SSM框架的网络资源共享平台的研究与实现\[J\].电脑知识与技术,2021,17(28):76-78.
2.  曹华山.SSM框架在Web应用开发中的设计与实现\[J\].无线互联科技,2021,18(11):108-109.
3.  程红琳. 网上商城品目扩容效果几何\[N\]. 中国政府采购报,2021-05-18(005).
4.  马君峰, 农产品自营网上商城智慧平台V1.0. 甘肃省,甘肃科博科技咨询有限责任公司,2021-02-01.

\[5\]王娟.基于Android系统的手机网上商城设计与实现\[J\].电子技术与软件工程,2021(03):43-44.

\[6\]韩己峰.综合性网上商城引领山东政府采购驶入高速路\[J\].中国政府采购,2020(12):39-41.

\[7\]袁江琛.基于MVC框架网上商城的设计与实现\[J\].信息与电脑(理论版),2020,32(20):126-128.

\[8\]袁江琛.Ajax+jQuery在网上商城购物车模块中的设计与实现\[J\].电脑编程技巧与维护,2020(10):34-35+68.

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

\[10\]薄志强. 基于SSM框架的网上商城系统的设计与实现\[D\].西安电子科技大学,2020..

\[11\]张浩. 基于网上商城服务对话系统的研究与实现\[D\].黑龙江大学,2020.

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

\[13\]李颖,方浪,武瑞婵.“Free-Try”虚拟试衣在网上商城中的实现\[J\].襄阳职业技术学院学报,2019,18(06):64-66.

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

\[15\]布祉颖.论B2C和O2O的进口零食营销的模式——关于零始科技有限公司的零始网研究\[J\].现代妇女(下旬),2018(12):75-76.

\[16\]老潘,花椰菜.零食控的购物车\[J\].宠物世界(狗迷),2018(12):50-55.

## **致 谢** ##

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

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

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

[ca2834a0236c4e168bbf77a403e4b2c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e3de1f54054348399cb9f12558f81e91.png
[7922ddd071534c98880bf2041f9092b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7126f963539e472091f248f626c733e9.png
[0afdae97b0254d8aac9777bc7618e522.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/5a1787f8039e4beb87d447f01a668d71.png
[5785613c0cbf47f6b1203b150926a23d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d28892d49b68466b96ddbc490eefe996.png
[72a0e65e8a1440a6aef67ccd5dab98a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7cb036d68df74777a49fd6689a4d8a4c.png
[e26e6b4a70324b65ae4b1c13814b7818.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2cda61949cc5491e89c3a76a7cc9e079.png
[8c1e6ae95a774caa8b5793d190ae3c69.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/21fe73810207427dacde91f8f2123f5b.png
[3fe78253a16c4348af5b05de8ec550b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/b578f755db8f4361be7455bf858ecc6b.png
[dd9d43ad88274d1884e8765c36a649b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/170c8acdca6f45b0b4f588d1d66071bb.png
[f10e0d60c5c447b6a3f2bdafc6b07a3e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/6b6577a93be84210869d96e9993f35b1.png
[da23b88a8e824560b47eba65ab8b0689.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/5dc8af226fff423788ec1e3012b27d1c.png
[08bdd712dfb04e9ea84b2d083602aa30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4edaef09d3b440719e33f658568cadeb.png
[47f60094c04f4dc59daf007002acfa42.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/b853070666244cf39ee4c56fcf19e1f3.png
[2c80486756a14ef4b2227abe41bb9155.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f495f394235e46b49ab2a49ac49cb0e1.png
[91f61b1a1ea449aaac2f8e359cf850cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/70f9a5adeadc4e8ab65d192412d4543f.png
[5d1605d0e6484bb18c0f6e9a399425b4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/6dde7d76f9d942099f5bca88722260a2.png
[6d09e65f38784919b05bc4e70a9fc2e8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/ab7c9bb0022147bf8f8216c6c3163bd9.png
[10989c5acd854c2ea2117c31e89eb9f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/bdb1fecc98c1405486bc59cd86db328d.png
[106165654efa4f73bf6ea6d103df59c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c4e0365f3a4e4f9ead533decb6baab6a.png
[f7ca3b290e5a4acf8062e6baa5812a29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/1c6dd0f4c7034ede9fac45f2f073cf2d.png
[b8d83b45921c4903a274c0388b9ed95a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7132622a692f4db8bd586f2b6436dd22.png
[a40b0efee2d64da288b7dece2006d358.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/27eeaafbb5c7449b96c993e7cc830d52.png
[3777dabbc3ed44c3b5328789f1bf6575.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/96935f5b5214497899edff917617af38.png
[d57f4499c6b64465b8531b46c07669a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2fdd4988f5064f3f87c17954576ee29f.png
[52203a23c1224d7dbf77206cb6824a8a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/58000334da83486daecbcbd56b7dd646.png