張慧敏 王颯 張騰達(dá)

摘 ?要： 線上線下專門針對研究男士皮膚以及銷售男士護(hù)膚產(chǎn)品的品牌的并不是很多，網(wǎng)上購物商城旨在推動互聯(lián)網(wǎng)上男士護(hù)膚產(chǎn)品的銷售，闊寬賣家與買家購買產(chǎn)品的渠道，降低賣家的成本時(shí)，買家也優(yōu)惠一定的價(jià)格。該購物商城使用SSM框架以及J2EE實(shí)現(xiàn)網(wǎng)上購物商城平臺的構(gòu)建。本文從網(wǎng)上購物商城技術(shù)介紹，網(wǎng)上購物商城設(shè)計(jì)，網(wǎng)上購物商城實(shí)現(xiàn)等方面具體論述網(wǎng)上購物商城的設(shè)計(jì)與實(shí)現(xiàn)。

關(guān)鍵詞： SSM框架;JavaEE;網(wǎng)上購物商城

中圖分類號： TP311.52 ? ?文獻(xiàn)標(biāo)識碼： A ? ?DOI：10.3969/j.issn.1003-6970.2020.06.030

本文著錄格式：張慧敏，王颯，張騰達(dá). 基于SSM框架的網(wǎng)上購物商城設(shè)計(jì)與實(shí)現(xiàn)[J]. 軟件，2020，41（06）：143146

【Abstract】： There are not many online and offline brands dedicated to the research of mens 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 ?引言

近年來，我國互聯(lián)網(wǎng)迅速發(fā)展?；ヂ?lián)網(wǎng)的發(fā)展給人們生活帶來了極大的便利。人們利用互聯(lián)網(wǎng)在網(wǎng)上購買很多東西，護(hù)膚品是一個(gè)基本上人人都在使用的產(chǎn)品，隨著人們經(jīng)濟(jì)的增長，越來越多的人注重護(hù)膚，男性人群尤為突出。根據(jù)《中國直銷》顯示男士護(hù)膚用品銷售增幅是整個(gè)護(hù)膚產(chǎn)品市場的2倍，業(yè)內(nèi)僅有10家企業(yè)銷售男性護(hù)膚品，這和幾乎家家都在銷售女性護(hù)膚品或化妝品的形勢差距甚大，專門做男士護(hù)膚的商城也寥寥無幾。該網(wǎng)上購物商城旨在使男士擁有一個(gè)專門研究其膚質(zhì)以及銷售男士護(hù)膚產(chǎn)品的商城，方便男士人群針對自己的膚質(zhì)進(jìn)購買產(chǎn)品。

1 ?網(wǎng)上購物商城技術(shù)介紹

1.1 ?SSM框架介紹

SSM（Spring+SpringMVC+MyBatis）框架由Spring、MyBatis兩個(gè)開源框架整合而成（SpringMVC是Spring中的部分內(nèi)容）。將整個(gè)系統(tǒng)劃分為view層，controller層，service層，DAO層四層。

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

（1）SpringMVC在項(xiàng)目中攔截用戶請求，它的核心DispatcherServlet將用戶請求通過HandlerMapping去匹配Controller，Controller就是具體對應(yīng)請求所執(zhí)行的操作。即使用spring MVC負(fù)責(zé)請求的轉(zhuǎn)發(fā)和視圖管理。

（2）spring在配置文件中可以指定使用特定的參數(shù)去調(diào)用實(shí)體類的構(gòu)造方法來實(shí)例化對象。即實(shí)現(xiàn)業(yè)務(wù)對象管理。

（3）mybatis是對jdbc的封裝。mybatis通過配置文件關(guān)聯(lián)到各實(shí)體類的Mapper文件，Mapper文件中配置了每個(gè)類對數(shù)據(jù)庫所需進(jìn)行的sql語句映射。在每次與數(shù)據(jù)庫交互時(shí)，通過sqlSessionFactory拿到一個(gè)sqlSession，再執(zhí)行sql命令。即作為數(shù)據(jù)對象的持久化引擎。

1.2 ?J2EE介紹

J2EE是一套全然不同于傳統(tǒng)應(yīng)用開發(fā)的技術(shù)架構(gòu)，包含許多組件，主要可簡化且規(guī)范應(yīng)用系統(tǒng)的開發(fā)與部署，進(jìn)而提高可移植性、安全與再用價(jià)值。本網(wǎng)上購物商城使用到的主要技術(shù)：

（1）XML：XML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）是一種可以用來定其它標(biāo)記語言的語言。它被用來在不同的商務(wù)過程中共享數(shù)據(jù)。XML的發(fā)展和java是相互獨(dú)立的，但是，它和java具有的相同目標(biāo)是平臺獨(dú)立性。

