基于SSM的美容資訊商務網站的設計與實現

徐 剛，翟夢嬌

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

引言

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

1 系統需求分析

1.1 功能需求分析

該系統需要實現用戶查看關注商品、購買商品、瀏覽美妝信息的功能.網站用戶分為游客和注冊用戶兩類，游客用戶僅具有瀏覽網頁、查看商品和美妝信息的權限；注冊用戶除具有游客用戶的權限外，還具有購物車、購買商品、關注商品的權限.

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

1.2 性能需求分析

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

2 系統總體設計

本系統主要包括兩大功能模塊：電子商務模塊和后臺管理模塊.

2.1 電子商務模塊設計

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

圖1 電子商務模塊架構圖

2.2 后臺管理模塊設計

根據系統目標和需求，該模塊主要便于管理員對整個平臺進行詳細的管理.后臺管理模塊分為商品管理、商品類型管理、訂單管理、用戶管理和美妝信息管理.其中，商品管理可以進行新增商品、刪除商品、修改商品詳情和查詢商品的操作；商品類型管理可以進行新增商品類型、刪除商品類型和查詢已經添加的商品類型信息的操作；訂單管理可以進行查詢訂單和刪除訂單的操作；用戶管理可以進行查詢注冊用戶和刪除違規操作的用戶的操作；美妝信息管理中，后臺管理員可以進行美妝信息的新增、美妝信息的刪除和已經發布的美妝信息的查詢功能.該模塊的架構圖如圖2所示.

圖2 后臺管理模塊架構圖

3 系統詳細設計

3.1 開發工具簡介

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

3.2 數據庫設計

根據系統的模塊和設計，本系統建立如下九張表.

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

表1 管理員表

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

表2 商品類型表

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

表3 注冊用戶表

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

表4 購物車表

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

表5 商品信息表

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

表6 用戶關注表

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

表7 基礎訂單表

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

表8 詳細訂單表

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

表9 美妝信息表

系統數據庫架構圖如圖3所示.

圖3 系統數據庫架構圖

3.3 系統實現

該系統使用JSP + html + css + javascript技術來實現系統面向對象的頁面[3].數據庫使用MySQL，用于存取各類用戶信息、商品信息、訂單信息、購物車信息和美妝信息等操作.系統主要包含兩個模塊：電子商務模塊和后臺管理模塊.

3.3.1 電子商務模塊的實現

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

1)index.jsp文件.主要用于顯示面向對象的首頁面，如圖4所示.對于游客用戶，不顯示登錄的歡迎信息，但該類用戶可以查閱商品和美妝信息；對于注冊用戶，顯示歡迎信息，并可進入個人中心，查看賬戶信息、購物車、關注商品等操作.

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

圖4 網站首頁截圖

圖5 某商品詳情截圖

3)searchResult.jsp文件.用于搜索商品，通過遍歷數據庫的所有商品來實現.

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

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

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

圖6 某訂單詳情截圖

3.3.2后臺管理模塊的實現

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

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

圖7 后臺管理界面截圖

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

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

圖9 某商品詳情截圖

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

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

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

圖12 添加類型頁面截圖

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

圖13 刪除用戶頁面截圖

5 小結

本文基于SSM架構，構建了一個集購物與美容資訊于一體的商務網站.該網站用于實現瀏覽用戶查閱商品和美妝信息的功能，注冊用戶添加關注的商品、添加商品到購物車以及購買商品等功能.此外，管理員用戶還可以在后臺對用戶信息，商品信息，訂單信息等方面實現管理.當然，隨著人民對于美好生活的向往，用戶的需求也會隨之改變，該網站也需要不斷更新和優化.