摘要：近几年由于兴起了一站式男装线上出售潮流，面向该经济市场的需求开发一套专属男性的服装购物系统指日可待。在这个系统中，用户可以挑选到心仪且价格较低的服装，使用清晰美观的操作界面，整个网上购物过程更加方便快捷。
在上述背景之下，本人设计实现了网上商城，该系统是基于SSM框架的个人计算机端口平台，与HTML、CSS、JQuery相结合的三种前端技术，采用了目前最流行的MySQL数据库管理后台数据信息。该商城的主要功能模块包括：浏览商品、用户登录注册、购买商品、评价商品等等。
本文围绕商城的一系列特征进一步介绍了其系统开发的背景，详细阐述了使用的相关技术，系统的功能需求分析并实现用户注册登录、订单管理、商品分类管理三个功能模块，最后转换成相应的Web界面，文中也列出并解释了相关核心代码。
关键词：男装，网上商城，SSM
Design and implementation of men's online shopping mall in Zhancheng
Author：Qiao Shuai
Tutor：Zhao Jia ning
Abstract: In recent years, because of the rise of one-stop men's clothing online sales trend, it is soon to develop a set of exclusive men's clothing shopping system to meet the needs of the economic market. In this system, users can select the desired and low price clothing, use a clear and beautiful operation interface, the whole online shopping process is more convenient and fast.
Under the above background, I designed and implemented the men's wear online shopping mall in Zhancheng. The system is based on the personal computer port platform of SSM framework, combined with three front-end technologies of HTML, CSS and jQuery, and uses the most popular MySQL database to manage the back-end data information. The main function modules of the mall include: browsing goods, user login registration, purchasing goods, evaluating goods and so on.
Based on a series of characteristics of the mall, this paper further introduces the background of its system development, describes in detail the relevant technologies used, analyzes the functional requirements of the system and realizes three functional modules of user registration and login, order management and commodity classification management, and finally converts them into the corresponding web interface. The paper also lists and explains the relevant core codes.
Keywords: Men's wear, online shopping mall, SSM
第一章 绪论
1.1 研究背景
由于我国经济水平的迅猛发展，国内的零售行业市场越做越大，出现了各种百货商场、连锁超市、便利店等线下零售商店。然而近几年兴起的互联网零售业相比于线下零售业有无数优势，比如商品物美价廉、时间成本低、宣传方式多种多样等等。在传统的线下商业已不能满足人们的基本生活需求，为此方便快捷的网上购物成为了新时代的潮流。当前我国网上购物的规模已越做越大，经年调查发现，截止2018年12月，我国网上购物用户已达到6.10亿，相比较2017年底增长了14.4%。
线上购物的方式多种多样，手机app与电脑PC端是主要的浏览方式。手机购物存在着较大优势，比如随时随地进行购买，操作简单，界面美观对大多数使用者都十分友好；但是从另一方面思考，手机购物同时也存在的不足之处，例如手机屏幕过小需要长时间盯着屏幕导致眼睛疲劳，商品展示效果受限以及图片分辨率过低，这就耗费了用户大量的时间成本来进行浏览。
以上的种种描述真实的影响到了用户的体验感，如果通过PC端浏览器进行购物应该会完美的解决这一系列问题吧。电脑显示屏远远大于手机屏幕，能够完整地展示商品图片，解决用户购物效率低的困难，如果网页界面设计的丰富多样，还会增加用户的舒适感。
1.2 研究意义
考虑到男性购物的特殊性，该商城平台应该具有以下特点：（1）商品尽量做到个性时尚来满足青少年的购物需求；（2）商品种类应做到齐全，为使用者提供广泛的选择；（3）对所有的服饰进行分类，节省用户搜索浏览时间；（4）系统界面做到优美简洁，带给用户良好的视觉体验。
第二章 相关技术简介
2.1 MySQL简介
MySQL是由瑞典公司开发的数据库管理系统，使用它管理后台数据库是软件开发的首要选择，作为口碑较好的开源软件，MySQL持续着提高自身能力，造就了它的广泛传播与使用。
2.2 Spring框架简介
Spring框架在目前被广泛使用，它能够解决系统开发的复杂性，降低企业开发的难度。它的第一个核心技术时控制反转，解决了紧密联系的对象之间的问题。第二个核心技术时面向切面编程，负责管理编程的琐碎问题。本次商城系统使用的是4.1.3版本。
2.3 Spring MVC框架简介
Spring MVC框架是融合了模块、视图、控制器架构思想为一体。使用这个技术可以提高软件的维护性，降低系统的开发时间。本商城使用的是4.1.3版本。
第三章 系统分析与设计
本章节会介绍商城的部分功能，包括用户注册、订单管理、商品分类管理功能的系统分析与设计过程，其中可分为三个阶段，分别是功能需求分析、层次功能图设计、数据库设计。
3.1 功能需求分析
本章节将着重介绍网上商城的三大功能模块，详细讲述每个功能需求分析的过程，采用UML常用的用例图和类图，结合用例约束结果。本节提取了“未注册用户”、“已注册用户”、“后台管理员”三个参与者，除此之外，还整理归纳除了三大模块的用例图。
3.1.1 用户注册模块
用户注册功能模块中仅仅存在一个参与者，那就是未注册用户，在本商城网页中只有未注册用户才可以进行注册功能操作，通过输入心仪的用户名和密码即可完成账户注册。因此，用户注册模块的用例图如图3.1所示：
图3.1 用户注册模块用例图
3.1.2订单管理模块用例图
订单管理功能模块中包括两个参与者，分别是已注册用户和后台管理员，两位参与者有着不同的操作权限。已注册用户是在商城前台进行操作，具体的功能含有查询订单、确认收货并评价未收货订单；后台管理员是在商城后台进行操作，具体的功能含有查询系统中的所有订单，选择性的查看订单详情以及对订单进行发货处理。
因此订单管理模块的用例图如图3.2所示：
图3.2 订单管理模块用例图
3.1.3分类管理模块用例
分类功能模块包含三个不同的角色，其中，未注册用户只能浏览商品；后台管理员可以对商品进行分类管理，实行增、删、改、属性管理四个子选项。基于以上原因，分类管理模块的用例图如图3.3所示：
图3.3 分类管理模块用例图
3.2 层次功能图设计
按照系统的主要功能模块划分，再结合子功能模块，能够画出简洁的层次功能图。如图3.4所示为系统的部分层次功能图。
图3.4系统部分层次功能图
接下来本文将解释上图中前端和后台的功能。
（1）前端
如表3.1所示为系统前端部分功能的说明。
表3.1 前端部分功能说明
| 功能名称 | 说明 |
| 用户注册 | 用户在注册页输入自己的用户名、密码和密码确认，在用户名未被他人使用，并且前后两次密码确认一致的情况下，才能成功注册属于自己的账号。 |
| 订单管理 | 可以浏览自己所有订单的信息，例如购买商品的数量、价格、商品名称、购买时间和订单号等。 |
| 分类页浏览 | 点击首页中的分类就能够跳转相应分类页，查看该分类下的商品信息。 |
| 首页分类浏览 | 用户可以在首页浏览所有分类和分类下的商品信息，也可以通过搜索关键字或编号来查询浏览想要的商品。 |
（2）后台
如表3.2所示为系统后台部分功能的说明。
表3.2 后台部分功能说明
| 功能名称 | 说明 |
| 分类管理 | 后台管理员在后端能够对分类进行增加和删除，制定特定的分类名称。 |
| 分类属性管理 | 后台管理员点击分类管理的“分类属性管理”，可以对相应分类的属性来管理。 |
| 后台订单管理 | 后台订单管理为后台管理人员提供了发货需要的订单，例如收货人地址、邮编、姓名、电话等信息；后台管理员还能够了解订单的价格、商品数量、商品名称。 |
3.3 数据库设计
本小节将介绍系统开发所用到的数据库表，与三大模块紧密相连的五个数据库表分别是用户表、分类表、评价表、订单表、订单项表。
下面将详细介绍上述数据库表（需要指出下列所有数据库表中的主键都不为空）。
如表3.3所示为网上商城的用户表。
表3.3 用户表
| 属性名称 | 数据类型 | 主键 /外键 | 说明 |
| id | int (11) | 主键 | 用户ID（自增） |
| name | varchar (255) | 无 | 用户名（初始为空） |
| password | varchar (255) | 无 | 登录密码（初始为空） |
如表3.4所示为网上商城的分类表。
表3.4 分类表
| 属性名称 | 数据类型 | 主键 /外键 | 说明 |
| id | int (11) | 主键 | 分类ID（自增） |
| name | varchar (255) | 无 | 分类名称（初始为空） |
如表3.5所示为网上商城的评价表。
表3.5 评价表
| 属性名称 | 数据类型 | 主键 /外键 | 说明 |
| id | int (11) | 主键 | 评价ID（自增） |
| content | varchar (4000) | 无 | 评价内容（初始为空） |
| uid | int (11) | 外键 | 用户ID（初始为空） |
| pid | int (11) | 外键 | 商品ID（初始为空） |
| createDate | datetime | 无 | 评价时间（初始为空） |
| 备注： 1：review表中的uid参照user表中的id。 2：review表中的pid参照product表中的id。 | |||
如表3.6所示为网上商城的订单项表。
表3.6 订单项表
| 属性名称 | 数据类型 | 主键 /外键 | 说明 |
| id | int (11) | 主键 | 订单项ID（自增） |
| pid | int (11) | 外键 | 商品ID（初始为空） |
| oid | int (11) | 外键 | 订单ID（初始为空） |
| uid | int (11) | 外键 | 用户ID（初始为空） |
| number | int (11) | 无 | 商品数量（初始为空） |
| 备注： 1：orderitem表中的pid参照product表中的id。 2：orderitem表中的oid参照order_表中的id。 3：orderitem表中的uid参照user表中的id。 | |||
如表3.7所示为网上商城的订单表。
表3.7 订单表
| 属性名称 | 数据类型 | 主键 /外键 | 说明 |
| id | int (11) | 主键 | 订单ID（自增） |
| orderCode | varchar (255) | 无 | 订单号（初始为空） |
| uid | int (11) | 外键 | 用户ID（初始为空） |
| address | varchar (255) | 无 | 收货地址（初始为空） |
| post | varchar (255) | 无 | 邮编（初始为空） |
| receiver | varchar (255) | 无 | 收货人信息（初始为空） |
| mobile | varchar (255) | 无 | 手机号码（初始为空） |
| userMessage | varchar (255) | 无 | 备注信息（初始为空） |
| createDate | datetime | 无 | 订单创建时间（初始为空） |
| payDate | datetime | 无 | 支付时间（初始为空） |
| deliveryDate | datetime | 无 | 发货时间（初始为空） |
| confirmDate | datetime | 无 | 确认收货时间（初始为空） |
| status | varchar (255) | 无 | 订单状态（初始为空） |
| 备注： order_表中的uid参照user表中的id。 | |||
第四章 系统模块实现
4.1系统实现环境
系统实现环境主要介绍商城页面中用户注册、订单管理、分类管理三个模块的界面实现效果，结尾使用测试用例验证这些功能模块的正确性和安全性。系统开发环境使用的是IDEA，以及SSM作为系统框架。
开发网上商城使用的主要工具如表4.1所示：
表4.1 主要工具
| 类型 | 工具 |
| 系统使用到的框架 | SSM（Spring + Spring MVC + MyBatis）框架 |
| 实现前端所需要的技术 | HTML、CSS和JQuery三种技术相结合 |
| Web端使用到的服务器 | Tomcat |
| 系统用到的数据库 | MySQL |
| 系统用到的开发环境 | Eclipse |
4.2用户注册模块的实现
注册个人账号的过程，过程如下所示：
（1）如图4.1所示为网上商城的首页，点击最上方为导航栏。
图4.1 网上商城首页
（2）点击左上角的“注册”。如图4.2所示椭圆线框标注就是“注册”。
图4.2 “注册”
（3）页面跳转到注册页，如图4.3所示为网上商城的注册页，
图4.3 注册页
4.2.2 测试用例
系统开发的测试采用的是黑盒测试，用户注册模块的测试用例，展示测试结果。如表4.2所示为注册功能的测试用例。
表4.1 注册的测试用例
| 填写用例的编号 | TC01 |
| 使用用例的名字 | 注册功能模块 |
| 所属的系统模块 | 用户注册的系统 |
| 前置所需的条件 | 用户访问网上商城了注册的页面，且这是已存在用户“Cyr2019” |
| 测试的具体操作 | 在注册页面选择性地输入已注册用户名、登录密码之后进行密码确认，然后点击“提交”按钮 |
4.3 订单管理模块的实现
（1）如图4.4所示为网上商城的首页，登个人录账号后，单击“个人中心”。
图4.4 首页的个人中心
（2）我的订单页，可以直接查看个人的所有订单，如图4.5所示为我的订单页。
图4.5 我的订单页
（1）如图4.7所示为商城后台管理中的订单管理页面，后台管理员能够查看订单的各项信息，例如订单编号、金额、收货人信息和物流信息，还可以对订单进行发货处理。
图4.7 后台订单管理首页
黑盒测试，设计订单管理模块的测试用例，并展示测试结果。下列为确认收货功能、评价功能和发货功能的测试用例。
（1）确认收货
如表4.4所示为确认收货功能的测试用例。
表4.2 确认收货的测试用例
| 填写用例的编号 | TC02 | |
| 使用的用例名字 | 确认收货功能模块 | |
| 所属的系统模块 | 订单管理的系统 | |
| 前置所需的条件 | 用户已经登录了网上商城，并访问了个人订单管理页面 | |
| 测试的具体操作 | 在订单管理界面找到用户待收货的订单，点击确认收货 | |
| 子编号 | 参数值 | 期望得到的结果 |
| TC02-1 | 点击按钮“确认收货”，页面进行跳转之后再点击“确认支付” | 页面最终跳转到了收货成功页，页面出现提示文字“交易已经成功，网上商城将收到您的货款。” |
（2）评价
如表4.5所示为评价功能的测试用例。
表4.3 评价的测试用例
| 填写用例的编号 | TC03 | |
| 使用的用例名字 | 评价功能模块 | |
| 所属的系统模块 | 订单管理的系统 | |
| 前置所需的条件 | 用户在已登录网上商城页面，访问了个人订单管理页面 | |
| 测试的具体操作 | 在订单管理的界面找到待评价的订单，点击“评价”，跳转到填写评价页后，填写评价并提交 | |
| 子编号 | 参数值 | 期望得到的结果 |
| TC03-1 | 评价=“非常满意！” | 页面进行刷新，并在商品下展示了评价日期、评价内容和匿名状态的用户名 |
| TC03-2 | 评价=“” | 页面进行刷新，商品下的评价内容为空，但仍展示了评价日期和匿名状态的用户名 |
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
