基于SSM框架的网上购物商城设计与实现

2020年

第41卷 第6期

软

件

COMPUTER ENGINEERING & SOFTWARE

2020, Vol. 41, No. 6

国际IT传媒品牌

基于SSM框架的网上购物商城设计与实现

张慧敏，王 飒，张腾达

（山西农业大学 软件学院，山西 太谷 030801）

摘 要: 线上线下专门针对研究男士皮肤以及销售男士护肤产品的品牌的并不是很多，网上购物商城旨在推动

互联网上男士护肤产品的销售，阔宽卖家与买家购买产品的渠道，降低卖家的成本时，买家也优惠一定的价格。该

购物商城使用SSM框架以及J2EE实现网上购物商城平台的构建。本文从网上购物商城技术介绍，网上购物商城设

计，网上购物商城实现等方面具体论述网上购物商城的设计与实现。

关键词: SSM框架；JavaEE；网上购物商城

中图分类号: TP311.52 文献标识码: A DOI：10.3969/.1003-6970.2020.06.030

本文著录格式：张慧敏，王飒，张腾达. 基于SSM框架的网上购物商城设计与实现[J]. 软件，2020，41（06）：

143146

Design and Implementation of Online Shopping Mall Based on SSM Framework

ZHANG Hui-min, WANG Sa, ZHANG Teng-da

(Software college, Shanxi Agricultural University, Taigu 030801, China)

【Abstract】: There are not many online and offline brands dedicated to the research of men’s skin and the sale of

men's skin care products. Online shopping mall aims to promote the sale of men's skin care products on the Internet,

broaden the channels for sellers and buyers to buy products, and reduce the cost of sellers, buyers also offer certain

prices. The shopping mall uses SSM framework and Java EE to realize the construction of online shopping mall

platform. This paper discusses the design and implementation of online shopping mall from the aspects of analysis,

design and implementation of online shopping mall.

【Key words】: SSM framework; JavaEE; Online shopping mall

0 引言

近年来，我国互联网迅速发展。互联网的发展

给人们生活带来了极大的便利。人们利用互联网在

网上购买很多东西，护肤品是一个基本上人人都在

使用的产品，随着人们经济的增长，越来越多的人

注重护肤，男性人群尤为突出。根据《中国直销》

显示男士护肤用品销售增幅是整个护肤产品市场的

2倍，业内仅有10家企业销售男性护肤品，这和几

乎家家都在销售女性护肤品或化妆品的形势差距甚

大，专门做男士护肤的商城也寥寥无几。该网上购

物商城旨在使男士拥有一个专门研究其肤质以及销

售男士护肤产品的商城，方便男士人群针对自己的

肤质进购买产品。

1 网上购物商城技术介绍

1.1 SSM框架介绍

SSM(Spring+SpringMVC+MyBatis)框架由Spring、

MyBatis两个开源框架整合而成（SpringMVC是

Spring中的部分内容）。将整个系统划分为view层，

controller层，service层，DAO层四层。

SSM中包括3部分：spring MVC，spring，mybatis。

（1）SpringMVC在项目中拦截用户请求，它的核

心DispatcherServlet将用户请求通过HandlerMapping

去匹配Controller，Controller就是具体对应请求所

执行的操作。即使用spring MVC负责请求的转发和

视图管理。

（2）spring在配置文件中可以指定使用特定的

作者简介

:

张慧敏，女，本科，主要研究方向：软件工程JavaEE方向；王飒，女，本科，主要研究方向：软件工程JavaEE方向；张腾

达，男，本科，主要研究方向：软件工程JavaEE方向。

第41卷 第6期 软 件

参数去调用实体类的构造方法来实例化对象。即实

现业务对象管理。

（3）mybatis是对jdbc的封装。mybatis通过配

置文件关联到各实体类的Mapper文件，Mapper文

件中配置了每个类对数据库所需进行的sql语句映

射。在每次与数据库交互时，通过sqlSessionFactory

拿到一个sqlSession，再执行sql命令。即作为数据

对象的持久化引擎。

数据持久层（DAO）返回控制层（Controller），请

求完成获取一个结果，设置要跳转的页面，核心控

制器调用视图解析器（ViewResolver）解析视图，

匹配相应的页面实现页面跳转。

3 网上购物商城的实现

下面从技术实现的角度分析SSM框架网上购

物商城的实现。

首先大致了解系统的流程：用户通过访问商城

首页进行浏览商品，在首页可以进入注册页面进行

注册账号，拥有账号进入登录页面。若账号和密码

正确进入当前用户之前浏览的页面或者首页，若账

号和密码错误返回登录页面进行重新登录或者找回

密码。在购物商城首页选择购买的商品点击查看详

情，在产品的详情页可以加入购物车或者立即购买

后进入购物车的页面。用户在购物车界面可以根据

需求，选择增加或删除商品数量，也可以返回购物

首页继续购买，确定要购买的商品后，用户可以提

交订单，进入订单信息显示页面，进行支付。购买

完毕，用户可以选择退出登录，进入商城的首页。

具体分析各个功能的实现：

（1）前端功能实现：前端功能主要是用户界面的

设计。界面主要采用HTML+CSS+JavaScript+Jquery

编写。

首页：由视图负责商城首页界面的实

现。在首页中进行产品信息的展示，产品信息来自

DAO。DAO(Data Access Object)是一个数据访问接

口。数据访问，对数据库进行存取。夹在业务逻辑

与数据库资源中间。它将需要显示的信息（如产品

图片、产品价格、产品销量等）从数据库中取出，

进行信息显示，如图1所示。在首页的底部，针对

