【正文】 DataType 數(shù)據(jù)類型 Varchar 105 Unit 單位 Varchar 106 CategoryID 所屬商品分類 bigint 87 Remark 備注 Varchar 255商品特性明細表，如表 所示。表 商品特性明細表 ProductAttribute序號 英文名 中文名 類型 長度(字符)1 ID 值 ID Int 42 ProductID 商品的 ID bigint 83 AttributeID 特性的 ID int 44 Value 特性的值 text 1000第 3 章 總體設計21商品評論表如表 所示。表 商品評論表 ProductComment序號 英文名 中文名 類型 長度(字符)1 ID 類別 ID Int 42 Title 標題 Varchar 503 Body 評論內(nèi)容 Varchar 10004 IP IP 地址 Varchar 505 Email 電子郵件 Varchar 2556 CreateDate 評論時間 datetime 87 ProductID 所屬商品的 ID bigint 8新聞信息表如表 所示。表 新聞信息表 News序號 英文名 中文名 類型 長度(字符)1 ID 管理員 ID Int 42 NewsTitle 新聞標題 Varchar 503 NewsData 新聞內(nèi)容 ntext 10004 CreateDate 創(chuàng)建時間 datetime 8管理員角色表如表 所示。表 管理員角色表 Roles序號 英文名 中文名 類型 長度(字符)1 ID 角色 ID Int 42 RoleName 角色名稱 Varchar 50 本章小結本章主要對系統(tǒng)做了總體上的布局和設計。首先從系統(tǒng)的前臺和后臺上，對系統(tǒng)模塊進行了劃分，并介紹了相應的功能。然后分別從前臺和后天介紹了系統(tǒng)的業(yè)務流程。最后對系統(tǒng)的相關數(shù)據(jù)進行分析，并對數(shù)據(jù)庫做了詳細的設計。第 4 章 詳細設計與測試實現(xiàn)22第 4 章 詳細設計與測試實現(xiàn)詳細設計的主要任務是確認開發(fā)平臺所需的系統(tǒng)配置，為每個模塊確定采用的完成方法，選擇適當?shù)拈_發(fā)工具表達完成系統(tǒng)設計的過程，寫出模塊的詳細過程性描述，確定每一模塊使用的數(shù)據(jù)結構。詳細設計的目標是實現(xiàn)模塊功能邏輯上的正確性與算法運用描述的完整性。 運行平臺與開發(fā)工具 運行平臺良好的系統(tǒng)運行平臺能夠對網(wǎng)站設計起到關鍵性的作用,加快了網(wǎng)站的安全性與運行，達到事半功倍的效果。因此在網(wǎng)站詳細設計之前要對運行環(huán)境進行細致的配備。硬件配置環(huán)境：臺式計算機（PC）一臺，如表 所示。表 　運行環(huán)境硬件配置硬件 配置處理器 Pentium Ⅳ內(nèi)存 512M 以上硬盤空間 40G 以上軟件配置環(huán)境網(wǎng)站開發(fā)環(huán)境網(wǎng)站后臺數(shù)據(jù)庫：SQL Server 2022網(wǎng)站開發(fā)環(huán)境：Microsoft Visual Studio 2022 集成開發(fā)環(huán)境網(wǎng)站開發(fā)語言：+C網(wǎng)站開發(fā)環(huán)境運行平臺：Windows XP Professional服務器端操作系統(tǒng)：Windows Server 2022WEB 服務器：IIS 數(shù)據(jù)庫服務器：SQL Server 2022瀏覽器：IE 網(wǎng)站服務器運行環(huán)境： Framework SDK 第 4 章 詳細設計與測試實現(xiàn)23客戶端瀏覽器：IE 開發(fā)工具 [24]是一種建立在通用語言上的程序架構，可以建立功能強大的 Web 應用程序。提供許多比現(xiàn)在的 Web 開發(fā)模式更加強大的優(yōu)勢，并且在執(zhí)行效率方面也有較大的提高。 構架用利用微軟公司的最新產(chǎn)品 Visual 開發(fā)環(huán)境進行開發(fā)的；是一個基于通用語言編譯運行的程序，可以運行在 Web 開發(fā)的全部平臺上。消息機制及通用語言的基本庫、數(shù)據(jù)接口處理等均能無縫地整合到 的 Web應用中。 簡化了開發(fā)，使程序代碼開發(fā)更加簡單。網(wǎng)站開發(fā)人員不僅可以在自己的應用程序代碼中定義plugin模塊，而且可以添加自定義的組件。 使用一種稱為Zero Local Administration的哲學觀念使 的基于應用的開發(fā)更加具體快捷。SQL Server 2022 ]SQL Server 2022[25 集成了全面、端到端的數(shù)據(jù)解決方案，能夠為用戶提供安全可靠的數(shù)據(jù)管理平臺和商務智能應用。并且為不同規(guī)模的組織提供更好、更可靠的服務。SQL Server 2022 能夠充分利用數(shù)據(jù)資源來為業(yè)務邏輯進行分析和處理，提供一個安全可靠的數(shù)據(jù)庫服務；能夠通過全面的商業(yè)智能功能為組織內(nèi)的信息工作者提供關鍵且及時的商業(yè)信息，以提高企業(yè)的生產(chǎn)力；能夠簡化開發(fā)、部署和應用的復雜性，減少 IT 復雜度；提供更簡單、已用的產(chǎn)品，部署上的低成本和易實現(xiàn)，容易維護。 詳細設計 系統(tǒng)主頁面設計本網(wǎng)站的頁面結構被設計為上左中右下結構的樣式，這種樣式的網(wǎng)站設計被大多數(shù)人群所喜愛，設計清晰明了，瀏覽方便快捷，全站功能一目了然。上面部分為本網(wǎng)第 4 章 詳細設計與測試實現(xiàn)24站頭部，運用母版頁設計，其余頁面進行包含使用，顯示主要內(nèi)容為本站的名稱、主要功能及信息導航；左邊部分是會員注冊登錄模塊，網(wǎng)站銷售排行榜和點擊率商品排行榜模塊等；中部部分為最新上市的商品展示。右部部分為新聞公告、商品搜索、特價商品展示。底部為所有商品流動展示和一個固定模式的網(wǎng)站題尾，用于顯示本網(wǎng)站的發(fā)布單位、聯(lián)系方式及版權所有等。本網(wǎng)站的系統(tǒng)主頁界面截圖如圖 所示。圖 　系統(tǒng)主頁界面截圖 用戶前臺基本功能設計會員注冊功能設計在用戶進行會員注冊功能操作時，系統(tǒng)將自動為用戶生成一個會員編號，用戶進行用戶名、真實姓名、密碼、家庭住址、郵政編碼、聯(lián)系電話、電子郵箱等相關信息的填寫。點擊“檢查是否重名”按鈕，系統(tǒng)會自動檢查用戶名是否重名是否可用，返回提示信息。按相應提示要求填寫完后點擊“提交”按鈕系統(tǒng)將把用戶信息存儲到數(shù)第 4 章 詳細設計與測試實現(xiàn)25據(jù)庫中，同時給出注冊成功的提示信息。會員注冊界面截圖，如圖 所示。圖 　會員注冊界面截圖會員注冊程序流程描述當用戶進入網(wǎng)站進行注冊時進行相關信息填寫過程中，系統(tǒng)將對信息進行判斷，看格式是否正確，如果不正確則提示錯誤信息。最后點擊注冊按鈕完成注冊。用戶注冊程序流程圖，如圖 所示。開 始注 冊填 寫 用 戶信 息用 戶 信 息是 否 合 法注 冊 完 成結 束NY圖 　用戶注冊程序流程圖 選購中心功能設計第 4 章 詳細設計與測試實現(xiàn)26本系統(tǒng)選購中心頁面采用frame框架結構設計，頁面左側為 頁面，其中只包括 TreeView 控件，用來顯示商品類別。右側頁面 為顯示商品內(nèi)容的頁面，根據(jù)用戶在左側選擇的類別來顯示商品，此頁面中又包括四個frame框架來顯示四個頁面內(nèi)容，分別按銷售瀏覽頁面、按時間瀏覽頁面、按點擊次數(shù)瀏覽頁面、按價格瀏覽頁面，用戶根據(jù)不同需求按不同順序瀏覽。選購中心界面截圖如圖 所示。圖 　選購中心界面截圖商品詳細信息查看及商品評論功能設計在所顯示網(wǎng)站頁面中,點擊商品進入到商品信息查看頁面，系統(tǒng)通過數(shù)據(jù)源查詢出該商品的所有信息，通過文本框和圖片控件等相關控件顯示出來；點擊“添加購物車”按鈕，則可以把該商品添加到購物車中，用戶可到購物車中查看。頁面下部為用戶對此商品的評論內(nèi)容和添加評論的模塊，用戶在評論模塊中填寫評論題目、郵箱、評論內(nèi)容，然后點擊提交按鈕發(fā)表對此商品的評論。評論內(nèi)容會馬上顯示在當前頁面中。商品詳細信息查看及選擇商品界面截圖如圖 所示。第 4 章 詳細設計與測試實現(xiàn)27圖 　商品詳細信息及商品評論界面截圖購物車功能設計用戶在本網(wǎng)站購買商品，就應該知道購物流程，這樣才能保證用戶方便的購買所需的商品。購買商品程序流程圖，如圖 所示。第 4 章 詳細設計與測試實現(xiàn)28購 物 車瀏 覽 網(wǎng) 站信 息查 看 商 品詳 細 信 息管 理 購 物車是 否 創(chuàng) 建 訂 單付 款登 錄結 束購 買 成 功開 紿NY圖 　購買商品程序流程圖購物車設置頁面截圖，如圖 所示。圖 　查看購物車設置界面截圖頁面通過數(shù)據(jù)列表顯示出系統(tǒng)現(xiàn)有用戶所購買商品的信息，用戶通過修改商品數(shù)量項和刪除項來管理購物車的商品，登錄用戶點擊我要創(chuàng)建訂單按鈕進入填寫訂單信息頁面，信息填寫完成后進入訂單創(chuàng)建完成顯示訂單詳細信息頁面。訂單詳細信息頁面截圖，如圖 所示。第 4 章 詳細設計與測試實現(xiàn)29圖 　訂單詳細信息頁面截圖訂單所有詳細信息有系統(tǒng)自動生成唯一的 12 位訂單編號，訂單的創(chuàng)建時間，時間精確到秒同，商品總數(shù)量，商品總金額，及商品名稱，商品單價，每個商品數(shù)量列表，和用戶填寫的收貨人的信息，默認為用戶注冊時填寫的注冊信息，這樣設計更加人性化，方便用戶使用，最后有引導用戶付款的鏈接向導。 后臺基本功能設計后臺管理首頁后臺管理頁面設計結構為上左右結構的樣式，分為四個主要功能模塊：系統(tǒng)設置模塊、商品管理模塊、賬戶管理模塊、單據(jù)管理模塊。上半部分為模塊的導航部分，點擊后在頁面左側顯示每個模塊的詳細導航，這樣的設計方便管理，簡單明了。后臺管理首頁截圖，如圖 所示。圖 　后臺管理首頁截圖第 4 章 詳細設計與測試實現(xiàn)30商品管理商品管理分為對商品類別的管理和對商品的管理，商品類別的管理分為添加類別、修改、調(diào)整同一級類別的顯示順序、刪除、添加類別特性。其中添加類別特性功能，極大的簡化管理員添加商品時的操作，例如，為鼠標類別添加特性“功能” ，為顯卡類別添加特性“芯片廠商” ，在添加一個商品時選擇類別鼠標時就會自動獲取并顯示鼠標類別特性“功能” ，選擇顯卡類別就會自動獲取并顯示“芯片廠商”類別特性，管理人員只填寫特性數(shù)值即可，管理人員不用在簡介中介紹這個特性值，這個商品特性在前臺的本商品詳細信息頁面就會以列表形式顯示，這個樣式即美觀又簡化管理員的操作，符合本系統(tǒng)人性化的設計目的。商品類別管理頁面各個圖標的意義：修改商品類別信息。：下移商品類別的顯示順序。：上移商品類別的顯示順序。：為此類別添加特性名稱。：刪除此商品類別。商品類別管理頁面截圖，如圖 所示。圖 　商品類別管理頁面截圖商品管理分為對商品基本信息的添加、修改、上傳商品圖片、管理商品評論、刪除商品。添加商品時要為商品填寫基本信息，商品名稱、商品特性值、選擇商品所屬類別、商品價格、商品庫存、是否特價，各個填寫信息的控件均有格式驗證，保證了輸入信息的準確性。然后點擊提交按鈕，提交商品信息，進入商品管理頁面，選擇操第 4 章 詳細設計與測試實現(xiàn)31作項的上傳圖片圖標，進入上傳圖片頁面，為此商品上傳圖片。添加商品流程圖，如圖 所示。選 擇 分 類添 加 商 品 的 其他 屬 性 的 值自 動 獲 取 該 分類 包 含 的 特 性添 加 每 個 特 性的 值提 交 到 數(shù) 據(jù) 庫結 束開 始添 加 商 品是 否 繼 續(xù) 添 加YN圖 　添加商品程序流程圖商品管理頁面實現(xiàn)的功能為修改商品的基本信息、為此商品上傳或修改圖片、管理商品評論、刪除商品。在此頁面即可查看商品的信息又可對商品信息進行修改，可修改的項目有商品的名稱、特性值、商品簡介、庫存量、價格。商品圖片即可添加又可修改，如果無原圖片，則上傳之后顯示唯一的圖片，如果已有圖片，上傳圖片之后會自動修改顯示新圖片。在商品管理頁面點擊管理商品評論圖標進入管理商品評論頁面，此頁面中，管理員可看到用戶對該商品的所有評論，并且可以進行管理，刪除那些惡意攻擊性的評論。添加商品頁面截圖，如圖 所示。第 4 章 詳細設計與測試實現(xiàn)32圖 　添加商品頁面截圖商品管理頁面各個圖標的意義：修改商品基本信息。：添加或修改商品顯示圖片。：進入管理商品評論頁面，管理商品評論。：刪除商品。商品管理頁面截圖，如圖 所示。圖 商品管理頁面截圖訂單管理訂單管理頁面截圖，如圖 所示。第 4 章 詳細設計與測試實現(xiàn)33圖 訂單管理頁面截圖管理人員登錄到后臺管理界面，點擊“單據(jù)管理” 可以查看全部的訂單，也可以按需求查看不同導航鏈接的訂單，如已經(jīng)處理的訂單、未處理的訂單、今日訂單、未付款訂單和已付款的訂單，在查看訂單時管理員可點擊訂單編號來查看訂單的詳細信息和實現(xiàn)對每個訂單的打印功能，在查看訂單時管理人員可以對未處理的訂單進行訂單處理。訂單處理完成后系統(tǒng)會自動更改訂單的顯示狀態(tài)。在單據(jù)管理頁面中還有一個簡單的賬務統(tǒng)計功能，管理人員通過輸入日期區(qū)間，系統(tǒng)會計算出這段時間所有訂單金額的總和。此功能簡明方便，基本滿足管理人員的統(tǒng)計需求。新聞管理新聞添加頁面截圖，如圖 示。第 4 章 詳細設計與測試實現(xiàn)34圖 新聞添加頁面截圖此頁面通過一個 FreeTextBox 控件實現(xiàn)了對任意文本的添加，可以對要添加的新聞文本進行格式顏色的任意修改，完全按管理人員的設計形式來發(fā)布信息，增強了信息樣式的多樣性，增加了用戶對新聞的關注度。 系統(tǒng)測試與傳統(tǒng)的軟件測試不同，Web 系統(tǒng)的測試需要 [26]對系統(tǒng)所設計的運行要求進行測試和驗證，其中，最重要的是需要從最終用戶的角度對系統(tǒng)在用戶瀏覽器上的顯示進行測試，檢驗系統(tǒng)的安全性和可用性。因此我們從功能、可用性、安全性 [27]