徐 剛，翟夢(mèng)嬌

(洛陽(yáng)師范學(xué)院，河南 洛陽(yáng) 471934)

引言

隨著社會(huì)的快速發(fā)展和科學(xué)技術(shù)的進(jìn)步，人們對(duì)生活質(zhì)量的要求越來(lái)越高，女性對(duì)于自己的外表也更加注重.在快速的生活節(jié)奏下，線下購(gòu)物具有局限性，因此，女性對(duì)網(wǎng)絡(luò)購(gòu)物的需求也日益增加.基于此，本文構(gòu)建了一個(gè)集購(gòu)物與美容資訊于一體的網(wǎng)站.該網(wǎng)站既可以為消費(fèi)者節(jié)省時(shí)間和精力，又可以為商家和企業(yè)提供一種新的銷(xiāo)售途徑.

1 系統(tǒng)需求分析

1.1 功能需求分析

該系統(tǒng)需要實(shí)現(xiàn)用戶(hù)查看關(guān)注商品、購(gòu)買(mǎi)商品、瀏覽美妝信息的功能.網(wǎng)站用戶(hù)分為游客和注冊(cè)用戶(hù)兩類(lèi)，游客用戶(hù)僅具有瀏覽網(wǎng)頁(yè)、查看商品和美妝信息的權(quán)限；注冊(cè)用戶(hù)除具有游客用戶(hù)的權(quán)限外，還具有購(gòu)物車(chē)、購(gòu)買(mǎi)商品、關(guān)注商品的權(quán)限.

此外，該系統(tǒng)還需要管理員具有對(duì)注冊(cè)用戶(hù)和訂單進(jìn)行查詢(xún)和刪除的功能；對(duì)商品進(jìn)行新增、刪除、修改和查詢(xún)的功能；對(duì)美妝信息進(jìn)行新增、刪除和查詢(xún)功能；對(duì)商品類(lèi)型進(jìn)行新增、刪除和查詢(xún)功能.

1.2 性能需求分析

1)安全性.系統(tǒng)要能有效地防止他人非法進(jìn)入系統(tǒng)，從而保證數(shù)據(jù)的安全性.不同的身份進(jìn)行注冊(cè)登錄后，具有不同的權(quán)限.2)高效性.系統(tǒng)既要便于用戶(hù)購(gòu)物，又要使用戶(hù)獲得及時(shí)的美妝信息，優(yōu)惠活動(dòng)要在第一時(shí)間發(fā)布在首頁(yè).3)便捷性.系統(tǒng)界面需要簡(jiǎn)單明了、操作簡(jiǎn)便，能夠達(dá)到所見(jiàn)即所得的效果,用戶(hù)在使用過(guò)程中，不可出現(xiàn)過(guò)多的等待或復(fù)雜的干擾信息.

2 系統(tǒng)總體設(shè)計(jì)

本系統(tǒng)主要包括兩大功能模塊：電子商務(wù)模塊和后臺(tái)管理模塊.

2.1 電子商務(wù)模塊設(shè)計(jì)

根據(jù)系統(tǒng)目標(biāo)和需求，該模塊主要服務(wù)于兩類(lèi)用戶(hù)：游客用戶(hù)和注冊(cè)用戶(hù).游客用戶(hù)只能瀏覽商品和查看已經(jīng)發(fā)布的美妝信息，不能進(jìn)行購(gòu)買(mǎi)商品等操作；而注冊(cè)用戶(hù)除了瀏覽商品和查看已經(jīng)發(fā)布的美妝信息外，還可以進(jìn)行商品的購(gòu)買(mǎi)、商品的關(guān)注以及進(jìn)入用戶(hù)中心以后的一些常規(guī)操作.該模塊的架構(gòu)圖如圖1所示.

圖1 電子商務(wù)模塊架構(gòu)圖

2.2 后臺(tái)管理模塊設(shè)計(jì)

根據(jù)系統(tǒng)目標(biāo)和需求，該模塊主要便于管理員對(duì)整個(gè)平臺(tái)進(jìn)行詳細(xì)的管理.后臺(tái)管理模塊分為商品管理、商品類(lèi)型管理、訂單管理、用戶(hù)管理和美妝信息管理.其中，商品管理可以進(jìn)行新增商品、刪除商品、修改商品詳情和查詢(xún)商品的操作；商品類(lèi)型管理可以進(jìn)行新增商品類(lèi)型、刪除商品類(lèi)型和查詢(xún)已經(jīng)添加的商品類(lèi)型信息的操作；訂單管理可以進(jìn)行查詢(xún)訂單和刪除訂單的操作；用戶(hù)管理可以進(jìn)行查詢(xún)注冊(cè)用戶(hù)和刪除違規(guī)操作的用戶(hù)的操作；美妝信息管理中，后臺(tái)管理員可以進(jìn)行美妝信息的新增、美妝信息的刪除和已經(jīng)發(fā)布的美妝信息的查詢(xún)功能.該模塊的架構(gòu)圖如圖2所示.

