【導(dǎo)讀】理系統(tǒng)，該系統(tǒng)由前端輸入和后端管理組成。前端實現(xiàn)了用戶注冊，用戶登陸，購物車，定單處理，貨物定單處理。計，包括數(shù)據(jù)庫創(chuàng)建，各個子模塊的設(shè)計，設(shè)計代碼。

　　

【正文】 兩個頁面。 系統(tǒng)首頁和新用戶模塊功能 系統(tǒng)首頁 首頁由 和 構(gòu)成，根據(jù)用戶的不同而顯示不同的顯示形式。當(dāng)沒有用戶登陸時只顯示用戶登錄 ()，用戶注冊 ()，貨物查詢 ()，管理員登錄 ()4 個超連接。如 圖 41 所示： 當(dāng)系統(tǒng)用戶登錄時，顯示修改注冊信息（ ），商品查詢 ()，查看購物車 ()，查看訂單 ()，注銷 ()。當(dāng)系統(tǒng)管理員登錄時，顯示貨物管理（ ），配送商（ ），供應(yīng)商（ ），賬戶管理（ ）， 查 看 購 物 車 （ ）， 訂 貨 管 理 （ ），注銷（ ）。 算法如下： If 用戶名是空， then If 管理員名是空 then 顯示系統(tǒng)首頁 Else 顯示管理員頁面 Else 則顯示用戶頁面 31 圖 41 系統(tǒng)界面 新用戶模塊功能 此功能模塊由兩部分構(gòu)成：注冊功能和商品查詢功能。 ： 此功能由兩部分構(gòu)成注冊頁面（ ） 和注冊頁面的 Asp 的處理頁面（ ）。如圖 42 所示。 注冊頁面（ ）的功能： 主要是提交上圖所示的表單，同時包含用戶輸入信息的校驗函數(shù)，采用 JavaScript 腳本語言實現(xiàn) 。算法如下： if 用戶名不為空， then if 密碼不為空， then if 用戶名正確 and兩次密碼輸入正確 ,then 注冊成功 else 退出 else提示重新輸入密碼并退出 else提示重新輸入密碼并退出 32 圖 42用戶注冊 注冊頁面的 Asp 的處理頁面（ ）的功能： 主要是接受提交的表單，然后在數(shù)據(jù)庫中查找該用戶是否存在，如果存在，則返回錯誤，如果不存在，則把表單中的元素添加到數(shù)據(jù)庫中的 Customer（用戶信息表）表中。主要代碼如下： 39。打開數(shù)據(jù)庫 Set Conn=() (sqlOpenDB) Sql0=Select * From Customer Where Name=39。 amp。 (Name) amp。 39。 Set Rs=(Sql0) If Then 39。記錄集為空，沒有同名用戶 Sql1=InsertIntoCustomer(Name,Password,Address,City,Region,Postalcode,Country,Phone,Fax,Email)Values(39。 amp。 (Name) amp。 39。,39。 amp。 (Password) amp。 39。,39。 amp。 (Address) amp。 39。,39。 amp。 (City) amp。 39。,39。 amp。 (Region) amp。 39。,39。 amp。 (Postalcode) amp。 39。,39。 amp。 (Country) amp。 39。,39。 amp。 (Phone) amp。 39。,39。 amp。 (Fax) amp。 39。,39。 amp。 (Email)amp。 39。) 39。插入用戶注冊信息 (Sql1) % 33 由商品列表頁面（ ）和商品查詢頁面（ ）構(gòu)成。 圖 43商品查詢 商品列表頁面（ ） 本頁面由兩部分組成。一個表單，用來向商品查詢頁面（ ）提交所需要查詢的商品名稱。 另一個就是商品列表。首先打開數(shù)據(jù)庫，從表中將所有的商品名稱及屬性全部顯示出來。考慮到商品數(shù)目較多，采用了翻頁技術(shù)。結(jié)果如 圖 43 所示： 分頁顯示的主要算法 如下： if當(dāng)前頁是首頁， then if共有的頁碼 =2， then 顯示有鏈接的下一頁和末頁 else 顯示無鏈接的下一頁和末頁 else if是末頁， then 顯示有鏈接的上一頁和首頁 else 顯示顯示有鏈接的上一頁和首頁，下一頁和末頁 34 主要代碼如下： If (Move)= Then Session(CurrentPage)=1 If (Move)=first Then Session(CurrentPage)=1 (Move)=preThen Session(CurrentPage)=Session(CurrentPage)1 If (Move)=next Then Session(CurrentPage)=Session(CurrentPage)+1 If (Move)=last Then Session(CurrentPage)= If 0 Then Session(CurrentPage)=(Page) 圖 44商品搜索 商品查詢頁面（ ） 從 商品列表頁面（ ） 獲取到待查商品的名稱，然后在數(shù)據(jù)庫中查找相關(guān)信息，找到后用列表的方式顯示。如 圖 44 所示： 用戶功能模塊 用戶登錄 由登錄頁面 和相應(yīng)的處理頁面 構(gòu)成。 登錄頁面 的主要代碼如下： ?? Sql=Select Name From Customer Where Name=39。 amp。 (Name) amp。 39。and Password=39。 35 amp。 (Password) amp。 39。 Sql,Conn If Then pcenterb用戶名或密碼錯誤，請重新登錄！ /b/center/p Else Session(User)=Rs(Name) % ?? 圖 45登錄成功 . 修改注冊信息 這部分由用戶信息修改頁面 () 和用戶信息修改頁面的 asp 處理頁面()兩部分構(gòu)成。在 中最主要的功能是對表格項目的初始設(shè)置和對密碼修改時的不一樣的校驗。表格項目的初始設(shè)置部分代碼如下： 36 圖 46注冊信息 % Set Conn=() (sqlOpenDB) 39。打開數(shù)據(jù)庫 Sql=Select * From Customer Where Name=39。 amp。 Session(User) amp。 39。 Set Rs=(Sql) % %=Rs(Name)%‘初始設(shè)置用戶名 密碼修改時的不一樣的校驗代碼采用 JavaScript 腳本語言實現(xiàn)。如果密碼輸入不正確會出現(xiàn)如圖 46 所示情形： 在 頁面中最主要的 功能是：修改用戶注冊信息，這里要注意的是用戶名是不能修改的，用戶名的修改須由系統(tǒng)管理員來處理。主要代碼如下： Set Conn=() (sqlOpenDB) 39。打開數(shù)據(jù)庫 Sql0=Select * From Customer Where Name=39。 amp。 Session(User) amp。 39。 Set Rs=(Sql0) Sql1=Update Customer Set Password=39。 amp。 (Password) amp。 39。,Address=39。 amp。 (Address) amp。 39。,City=39。 amp。 (City) amp。 39。,Region=39。 amp。 37 (Region) amp。 39。,PostalCode=39。 amp。 (PostalCode) amp。 39。,Country=39。 amp。 (Country) amp。 39。,Phone=39。 amp。 (Phone) amp。 39。,Fax=39。 amp。 (Fax) amp。 39。,Email=39。 amp。 (Email) amp。 39。 (Sql1) 39。修改用戶注冊信息 圖 47商品列表 商品查詢功能 這部分功能模塊依賴于 3 個頁面：商品列表頁面（ ），商品查詢頁面（ ）以及商品詳細(xì)資料頁面（ ） 。 （ ） 本頁面由兩部分組成。一個表單，用來向商品查詢頁面（ ）提交所需要查詢的商品名稱。 另一個就是商品列表。首先打開數(shù)據(jù)庫，從表中將所有的商品名稱及屬性全部顯示出來?？紤]到商品數(shù)目較多，采用了翻頁技術(shù)。結(jié)果如 圖 47 所示： （ ） 從 商品列表頁面（ ） 獲取到待查商品的名稱，然后在數(shù)據(jù)庫中查找相關(guān)信息，找到后用列表的方式顯示。如 圖 48 所示： 38 圖 48商品查找結(jié)果 （ ） 在前面兩個頁面中，當(dāng)用戶需要知道更為詳細(xì)的貨物的資料時，可以單擊每個商品屬性欄中“詳細(xì)資料”鏈接（即帶紅色且有下劃線的商品名稱），進(jìn)入到 商品詳細(xì)資料頁面（ ） ，同時把當(dāng)前商品 ProductID 以表單元素的方式傳送過來。此頁面中有一個表格用來顯示商品的詳細(xì)資料。另外有一個表單，用來用來提交用戶所要購買的數(shù)量。注意：為了避免用戶輸入的商品數(shù)量為負(fù)數(shù)，采用 JavaScript 編寫一個校驗函數(shù)如下： function validateform() {num=。 if(num0) { alert(輸入錯誤！ )。 =false。 return。 } } 如 圖 49 所示：當(dāng)輸入 1 時顯示錯誤信息。 查看購物車 此模塊由定單處理頁面（ ） 和購物車頁面（ ）構(gòu)成。 1. 定單處理頁面（ ） 用來接受用戶提交定單信息，并把相應(yīng)的變量 Session 更新，為后邊的購物車頁面提供固有的格式的定單信息。重要代碼及分析如下： 39 圖 49商品詳細(xì)資料 ‘ 接受表單元素 ProID和 Num分別代表用戶購買的商品的 ID 和數(shù)量 % ProID=(ProID) Num=(Num) ‘ 如果 Num不為空，并且 Num的值不是 0，表示有定單產(chǎn)生。 If Num And Cint(Num)0 Then ‘ 將 Session變量 Product中的元素通過“，”分開，放到數(shù)組 arrayProduct中，同理將 Session 變量 Num 中的元素通過“，”分開，放到數(shù)組 arrayNum 中。 arrayProductID=Split(Session(Product),) arrayProductNum=Split(Session(Num),) For i=0 To Ubound(arrayProductID)1 ‘判斷遞交的這個商品是否以前定過，如果是，那么將數(shù)目加入到原來的定單中，如果不是，那么在 Session變量 Product和 Num中添加當(dāng)前商品以及它的數(shù)目 40 If arrayProductID(i)=ProID Then arrayProductNum(i)=Cint(arrayProductNum(i))+Num IsNew=True Exit For End If Next If IsNew=True Then Session(Product)= Session(Num)= For J=0 To Ubound(arrayProductID)1 Session(Product)=Session(Product) amp。 arrayProductID(J) amp。 , Session(Num)=Session(Num) amp。 arrayProductNum(J) amp。 , Next Else Session(Product)=Session(Product) amp。 ProID amp。 , Session(Num)=Session(Num) amp。 Num amp。 , End If Else pcenterb輸入錯誤，操作失?。?/b/center/p End If 2. 購物車頁面（ ）的功能是對不同按鈕做不同的處理方式以便于實現(xiàn)用戶對自己尚未結(jié)帳的商品實現(xiàn)更改，刪除以及添加新的購買的商品。效果圖如圖 410。部分代碼如下： Select Case (Submits) 39。對不同按鈕的相應(yīng)處理 Case 結(jié)帳 Recalculate Confirm Session(Product)= Session(Num)= pcenterb您的訂單已經(jīng)放入數(shù)據(jù)庫。 /b/center/p 41 圖 410購物車 Case 取消定購 Session(Product)= Session(Num)= Case 重新計算 Recalculate If Session(Num)= Then pcenterb您的購物車現(xiàn)在是空的。 /b/center/p End If Case Else End Select 查看定單 此部分由用戶定單頁面（ ）構(gòu)成，用來顯示已經(jīng)發(fā)出的當(dāng)前登陸用戶 42 的定單和尚未發(fā)出的當(dāng)前用戶的定單。通過右上方的下拉條可以選擇定單的種類。選擇后，相應(yīng)的定單以列表的方式顯示如圖 411。主要 代碼及說明如下： ‘用變量標(biāo)志定單的類型，默認(rèn)值是 0，即尚未處理的定單。 Choise=0 ‘判斷下拉條的值。