演示視頻：

https://www.bilibili.com/video/BV1p64y1p7Sg/

3.1 需求分析

一個典型的網(wǎng)上玩具商城的購物車模塊主要功能有:會員登陸及身份驗證，包括用戶注冊、驗證注冊信息、會員登陸時的身份驗證等；在線選購商品，包括瀏覽、查找、購買、購物車的管理、查看已經(jīng)提交的訂單信息等

3.2 系統(tǒng)設(shè)計

根據(jù)前面章節(jié)需求分析的情況，結(jié)合本系統(tǒng)所要實現(xiàn)的功能，具體設(shè)計方案如下。

3.2.1系統(tǒng)功能

通過對需求的分析，一個網(wǎng)上玩具商城的購物車應(yīng)包括以下的主要功能：

1）會員登陸及身份驗證，包括用戶注冊、驗證注冊信息、會員登陸時的身份驗證等；

2）在線選購，包括瀏覽、查找、購買、購物車的管理、查看已經(jīng)提交的訂單信息等；

3.2.2系統(tǒng)結(jié)構(gòu)

圖3-1系統(tǒng)功能模塊圖

用戶通過注冊以后成為合法登錄用戶。登錄以后可以查看修改個人信息在線購買商品查看定單狀態(tài)。

3.2.3系統(tǒng)流程圖

圖3-2系統(tǒng)流程圖

4 系統(tǒng)實現(xiàn)

3.1 系統(tǒng)首頁

圖3-1 網(wǎng)上玩具商城首頁

此功能模塊由index1.jsp來實現(xiàn),并提供了本系統(tǒng)絕大多數(shù)功能的入口，例如：會員注冊、登錄，管理員登錄，查詢等。

會員登錄主要是將用戶輸入的用戶名和密碼與數(shù)據(jù)庫中my_users表中的已有的信息進行比對，如果完全一樣，則是合法用戶，可以成功登錄，如果不一樣，則登錄失敗。

查詢功能是通過輸入商品名稱關(guān)鍵字和下拉菜單中商品類別進行查詢提交查詢信息以后由find.Jsp顯示查詢結(jié)果。此功能未注冊用戶也可用，但是所查詢商品不提供購買功能。

3.2 具體模塊實現(xiàn)

3.2.1玩具瀏覽

此功能模塊由buy.jsp來實現(xiàn)。

當(dāng)用戶進入購物中心以后，系統(tǒng)會顯示所有的商品基本信息。但在商品數(shù)量過于龐大以后則不容易查看所需商品，所以系統(tǒng)提供了按類別查詢的功能。下拉菜單中有商品的所有類別，用戶根據(jù)類別以post方法傳遞表單。再在該頁設(shè)置接收字段：

String bookclass=codeToString(rer("bookclass"));

通過關(guān)鍵字bookclass對數(shù)據(jù)庫商品表my_goods進行查詢：

SELECT * FROM my_goods where goodsclass='"+bookclass.trim()+"'

這樣就比較清楚的可以獲得各類別的商品的信息。有了自己需要購物的商品，則可以通過點擊購買將商品添加到購物車，詳細信息可以查看商品的詳細信息。

詳細信息頁面xiangxi.jsp通過商品ID查詢數(shù)據(jù)庫，除了顯示以上信息以外，還顯示商品數(shù)量，備注等信息。

界面如下圖：

圖3-2 商品信息

為了不讓龐大的數(shù)據(jù)讓人看得眼花繚亂，在商品的實現(xiàn)時是分頁顯示，每頁顯示5項記錄。分頁代碼如下：

4.2.2購物車

此功能模塊由：

buybook2.Jsp,addgoods.Jsp,minusGoods.Jsp,deleteGoods,buy.java來實現(xiàn)。

當(dāng)用戶選定某樣商品并在登錄后的情況下，可以點擊購買將商品添加到購物車。在購物車中可以設(shè)置購買商品的數(shù)量。設(shè)置好數(shù)量以后按提交按鈕根據(jù)商品唯一ID將商品添加到購物車。在addgoods.jsp中通過獲取商品ID：

String id=rer("id");

Int Goods_Count=Integer.parseInt(rer("book_count"))

以及buycar.Java中的函數(shù)

