【文章內(nèi)容簡介】 被使用過的代碼，以及使用以前項目積累的代碼。本系統(tǒng)從客戶端界面、管理界面分別對功能模塊圖加以描述?？蛻艚缑娴南到y(tǒng)功能模塊如圖6所示。圖6 客戶界面的系統(tǒng)功能模塊管理界面的系統(tǒng)功能模塊如圖7所示。圖7 管理界面的系統(tǒng)功能模塊4 數(shù)據(jù)庫設(shè)計與實現(xiàn) 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計一般包括下面幾個步驟：1. 數(shù)據(jù)庫需求分析2. 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計。3. 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計。用戶的需求具體體現(xiàn)在各種信息的提供、保存、更新和查詢方便，這就要求數(shù)據(jù)結(jié)構(gòu)能充分滿足各種信息的輸出和輸入。收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)及數(shù)據(jù)處理的流程，組成一份詳盡的數(shù)據(jù)字典，為后面的具體設(shè)計打下基礎(chǔ)。通過上述系統(tǒng)功能分析，針對一般銷售管理系統(tǒng)，總結(jié)如下的需求信息：1. 用戶分一般用戶、注冊用戶和管理員用戶。2. 一般用戶和注冊用戶無需登陸就可以查看手機信息并購買。3. 注冊用戶登錄后可以維護自己的個人信息，并且在向網(wǎng)站發(fā)出訂單時會自動填寫自己的聯(lián)系信息。4. 手機按手機廠商來分類，每個手機都對應(yīng)一個廠商。5. 訂單分單張詳細訂單和總訂單。6. 一個用戶可以購買多個或多種型號的手機。7. 一個用戶對應(yīng)一張訂單列表。8. 一個訂單列表對應(yīng)多張訂單詳細信息。9. 提供購物幫助功能。 經(jīng)過上述系統(tǒng)功能分析和需求總結(jié)，考慮到將來功能上的擴展，設(shè)計如下的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)：1. 管理員信息，包括數(shù)據(jù)項：賬號，姓名，密碼。2. 注冊用戶（會員），包括數(shù)據(jù)項：用戶ID，用戶名，密碼等。3. 手機，包括數(shù)據(jù)項：手機編號，手機名稱，分類編號等。4. 手機分類，包括數(shù)據(jù)項：分類編號，分類名稱，上級分類編號（擴展，備用）。5. 訂單詳細信息，包括數(shù)據(jù)項：訂單編號，訂單列表編號，手機編號，購書數(shù)量。6. 訂單列表，包括數(shù)據(jù)項：訂單列表編號，用戶編號，下單時間，聯(lián)系方式等。7. 購物幫助，包括數(shù)據(jù)項：問題ID，問題標題，答案和點擊次數(shù)。實體之間關(guān)系的ER圖如圖8所示。圖8 實體之間關(guān)系ER圖管理員信息實體ER圖如圖9所示。圖9 管理員信息實體ER圖注冊用戶信息實體ER圖如圖10所示。圖10 注冊用戶信息實體ER圖手機類型實體ER圖如圖11所示。圖11 手機類型實體ER圖數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計完畢后，現(xiàn)在可以將上面的數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為某種數(shù)據(jù)庫系統(tǒng)所支持的實際數(shù)據(jù)模型，也就是數(shù)據(jù)庫的邏輯結(jié)構(gòu)。管理員信息表1列名 數(shù)據(jù)類型字段大小必填字段默認值說明Account文本20是（無）管理員帳號Name文本20是（無）管理員姓名Pwd文本20是（無）管理員密碼由于管理端與客戶端的目錄層次與數(shù)據(jù)庫文件的相對路徑不同，使得它們需要使用不同的數(shù)據(jù)庫連接文件，下面是客戶端的數(shù)據(jù)連接。% Option Explicit 39。要求變量聲明，這樣所有包含此文件的都需要聲明變量dim conn 39。數(shù)據(jù)庫連接 dim connstr 39。連接字符串 dim db 39。數(shù)據(jù)庫文件路徑db = Database/ 39。演示時用ACCESS數(shù)據(jù)庫 connstr = Provider = 。Data Source = amp。 (db) 39。連接 SQL Server時使用下面的連接字符串 39。connstr = Provider=SQLOLEDB。 User ID=sa。 Password=。 Initial Catalog=trfhandset。 Data Source=localhost Set conn = () if err Then end if connstr39。關(guān)閉數(shù)據(jù)庫連接，在每頁中調(diào)用此函數(shù)，將連接放入連接池 sub CloseConn() () Set conn = Nothing end sub39。替換單引號，向數(shù)據(jù)庫中寫入數(shù)據(jù)時用 function RealString(strSrc) RealString = Replace(Trim(strSrc), 39。, ’) end function39。替換單引號并進行HTML編碼，向網(wǎng)頁輸出數(shù)據(jù)庫內(nèi)容時用 function Convert(strSrc) Convert = (Replace(Trim(strSrc), 39。, ’)) 39。此句用于將字符串中的回車符轉(zhuǎn)換為HTML中的換行標記 Convert = Replace(Convert, chr(13), br) end function%由于安全性的原因，用戶狀態(tài)均通過每個用戶的私有變量Session（）來保存，沒有采用Cookie。在管理員登錄后，他的帳號被保存在Session（“AdminAccount”）中，因此檢測這個值是否為空即可判斷管理員是否登入了。% dim strUserId, strPwd strUserId = RealString((userID)) strPwd = RealString((password)) if strUserId And strPwd then 39。用戶名和密碼都不為空，則進行登錄驗證 call CheckAdminLogin(strUserId, strPwd) end if %HTMLBODY script language = javascript ! if (self != top) { = 。 alert(您沒有登錄或登錄超時，請重新登錄!)。 } /script TABLE align = center cellSpacing = 0 cellPadding = 0 width = 750 border = 0 ID = tabMain class = tabframe /TABLE TABLE align = center cellSpacing = 0 cellPadding = 0 width = 750 border = 0 height = 211 ID = Table3 class = tabframe TBODYTR TD vAlign = middle align = center % call ShowAdminLogin() % /TD /TR/TBODY/TABLE /BODY/HTML5 網(wǎng)站頁面設(shè)計客戶端界面的設(shè)計也采用了界面模塊化[15]的思想，每個頁面都具有一定的功能，客戶端頁面具有以下功能：1. 內(nèi)容豐富的首頁設(shè)計。2. 按手機廠商瀏覽手機。3. 查看手機詳細信息。4. 購物車管理功能。5. 確認購買，輸入個人信息，提交訂單。6. 根據(jù)關(guān)鍵字查詢手機或訂單。7. 查看購物幫助。8. 用戶注冊。9. 用戶找回密碼。采用框架?？蛻舳私缑娼Y(jié)構(gòu)是由頭（）、左側(cè)快捷菜單（）、體和尾（）四部分組成。，代碼如下! include file = include/! include file = include/HTMLHEAD! include file = include\/HEADBODY! 頁頭與菜單TABLE align = center cellSpacing = 0 cellPadding = 0 width = 750 border = 0 ID = tabMain class = tabframe TBODY TR TD % ShowHeadAndMenu() % /TD /TR /TBODY/TABLE! 頁面中間部分TABLE align = center cellSpacing = 0 cellPadding = 0 width = 750 border = 1 ID = Table3 class = tabframeTBODYTR !左側(cè)頁面 TD vAlign = top align = middle width = 180 table width = 95% ID=Table1trtd ! include file = include/ /td/tr/table /TD !右側(cè)頁面 TD vAlign = middle align = right height = 411 ! 在這里放與本頁相關(guān)的內(nèi)容 /TD! 右側(cè)頁面結(jié)束/TR/TBODY/TABLE!頁面中間部分結(jié)束!頁尾 ! include file = include/ /BODY/HTML。圖12 客戶段界面左側(cè)快捷菜單設(shè)計圖上圖的左側(cè)快捷菜單包含3部分，分別是手機廠商、熱門商品和最優(yōu)惠商品，它所包含的每一個部分都是由一個表格構(gòu)成，由于頁面需要美化，其中每個表格都包含了一些HTML修飾代碼。下面為程序的源代碼。! 產(chǎn)品類型 TABLE cellSpacing = 0 borderColorDark = rgb(210,232,255) cellPadding = 0 width = 100% borderColorLight = aaaaaa border = 2 ID = Table1 TBODY TR TD ! include file = /TD /TR /TBODY/TABLE! include file = ! 熱賣手機 TABLE cellSpacing = 0 borderColorDark = rgb(210,232,255) cellPadding = 0 width = 100% borderColorLight = aaaaaa border = 1 ID = Table2 TBODY TR TD % 39。顯示購買率最高的前6種手機，需要傳入?yún)?shù)Hot和6 call ShowSpecialProduct(Hot, 6) % /TD /TR /TBODY/TABLE! 推薦手機! TABLE cellSpacing = 0 borderColorDark = rgb(210,232,255) cellPadding = 0 width = 100% borderColorLight = aaaaaa border = 1 ID = Table6 TBODY TR TD % 39。call ShowSpecialProduct(Remended, 6) % /TD /TR /TBODY/TABLEBR! 最優(yōu)惠手機! TABLE cellSpacing = 0 borderColorDark = rgb(210,232,255) cellPadding = 0 width = 100% borderColorLight = aaaaaa border = 1 ID = Table9 TBODY TR TD % 39。顯示最優(yōu)惠的前6種手機，需要傳入?yún)?shù)Cheap和6 call ShowSpecialProduct(Cheap, 6) % /TD /TR /TBODY/TABLE。銷售系統(tǒng)主頁面如下面圖13。圖13 銷售系統(tǒng)主頁面，增添了推薦手機、搜索表單和新品快遞功能。上面主要由如下功能：（1） 最新推薦手機最新的推薦手機位于主頁上最吸引目光的位置，所以一般要放置商家最為推薦的商品，在本系統(tǒng)中，是通過ShowTheBest（）過程來實現(xiàn)的，.（2） 搜索表單（3） 最新手機預(yù)覽商品信息瀏覽模塊的功能主要由以下幾個文件來實現(xiàn)：1. 顯示商品預(yù)覽列表：。2. 顯示商品詳細信息頁面：。3. 存放商品基本函數(shù)：。我認為商品即手機是顧客來到網(wǎng)站所關(guān)心的第一件事，對于手機這類注重外形的商品，具備以縮略圖方式預(yù)覽的功能是非常必要的，另外還需具備查詢功能。購物車管理模塊的功能主要由以下幾個文件來實現(xiàn)如圖14：1. 顯示購物車：。2. 購物車基本函數(shù)：。圖14 購物車管理模塊圖代碼如下：% dim reqProductID, reqClear,reqModify dim products, tempQuantity dim i, j dim Head 39。讀取參數(shù) reqProductID = (productID) 39。此句可