圖2 后臺(tái)管理模塊架構(gòu)圖

3 系統(tǒng)詳細(xì)設(shè)計(jì)

3.1 開(kāi)發(fā)工具簡(jiǎn)介

該系統(tǒng)使用JAVA作為編程語(yǔ)言(JDK版本為8u201 x64)，Eclipse Java EE IDE for Web Developers(Oxygen.2 Release 4.7.2 x64)作為開(kāi)發(fā)平臺(tái)，使用MySQL 5.5作為數(shù)據(jù)庫(kù)軟件，以tomcat 9.0作為服務(wù)器，使用Spring + Spring MVC + My Batis作為框架來(lái)實(shí)現(xiàn)各個(gè)子系統(tǒng)的功能.其中，Spring版本為5.0.2，MyBatis版本為3.4.5[1-2].

3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)

根據(jù)系統(tǒng)的模塊和設(shè)計(jì)，本系統(tǒng)建立如下九張表.

1) 管理員表.包括管理員用戶(hù)名字段和密碼字段.系統(tǒng)初始一名管理員，用戶(hù)名和密碼均為admin，類(lèi)型均為varchar，長(zhǎng)度均為50，均不可為空值.主鍵為用戶(hù)名字段.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表1.

表1 管理員表

2) 商品類(lèi)型表.包括商品ID和商品類(lèi)型字段.商品ID類(lèi)型為int，長(zhǎng)度為10；商品類(lèi)型字段的類(lèi)型為varchar，長(zhǎng)度為50，均不可為空值.主鍵為商品ID字段.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表2.

表2 商品類(lèi)型表

3) 注冊(cè)用戶(hù)表.包括注冊(cè)用戶(hù)的ID，密碼和電子郵箱字段.用戶(hù)ID類(lèi)型為int，長(zhǎng)度為10；電子郵箱和密碼類(lèi)型均為varchar，長(zhǎng)度均為50，均不可為空值.主鍵為用戶(hù)ID字段.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表3.

表3 注冊(cè)用戶(hù)表

4) 購(gòu)物車(chē)表.包括購(gòu)物車(chē)ID、用戶(hù)ID、商品ID和購(gòu)買(mǎi)數(shù)量字段.這四個(gè)類(lèi)型均為int，長(zhǎng)度均為10，均不可為空值.主鍵為購(gòu)物車(chē)ID，用戶(hù)ID和商品ID為外鍵.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表4.

表4 購(gòu)物車(chē)表

5) 商品信息表.包括商品ID、商品名稱(chēng)、進(jìn)貨價(jià)格、銷(xiāo)售價(jià)格、庫(kù)存數(shù)量、商品圖片和商品類(lèi)型字段.其中，商品ID、庫(kù)存數(shù)量的類(lèi)型均為int，長(zhǎng)度為10；商品名稱(chēng)和商品圖片均為varchar，長(zhǎng)度為50；進(jìn)貨價(jià)格和銷(xiāo)售價(jià)格類(lèi)型均為double.商品圖片字段可以為空值，其余字段均不可為空值.主鍵為商品ID.商品類(lèi)型為外鍵.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表5.

表5 商品信息表

6) 用戶(hù)關(guān)注表.包括關(guān)注表ID、用戶(hù)ID、商品ID和關(guān)注時(shí)間字段.其中，關(guān)注表ID、用戶(hù)ID和商品ID的類(lèi)型均為int，長(zhǎng)度均為10；關(guān)注時(shí)間類(lèi)型為datetime，均不可為空值.主鍵為關(guān)注表ID，用戶(hù)ID和商品ID為外鍵.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表6.

表6 用戶(hù)關(guān)注表

7) 基礎(chǔ)訂單表.包括基礎(chǔ)訂單表ID、用戶(hù)ID、訂單金額、訂單狀態(tài)和下單時(shí)間字段.其中，基礎(chǔ)訂單表ID和用戶(hù)ID類(lèi)型均為int，長(zhǎng)度均為10；訂單金額類(lèi)型為double；訂單狀態(tài)類(lèi)型為short，長(zhǎng)度為4；下單時(shí)間類(lèi)型為datetime，均不可為空值.主鍵為基礎(chǔ)訂單表ID，用戶(hù)ID為外鍵.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表7.

表7 基礎(chǔ)訂單表