（2）JSP：是一種動態(tài)網(wǎng)頁技術(shù)，根據(jù)用戶的交互展示不同的頁面，被廣泛應(yīng)用在Web應(yīng)用開發(fā)中。

（3）Servlet：Servlet被包含在Java的API中，所以Servlet也是一個(gè)Java類，通常用于邏輯設(shè)計(jì)。

2 ?網(wǎng)上購物商城的設(shè)計(jì)

該商城采用B/S架構(gòu)，主要有前端和后臺構(gòu)成，其中前端功能有用戶注冊，用戶登錄，瀏覽商品，查看商品詳情，加入購物車，立即購買，查看各類訂單以及退出登錄。后臺功能有對商品類別的增刪改查操作，對商品的增刪改查操作，對訂單的改查操作以及登錄驗(yàn)證。

該商城設(shè)計(jì)中，使用view層處理用戶提交的各種數(shù)據(jù)，controller層為控制器，在用戶出發(fā)事件后，獲取頁面請求的參數(shù)，通過自動裝配，映射不同的URL到相應(yīng)的處理函數(shù)，并獲取參數(shù)，對參數(shù)進(jìn)行處理，之后傳給服務(wù)層。service層為控制層提供服務(wù)，接受控制層的參數(shù)，完成相應(yīng)的功能，并返回給控制層。DAO層數(shù)據(jù)持久，負(fù)責(zé)與數(shù)據(jù)庫進(jìn)行聯(lián)系。JSP頁面請求參數(shù)，獲取數(shù)據(jù)。

基于SSM框架的網(wǎng)上購物商城整個(gè)流程如下：首先jsp發(fā)送請求，通過核心控制器（DispatcherServlet）調(diào)用請求解析器（HandlendMapping）對請求進(jìn)行解析，通過映射關(guān)系匹配到控制器層（Controller），在控制器層（Controller）調(diào)用業(yè)務(wù)邏輯層（service），數(shù)據(jù)持久層（DAO）返回控制層（Controller），請求完成獲取一個(gè)結(jié)果，設(shè)置要跳轉(zhuǎn)的頁面，核心控制器調(diào)用視圖解析器（ViewResolver）解析視圖，匹配相應(yīng)的頁面實(shí)現(xiàn)頁面跳轉(zhuǎn)。

3 ?網(wǎng)上購物商城的實(shí)現(xiàn)

下面從技術(shù)實(shí)現(xiàn)的角度分析SSM框架網(wǎng)上購物商城的實(shí)現(xiàn)。

首先大致了解系統(tǒng)的流程：用戶通過訪問商城首頁進(jìn)行瀏覽商品，在首頁可以進(jìn)入注冊頁面進(jìn)行注冊賬號，擁有賬號進(jìn)入登錄頁面。若賬號和密碼正確進(jìn)入當(dāng)前用戶之前瀏覽的頁面或者首頁，若賬號和密碼錯(cuò)誤返回登錄頁面進(jìn)行重新登錄或者找回密碼。在購物商城首頁選擇購買的商品點(diǎn)擊查看詳情，在產(chǎn)品的詳情頁可以加入購物車或者立即購買后進(jìn)入購物車的頁面。用戶在購物車界面可以根據(jù)需求，選擇增加或刪除商品數(shù)量，也可以返回購物首頁繼續(xù)購買，確定要購買的商品后，用戶可以提交訂單，進(jìn)入訂單信息顯示頁面，進(jìn)行支付。購買完畢，用戶可以選擇退出登錄，進(jìn)入商城的首頁。

具體分析各個(gè)功能的實(shí)現(xiàn)：

（1）前端功能實(shí)現(xiàn)：前端功能主要是用戶界面的設(shè)計(jì)。界面主要采用HTML+CSS+JavaScript+Jquery編寫。

首頁：由index.jsp視圖負(fù)責(zé)商城首頁界面的實(shí)現(xiàn)。在首頁中進(jìn)行產(chǎn)品信息的展示，產(chǎn)品信息來自DAO。DAO（Data Access Object）是一個(gè)數(shù)據(jù)訪問接口。數(shù)據(jù)訪問，對數(shù)據(jù)庫進(jìn)行存取。夾在業(yè)務(wù)邏輯與數(shù)據(jù)庫資源中間。它將需要顯示的信息（如產(chǎn)品圖片、產(chǎn)品價(jià)格、產(chǎn)品銷量等）從數(shù)據(jù)庫中取出，進(jìn)行信息顯示，如圖1所示。在首頁的底部，針對不同的男士肌膚問題有相關(guān)的產(chǎn)品的推薦，方便其針對自己的膚質(zhì)進(jìn)行產(chǎn)品的購買。用戶也可以聯(lián)系客服，進(jìn)行一對一的皮膚管理。