不同的男士肌肤问题有相关的产品的推荐，方便其

针对自己的肤质进行产品的购买。用户也可以联系

客服，进行一对一的皮肤管理。

注册：由视图负责注册界面的实现，

如图2所示。注册成功后跳转到登录页面。

登录：由视图负责登录页面的实现。

如图3所示。登录成功后跳转到用户之前浏览的页面。

商品详情页：由product_视图负责商品

详情页面的实现。该页面中通过DAO中从数据库中

获取数据进行显示产品的价格，描述，销量以及通

过+、–的按钮进行购买数量的调整，也可以在文本

框中输入数量进行购买，供用户与系统进行交互。

144

1.2 J2EE介绍

J2EE是一套全然不同于传统应用开发的技术

架构，包含许多组件，主要可简化且规范应用系统

的开发与部署，进而提高可移植性、安全与再用价

值。本网上购物商城使用到的主要技术：

（1）XML：XML（标准通用标记语言的子集）

是一种可以用来定其它标记语言的语言。它被用来

在不同的商务过程中共享数据。XML的发展和java

是相互独立的，但是，它和java具有的相同目标是

平台独立性。

（2）JSP：是一种动态网页技术，根据用户的交

互展示不同的页面，被广泛应用在Web应用开发中。

（3）Servlet：Servlet被包含在Java的API中，

所以Servlet也是一个Java类,通常用于逻辑设计。

2 网上购物商城的设计

该商城采用B/S架构，主要有前端和后台构成，

其中前端功能有用户注册，用户登录，浏览商品，

查看商品详情，加入购物车，立即购买，查看各类

订单以及退出登录。后台功能有对商品类别的增删

改查操作，对商品的增删改查操作，对订单的改查

操作以及登录验证。

该商城设计中，使用view层处理用户提交的各

种数据，controller层为控制器，在用户出发事件后，

获取页面请求的参数，通过自动装配，映射不同的

URL到相应的处理函数，并获取参数，对参数进行

处理，之后传给服务层。service层为控制层提供服

务，接受控制层的参数，完成相应的功能，并返回

给控制层。DAO层数据持久，负责与数据库进行联

系。JSP页面请求参数，获取数据。

基于SSM框架的网上购物商城整个流程如下：首

先jsp发送请求，通过核心控制器（DispatcherServlet）

调用请求解析器（HandlendMapping）对请求进行解

析，通过映射关系匹配到控制器层（Controller），在

控制器层（Controller）调用业务逻辑层（service），

《软件》杂志欢迎推荐投稿：**************.com

张慧敏等：基于SSM框架的网上购物商城设计与实现

图1 产品信息展示

Fig.1 Product information display

图5 购物车页面

Fig.5 Shopping cart page

图2 注册页面

Fig.2 Registration page

提交订单：由buy_视图负责提交订单功

能的实现。如图6所示。设置收获的地址以及联系

电话提交订单。

图3 登录页面

Fig.3 Login page

图6 提交订单页面

Fig.6 Submit order page

图4是某个产品的详情页面的展示。

购物车：由my_视图负责购物车功能使

得实现。如图5所示。确认信息无误后提交订单，

供用户进行确定。

支付：由视图负责支付功能的实现。如

图7所示。使用JavaScript中click事件进行输入的

密码与数据库的密码判断，若相同时支付成功，若

不同提示密码错误。

图4 产品详情页面

Fig.4 Product details page

145

图7 支付页面

Fig.7 Payment page

《软件》杂志欢迎推荐投稿：**************.com

第41卷 第6期 软 件

各种订单查看：由页面进行显

示。如图8所示。进行查询自己购买产品的状态。

商品管理：在中是实现对商

品增删改查操作以及显示所有的商品。

类别管理：在实现对商品

类别的增删改查操作以及显示所有的类别。

订单管理：在实现对订单的

改查操作。由管理员对提交的订单进行处理。

4 结论

现如今互联网发展迅速，网上购物已经成为人

们生活的一部分。随着男士护肤产品销量的增加，

本文基于SSM框架的网上购物商城针对男士肌肤

进行研究，专门销售男性肌肤护肤产品，有广阔的

应用前景。该网上购物功能完备、结构清晰、易于

使用，为销售产品提供了便捷的平台。

图8 各种订单查看页面

Fig.8 Various order viewing pages

退出登录：由页面实现，点击退出登

录按钮进行登录退出。

（2）后台功能的实现：

管理员登录：视图进行显示。如图9

所示。

参考文献

[1]

[2]

[3]

[4]

[5]

[6]

黄云霞, 王丹志. 基于J2EE的延伸护理系统的设计与实现

[J]. 软件, 2016, 37(01): 32-37.

张婉贞, 吴萃, 肖佳宇. 基于Java程序的现代城市地铁查

询系统设计[J]. 软件, 2016, 37(3): 47-50.

庞旭, 朱平, 李洋. 基于肯特的高原地区管道安全评价系

统[J]. 软件, 2018, 39(01): 50-53.

王强, 王丹, 向逸尘. WMS仓库管理系统的设计和实现[J].

软件, 2018, 39(1): 153-158.

李翔宇, 马夕然, 叶奕风. 基于C52的蓝牙距离预警功能

的设计[J]. 软件, 2018, 39(2)” 62-65.

康梅娟. 基于SSM的摄影爱好者论坛的设计[J]. 科技资讯,

2019.

[7] 王丽, 宗镇欣. 基于SSM框架的学生信息管理系统[J]. 电

脑知识与技术, 2019.

图9 管理员登录页面

Fig.9 Administrator login page

《软件》杂志欢迎推荐投稿：**************.com

146