8) 詳情訂單表.包括詳情訂單表ID、基礎(chǔ)訂單表ID和商品ID、購(gòu)買(mǎi)數(shù)量字段.這四個(gè)類(lèi)型均為int，長(zhǎng)度均為10，均不可為空值.主鍵為詳情訂單表ID，基礎(chǔ)訂單表和商品ID為外鍵.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表8.

表8 詳細(xì)訂單表

9) 美妝信息表.包括信息表ID、信息標(biāo)題、信息內(nèi)容和信息發(fā)布時(shí)間字段.其中，表ID類(lèi)型為int，長(zhǎng)度為10；信息標(biāo)題類(lèi)型為varchar，長(zhǎng)度為100；信息內(nèi)容類(lèi)型為varchar，長(zhǎng)度為1000；信息發(fā)布時(shí)間字段類(lèi)型為datetime，除發(fā)布時(shí)間字段外，其余均不可為空值.主鍵為信息表ID.該數(shù)據(jù)庫(kù)表格的信息見(jiàn)表9.

表9 美妝信息表

系統(tǒng)數(shù)據(jù)庫(kù)架構(gòu)圖如圖3所示.

圖3 系統(tǒng)數(shù)據(jù)庫(kù)架構(gòu)圖

3.3 系統(tǒng)實(shí)現(xiàn)

該系統(tǒng)使用JSP + html + css + javascript技術(shù)來(lái)實(shí)現(xiàn)系統(tǒng)面向?qū)ο蟮捻?yè)面[3].數(shù)據(jù)庫(kù)使用MySQL，用于存取各類(lèi)用戶(hù)信息、商品信息、訂單信息、購(gòu)物車(chē)信息和美妝信息等操作.系統(tǒng)主要包含兩個(gè)模塊：電子商務(wù)模塊和后臺(tái)管理模塊.

3.3.1 電子商務(wù)模塊的實(shí)現(xiàn)

電子商務(wù)模塊主要用于實(shí)現(xiàn)瀏覽用戶(hù)的查詢(xún)商品信息和美妝信息，以及注冊(cè)用戶(hù)的登錄、查詢(xún)、購(gòu)買(mǎi)商品等功能.

1)index.jsp文件.主要用于顯示面向?qū)ο蟮氖醉?yè)面，如圖4所示.對(duì)于游客用戶(hù)，不顯示登錄的歡迎信息，但該類(lèi)用戶(hù)可以查閱商品和美妝信息；對(duì)于注冊(cè)用戶(hù)，顯示歡迎信息，并可進(jìn)入個(gè)人中心，查看賬戶(hù)信息、購(gòu)物車(chē)、關(guān)注商品等操作.

2)productDetail.jsp文件.通過(guò)讀取數(shù)據(jù)庫(kù)的相關(guān)信息，顯示商品的詳細(xì)信息，包括商品圖片、價(jià)格、折扣價(jià)、商品類(lèi)型、購(gòu)買(mǎi)數(shù)量等信息.某商品詳情如圖5所示.

圖4 網(wǎng)站首頁(yè)截圖

圖5 某商品詳情截圖

3)searchResult.jsp文件.用于搜索商品，通過(guò)遍歷數(shù)據(jù)庫(kù)的所有商品來(lái)實(shí)現(xiàn).

4)userCenter.jsp文件.該文件是用戶(hù)中心頁(yè)面，通過(guò)讀取數(shù)據(jù)庫(kù)的相關(guān)信息來(lái)實(shí)現(xiàn)功能，該頁(yè)面可以顯示某注冊(cè)用戶(hù)的歷史訂單和關(guān)注的商品.

5)cart.jsp文件.用于顯示購(gòu)物車(chē)頁(yè)面.通過(guò)讀取數(shù)據(jù)庫(kù)的相關(guān)信息來(lái)實(shí)現(xiàn)查閱商品圖片、名稱(chēng)、價(jià)格和數(shù)量等信息.

6)訂單的確認(rèn)、購(gòu)買(mǎi)、支付使用了4個(gè)文件.orderDetail.jsp文件,主要用于顯示訂單詳情，包括商品編號(hào)、名稱(chēng)、圖片、價(jià)格和購(gòu)買(mǎi)數(shù)量.某訂單詳情截圖如圖6；confirmOrder.jsp頁(yè)面，用于確認(rèn)訂單時(shí)使用，此頁(yè)面會(huì)顯示將要購(gòu)買(mǎi)的所有商品的名稱(chēng)、單價(jià)、數(shù)量和總價(jià)格等信息；orderDone.jsp頁(yè)面，主要用于生成訂單號(hào)碼，并向用戶(hù)顯示單號(hào)和確認(rèn)信息；payDone.jsp頁(yè)面，用于確認(rèn)支付完成，當(dāng)支付成功后，顯示此界面，告知用戶(hù)已支付成功.

圖6 某訂單詳情截圖