注冊：由register.jsp視圖負(fù)責(zé)注冊界面的實(shí)現(xiàn)，如圖2所示。注冊成功后跳轉(zhuǎn)到登錄頁面。

登錄：由login.jsp視圖負(fù)責(zé)登錄頁面的實(shí)現(xiàn)。如圖3所示。登錄成功后跳轉(zhuǎn)到用戶之前瀏覽的頁面。

商品詳情頁：由product_item.jsp視圖負(fù)責(zé)商品詳情頁面的實(shí)現(xiàn)。該頁面中通過DAO中從數(shù)據(jù)庫中獲取數(shù)據(jù)進(jìn)行顯示產(chǎn)品的價(jià)格，描述，銷量以及通過+、–的按鈕進(jìn)行購買數(shù)量的調(diào)整，也可以在文本框中輸入數(shù)量進(jìn)行購買，供用戶與系統(tǒng)進(jìn)行交互。

圖4是某個(gè)產(chǎn)品的詳情頁面的展示。

購物車：由my_cart.jsp視圖負(fù)責(zé)購物車功能使得實(shí)現(xiàn)。如圖5所示。確認(rèn)信息無誤后提交訂單，供用戶進(jìn)行確定。

提交訂單：由buy_now.jsp視圖負(fù)責(zé)提交訂單功能的實(shí)現(xiàn)。如圖6所示。設(shè)置收獲的地址以及聯(lián)系電話提交訂單。

支付：由pay.jsp視圖負(fù)責(zé)支付功能的實(shí)現(xiàn)。如圖7所示。使用JavaScript中click事件進(jìn)行輸入的密碼與數(shù)據(jù)庫的密碼判斷，若相同時(shí)支付成功，若不同提示密碼錯(cuò)誤。

各種訂單查看：由myshopping.jsp頁面進(jìn)行顯示。如圖8所示。進(jìn)行查詢自己購買產(chǎn)品的狀態(tài)。

退出登錄：由head.jsp頁面實(shí)現(xiàn)，點(diǎn)擊退出登錄按鈕進(jìn)行登錄退出。

（2）后臺功能的實(shí)現(xiàn)：

管理員登錄：login.jsp視圖進(jìn)行顯示。如圖9所示。

商品管理：在ProductService.java中是實(shí)現(xiàn)對商品增刪改查操作以及顯示所有的商品。

類別管理：在CategoryService.java實(shí)現(xiàn)對商品類別的增刪改查操作以及顯示所有的類別。

訂單管理：在OrderService.java實(shí)現(xiàn)對訂單的改查操作。由管理員對提交的訂單進(jìn)行處理。

4 ?結(jié)論

現(xiàn)如今互聯(lián)網(wǎng)發(fā)展迅速，網(wǎng)上購物已經(jīng)成為人們生活的一部分。隨著男士護(hù)膚產(chǎn)品銷量的增加，本文基于SSM框架的網(wǎng)上購物商城針對男士肌膚進(jìn)行研究，專門銷售男性肌膚護(hù)膚產(chǎn)品，有廣闊的應(yīng)用前景。該網(wǎng)上購物功能完備、結(jié)構(gòu)清晰、易于使用，為銷售產(chǎn)品提供了便捷的平臺。

參考文獻(xiàn)

[1] 黃云霞， 王丹志. 基于J2EE的延伸護(hù)理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 軟件， 2016， 37（01）： 32-37.

[2] 張婉貞， 吳萃， 肖佳宇. 基于Java程序的現(xiàn)代城市地鐵查詢系統(tǒng)設(shè)計(jì)[J]. 軟件， 2016， 37（3）： 47-50.

[3] 龐旭， 朱平， 李洋. 基于肯特的高原地區(qū)管道安全評價(jià)系統(tǒng)[J]. 軟件， 2018， 39（01）： 50-53.

[4] 王強(qiáng)， 王丹， 向逸塵. WMS倉庫管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)[J]. 軟件， 2018， 39（1）： 153-158.

[5] 李翔宇， 馬夕然， 葉奕風(fēng). 基于C52的藍(lán)牙距離預(yù)警功能的設(shè)計(jì)[J]. 軟件， 2018， 39（2）” 62-65.

[6] 康梅娟. 基于SSM的攝影愛好者論壇的設(shè)計(jì)[J]. 科技資訊， 2019.

[7] 王麗， 宗鎮(zhèn)欣. 基于SSM框架的學(xué)生信息管理系統(tǒng)[J]. 電腦知識與技術(shù)， 2019.