基于SSM的美容資訊商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

徐 剛，翟夢嬌

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

引言

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

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

1.1 功能需求分析

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

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

1.2 性能需求分析

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

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

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

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

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

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

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

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

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

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

3.1 開發(fā)工具簡介

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

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

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

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

表1 管理員表

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

表2 商品類型表

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

表3 注冊用戶表

4) 購物車表.包括購物車ID、用戶ID、商品ID和購買數(shù)量字段.這四個(gè)類型均為int，長度均為10，均不可為空值.主鍵為購物車ID，用戶ID和商品ID為外鍵.該數(shù)據(jù)庫表格的信息見表4.

表4 購物車表

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

表5 商品信息表

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

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

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

表7 基礎(chǔ)訂單表

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

表8 詳細(xì)訂單表

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

表9 美妝信息表

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

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

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

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

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

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

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

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

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

圖5 某商品詳情截圖

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

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

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

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

圖6 某訂單詳情截圖

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

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

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

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

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

圖8 添加商品頁面截圖 圖10 商品詳情頁面截圖

圖9 某商品詳情截圖

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

圖11 添加美妝信息頁面截圖

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

圖12 添加類型頁面截圖

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

圖13 刪除用戶頁面截圖

5 小結(jié)

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