3.3.2后臺(tái)管理模塊的實(shí)現(xiàn)

該模塊的功能是使管理員用戶(hù)有效地監(jiān)管整個(gè)系統(tǒng)，包括對(duì)商品、用戶(hù)、訂單和美妝信息的增加、刪除、修改等操作.主要通過(guò)以下jsp文件來(lái)實(shí)現(xiàn).

1)main.jsp頁(yè)面，即后臺(tái)管理主界面.該頁(yè)面可以進(jìn)行商品類(lèi)型管理，用戶(hù)管理，訂單管理和美妝信息的管理.登錄后如圖7所示.

圖7 后臺(tái)管理界面截圖

2)商品管理包括6個(gè)jsp文件，分別是addProduct.jsp、deleteProduct.jsp、producDetail.jsp、selectproduct.jsp、modifyOneProduct.jsp和modifyProducts.jsp.其中，addProduct.jsp頁(yè)面用于添加商品信息，包括商品的名稱(chēng)、進(jìn)貨價(jià)、銷(xiāo)售價(jià)格、商品庫(kù)存數(shù)量、商品圖片和商品類(lèi)型，添加一個(gè)商品如圖8所示；productDetail.jsp頁(yè)面主要用于查看某一個(gè)商品詳情，可以顯示商品的名稱(chēng)、進(jìn)貨價(jià)、銷(xiāo)售價(jià)格、商品庫(kù)存數(shù)量、商品圖片和商品類(lèi)型，某商品詳情如圖9所示；deleteProduct.jsp頁(yè)面用于刪除某個(gè)商品；selectproduct.jsp頁(yè)面用于顯示多個(gè)商品，管理員可以查看其中任意一個(gè)商品的詳情，商品的詳情頁(yè)面如圖10所示；modifyProducts頁(yè)面用于管理員修改商品；modifyOneProduct頁(yè)面主要用于修改某個(gè)商品的相關(guān)信息，包括修改名稱(chēng)、進(jìn)貨價(jià)、銷(xiāo)售價(jià)格、商品庫(kù)存數(shù)量、商品圖片和商品類(lèi)型等信息.

圖8 添加商品頁(yè)面截圖 圖10 商品詳情頁(yè)面截圖

圖9 某商品詳情截圖

3)美妝信息管理通過(guò)3個(gè)jsp文件來(lái)實(shí)現(xiàn)，分別是：addInfor.jsp、deleteInfor.jsp、inforDetail.jsp.其中，addInfor.jsp頁(yè)面用于添加美妝信息，管理員可以在此頁(yè)面添加美妝信息的標(biāo)題和內(nèi)容，添加一個(gè)美妝信息頁(yè)面如圖11所示；deleteInfor.jsp頁(yè)面用于刪除某條美妝信息；inforDetail.jsp頁(yè)面用于顯示某條美妝信息.

圖11 添加美妝信息頁(yè)面截圖

4)添加或刪除某種類(lèi)型的商品通過(guò)addType.jsp和deleteType.jsp來(lái)實(shí)現(xiàn).其中，addType.jsp用于添加商品類(lèi)型，商品類(lèi)型ID使用時(shí)無(wú)需設(shè)置，其數(shù)值會(huì)自動(dòng)增加，商品類(lèi)型需要管理員手動(dòng)添加，添加一個(gè)商品類(lèi)型頁(yè)面如圖12；deleteType.jsp用于刪除某種類(lèi)型的商品，此頁(yè)面用于顯示商品的ID、商品名稱(chēng)和操作欄.

圖12 添加類(lèi)型頁(yè)面截圖

5)用戶(hù)管理通過(guò)usersManage.jsp來(lái)實(shí)現(xiàn)，管理員可以在此頁(yè)面修改用戶(hù)密碼和刪除用戶(hù)信息.刪除用戶(hù)信息頁(yè)面見(jiàn)圖13所示.

圖13 刪除用戶(hù)頁(yè)面截圖

5 小結(jié)

本文基于SSM架構(gòu)，構(gòu)建了一個(gè)集購(gòu)物與美容資訊于一體的商務(wù)網(wǎng)站.該網(wǎng)站用于實(shí)現(xiàn)瀏覽用戶(hù)查閱商品和美妝信息的功能，注冊(cè)用戶(hù)添加關(guān)注的商品、添加商品到購(gòu)物車(chē)以及購(gòu)買(mǎi)商品等功能.此外，管理員用戶(hù)還可以在后臺(tái)對(duì)用戶(hù)信息，商品信息，訂單信息等方面實(shí)現(xiàn)管理.當(dāng)然，隨著人民對(duì)于美好生活的向往，用戶(hù)的需求也會(huì)隨之改變，該網(wǎng)站也需要不斷更新和優(yōu)化.