public void addGoods(String Goods_id,int Goods_Count)來實現(xiàn)。提交購物以后，可以選擇查看購物車，也可以無限制的選擇繼續(xù)購買。選擇繼續(xù)購買以后跳轉(zhuǎn)到商品購買頁面buy.Jsp選擇查看購物車則跳轉(zhuǎn)到buybook2.Jsp。在跳轉(zhuǎn)到buybook2.Jsp頁面以后，如果用戶不滿意該選擇可以刪除或者更改所選商品數(shù)量，更改商品數(shù)量是通過buycar.Java和minusGoods.Jsp一起來實現(xiàn)。

用戶在確定需要購買以后，就可以提交購物車，完成購物功能。

圖3-4 購物車

購物車中商品總價格totalprice是通過商品單價和數(shù)量進行結(jié)算。代碼如下：

4.2.3查看訂單

本模塊劃分為2個部分，一是用戶對定單的管理，二是管理員對定單的管理。用戶對定單的管理通過userjiemian.Jsp實現(xiàn)查看自己的定單狀態(tài)是否付款以及刪除自己的定單。查看自己的定單是通過用戶名訪問定單表以獲取自身定單，刪除定單是通過定單ID刪除掉選定的定單：

a href='delcord.jsp?id="+rs.getString("indentno")+"'

用戶也可以通過查詢指定的定單ID來查詢想要知道的定單的信息。通過s="delete from my_indentlist where id="+ID;

語句刪除以前的定單。

管理員管理定單除了擁有用戶管理定單的功能以外，還可以通過定單ID更新定單的狀態(tài)，修改定單的付款狀態(tài)以及發(fā)貨狀態(tài)。修改定單頁面change.jsp.

通過獲取定單ID，用update語句更新定單信息。定單管理界面如下圖：

圖3-5查看當(dāng)前訂單

定單查詢代碼如下：

SELECT * FROM my_indentlist where username='"+username+"'

4.2.4用戶注冊

此功能模塊由reg.Jsp,log.Jsp,changemima.Jsp,psxinxi.jsp來實現(xiàn)。分別別實現(xiàn)用戶的注冊以及密碼的修改。Psxinxi查看自己的基本注冊情況。

如下圖：

圖3-6用戶注冊

用戶點擊“個人信息”以后系統(tǒng)就會查詢數(shù)據(jù)庫my_users表顯示當(dāng)前用戶信息。由于整個用戶頁面都用session變量控制訪問權(quán)限，所以在進行查詢的時候就根據(jù)seesion變量中的username對數(shù)據(jù)庫進行查詢，查詢代碼如下：

rs=s("SELECT * FROM my_users where username like '%"+username.trim()+"%'");

reg.Jsp用來注冊用戶的基本信息，包括用戶名，用戶密碼，性別，電話，地址，郵編，Email等基本信息。為了系統(tǒng)用戶名和密碼等的合法化，系統(tǒng)通過function on_submit()函數(shù)來控制輸入，如果為空則提示用戶名為空返回重新輸入。示例代碼如下：

if (form1.username.value==""){

alert("用戶名不能為空");

………

}

同時為了保證輸入合法化如Email這樣的信息，系統(tǒng)通過判斷語句來確定輸入是否合法，示例代碼：

在通過基本信息輸入以后，系統(tǒng)將信息傳遞給log.Jsp進行處理，log.Jsp首先用字符串接收函數(shù)：

String username=codeToString(rer("username"));

來接收reg.Jsp提交的信息。然后通過數(shù)據(jù)庫執(zhí)行SQL語句insert將數(shù)據(jù)寫入數(shù)據(jù)庫中，如果注冊成功則跳轉(zhuǎn)到首頁，如果注冊不成功，則通過：

out.print("注冊不成功，請檢查必添項目");

提示輸入不成功。

    changemima.Jsp用來修改用戶的密碼信息，用戶在登錄以后點擊修改密碼的鏈接可以對密碼進行修改。在輸入兩次密碼時需要用到兩次輸入密碼正確與否的判斷：

if (form1.passwd.value!=form1.passconfirm.value){

alert("確認密碼不相符！");

判斷合法以后，就可以訪問數(shù)據(jù)庫通過update語句來更新用戶密碼信息。

4.2.5會員登錄

此功能通過來實現(xiàn)，避免簡單代碼的重復(fù)編寫，也達到美觀實用的效果。

          圖3-7會員登錄