【文章內(nèi)容簡(jiǎn)介】 圖 網(wǎng)絡(luò)購(gòu)物中心功能結(jié)構(gòu)圖 功能模塊設(shè)計(jì) 層次模塊結(jié)構(gòu)是將系統(tǒng)劃分為若干子系統(tǒng) ， 子系統(tǒng)下再劃分為若干的模塊 。 而模塊是指具備有輸入輸出、邏輯功能、運(yùn)行程序和內(nèi)部數(shù)據(jù)四種屬性的一組程序 。在結(jié)構(gòu)化系統(tǒng)設(shè)計(jì)中 ， 模塊一般都是按功能劃分的 ， 通常稱(chēng)為功能模塊 。合理的 功能模塊的劃分能夠 極 大限度地減少重復(fù)勞動(dòng) 、 提高開(kāi)發(fā)工作的效率 并 增大系統(tǒng)的可維護(hù)性。 以前面的系統(tǒng)分析為基礎(chǔ)，將系統(tǒng)分為兩大模塊，即前臺(tái)模塊和后臺(tái)模塊。 網(wǎng)絡(luò)購(gòu)物中心的功能結(jié) 構(gòu)如圖 所示。 前臺(tái)模塊的功能模塊設(shè)計(jì) 前臺(tái)模塊主要為登陸網(wǎng)站的用戶(hù)提供商品和服務(wù)的信息，填寫(xiě)并提交訂單的服務(wù)。這樣，將前臺(tái)模塊再細(xì)分為用戶(hù)管理模塊、訂單查詢(xún)模塊、購(gòu)物車(chē)模塊、修改個(gè)人資料模塊、留言板模塊。顧名思義，這些模塊的名稱(chēng)基本概括了它們的功能。下面詳細(xì)說(shuō)明一下這些功能模塊的設(shè)計(jì)： （ 1）用戶(hù)管理模塊： 為了方便于網(wǎng)站的管理，必須由一套完整的用戶(hù)管理體系。該網(wǎng)站用戶(hù)管理模塊主要實(shí)現(xiàn)用戶(hù)的注冊(cè)、登錄、找回密碼 3方面功能。 （ 2）購(gòu)物車(chē)模塊： 在超市購(gòu)物，可以根據(jù)自己的需要將很多種商品挑選至購(gòu)物 車(chē)或購(gòu)物籃中，然后到收銀臺(tái)結(jié)款。而在網(wǎng)上虛擬的商城中，當(dāng)然沒(méi)有辦法使用真正的購(gòu)物工具，因此，通常都會(huì)采用一種被稱(chēng)為“購(gòu)物車(chē)”的技術(shù)來(lái)模擬現(xiàn)實(shí)生活。在網(wǎng)上商城中，所選商品須通過(guò)購(gòu)物車(chē)進(jìn)行暫存，然后生產(chǎn)訂單。這種技術(shù)使用起來(lái)十分方便，不但可以隨時(shí)添加、查看、修改、清空購(gòu)物車(chē)中的內(nèi)容，還可以隨時(shí)去收銀臺(tái)結(jié)款。 （ 3）訂單管理模塊： 用戶(hù)提交訂單后，通過(guò)產(chǎn)生的訂單號(hào)查詢(xún)訂單信息及執(zhí)行狀態(tài)。只需要根據(jù)用戶(hù)錄入的訂單號(hào)在數(shù)據(jù)表中查詢(xún)處對(duì)應(yīng)的貨品信息即可。 網(wǎng)絡(luò)購(gòu)物中心 后臺(tái)部分 前臺(tái)部分 用戶(hù)管理 購(gòu)物車(chē)管理 訂單管理 個(gè)人資料管理 留言板管理 管理員身份驗(yàn)證 商品管理 處理訂單 用戶(hù)信息管理 公告信息管理 鏈接信息管理 第 13 頁(yè) 共 33 頁(yè) （ 4）個(gè)人資料管理模塊： 用戶(hù)資料修改時(shí)為用戶(hù)更改個(gè)人信息所提供 的窗口，為了保護(hù)用戶(hù)信息部受非法侵害，用戶(hù)只有登錄網(wǎng)頁(yè)后才有權(quán)限修改個(gè)人資料。 （ 5）留言板管理模塊： 留言板是一個(gè)商務(wù)網(wǎng)站中不可缺少的組成部分，它可以增進(jìn)用戶(hù)與網(wǎng)站之間的交流。在現(xiàn)實(shí)網(wǎng)絡(luò)開(kāi)發(fā)中存在著各種各樣的留言板，但它們都由基于瀏覽留言板及添加留言板 2部分組成。 這樣，子模塊各自的內(nèi)容基本設(shè)計(jì)好。下面可以設(shè)計(jì)如何將這些模塊組織在一起，構(gòu)成一個(gè)結(jié)構(gòu)比較合理的前臺(tái)了。除了在主頁(yè)中建立面向其他模塊的鏈接外，也要在其他模塊中建立返回主頁(yè)面的鏈接。另外各個(gè)模塊間也應(yīng)該互相鏈接起來(lái)。 后臺(tái)管理模塊的功能模塊設(shè) 計(jì) 后臺(tái)管理模塊的功能是對(duì)站內(nèi)的資源進(jìn)行管理和維護(hù)。以后臺(tái)的業(yè)務(wù)流程分析和前臺(tái)各個(gè)模塊的設(shè)計(jì)為基礎(chǔ)、根據(jù)用戶(hù)的需求分析來(lái)確定后臺(tái)管理模塊應(yīng)具有的功能。后臺(tái)管理模塊的各個(gè)子功能模塊如下： （ 1） 管理員身份驗(yàn)證模塊： 為合法用戶(hù)提供一個(gè)后臺(tái)入口。該模塊的功能是對(duì)管理員身份進(jìn)行能夠驗(yàn)證。用戶(hù)輸入登錄 ID 和密碼后，系統(tǒng)將判斷登錄 ID 及密碼的有效性，如果通過(guò)驗(yàn)證則狀態(tài)后臺(tái)主頁(yè)，反之則提示錯(cuò)誤。 （ 2） 商品管理模塊： 向商品表插入前臺(tái)首頁(yè)展示的商品信息，也就是添加商品信息的功能。 （ 3） 處理訂單模塊： 網(wǎng)站管理者對(duì)用戶(hù) 訂單的執(zhí)行和編輯狀態(tài)。 （ 4） 用戶(hù)信息管理模塊： 查詢(xún)注冊(cè)所有用戶(hù)，對(duì)一些非法或失信用戶(hù)進(jìn)行刪除操作 。 （ 5） 公告信息管理模塊： 網(wǎng)站向用戶(hù)發(fā)布最新公告信息。 （ 6） 鏈接信息管理模塊： 管理員向前臺(tái)首頁(yè)添加友情鏈接信息。 第五章 網(wǎng)站 實(shí)現(xiàn) 在上一章著重討論了系統(tǒng)各個(gè)模塊功能的設(shè)計(jì)，并詳細(xì)分析了每一個(gè)模塊的功能。在本章將具體討論如何實(shí)現(xiàn)功能模塊，最終實(shí)現(xiàn)整個(gè)系統(tǒng)。經(jīng)過(guò)這個(gè)階段的設(shè)計(jì)工作，應(yīng)該得出對(duì)目標(biāo)系統(tǒng)的描述，從而在編碼階段可以把這個(gè)描述直接翻譯成用 JSP 網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言書(shū)寫(xiě)的程序。 第 14 頁(yè) 共 33 頁(yè) 程序設(shè)計(jì) 本系統(tǒng)設(shè)計(jì)的網(wǎng)站在設(shè)計(jì)過(guò)程中包含頁(yè)面（ HTML）的設(shè)計(jì)以及客戶(hù)端驗(yàn)證機(jī)制（ JavaScript）的設(shè)計(jì)。 JavaScript 也叫小腳本語(yǔ)言，他是一種非常流行的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。他不僅能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果，而且能夠在一定程度上檢測(cè)網(wǎng)頁(yè)的錯(cuò)誤，從而在一定程度上實(shí)現(xiàn)網(wǎng)站的安全。本系統(tǒng)應(yīng)用服務(wù)器端 JSP 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，以及在 Serverlet 和 JavaBean 的可重用組件技術(shù)的支持下，結(jié)合客戶(hù)端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)Javascript 以及與 HTML 的無(wú)縫結(jié)合的設(shè)計(jì)，從而方便系統(tǒng)的實(shí)現(xiàn) [10]。 網(wǎng)站 頁(yè)面的設(shè) 計(jì)與實(shí)現(xiàn) 如果將網(wǎng)站比作一個(gè)人的話，服務(wù)器就像大腦，數(shù)據(jù)庫(kù)就像五臟六腑，其內(nèi)嵌的 Java 和 JavaScript 組合起來(lái)就像是細(xì)胞與神經(jīng)，而網(wǎng)頁(yè)就是這個(gè)人的皮肉。網(wǎng)頁(yè)將網(wǎng)站的各個(gè)組成部分包裹起來(lái)，形成易懂并且美觀的外表展示給大家。瀏覽者登陸網(wǎng)站后看到的就是一個(gè)個(gè)網(wǎng)頁(yè)的組合。所以設(shè)計(jì)和實(shí)現(xiàn)每一個(gè)網(wǎng)頁(yè)也是非常重要的工作。 隨著科技的高速發(fā)展，眾多網(wǎng)頁(yè)制作的應(yīng)用軟件應(yīng)運(yùn)而生。相對(duì)于傳統(tǒng)的動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)工具而言，由于繼承了 Java 語(yǔ)言的許多優(yōu)點(diǎn)，用 JSP 開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站十分方便，開(kāi)發(fā)效率較高。此外， JSP 還具有強(qiáng)大的組件（ Java Bean）支持功能，可以方便地實(shí)現(xiàn)組件復(fù)用，進(jìn)一步提高了開(kāi)發(fā)效率。 在整個(gè)網(wǎng)頁(yè)的制作過(guò)程中，都是結(jié)合使用 HTML 語(yǔ)言來(lái)實(shí)現(xiàn)設(shè)計(jì)的。系統(tǒng)的頁(yè)面設(shè)計(jì)決定了網(wǎng)站的風(fēng)格 , 制作好的網(wǎng)站不僅提供給營(yíng)銷(xiāo)商，更多的要供瀏覽者瀏覽。所以整個(gè)網(wǎng)站系統(tǒng)應(yīng)注重的是：易導(dǎo)航性、易操作性和友好的交互界面。因此，網(wǎng)站的設(shè)計(jì)最好要簡(jiǎn)潔、明了、格調(diào)清新、實(shí)用、易于使用和維護(hù)。在頁(yè)面的風(fēng)格上應(yīng)保持統(tǒng)一，這里采用 CSS 樣式表將所有頁(yè)面的字體、字號(hào)、顏色以及超鏈接的樣式做統(tǒng)一定義。 前臺(tái)功能模塊的實(shí)現(xiàn) 整個(gè)系統(tǒng)分為了前臺(tái)功能模 塊和后臺(tái)功能模塊。下面詳細(xì)討論主要的幾個(gè)功能模塊的程序?qū)崿F(xiàn)。在每個(gè)模塊的介紹中，將具體說(shuō)明一些涉及要點(diǎn)。 前臺(tái)功能模塊分為用戶(hù)管理模塊、訂單查詢(xún)模塊、購(gòu)物車(chē)模塊、修改個(gè)人資料模塊、留言板模塊 5 個(gè)部分。前臺(tái)首頁(yè)主要有以下幾個(gè)部分： （ 1）網(wǎng)站導(dǎo)航：主要用戶(hù)顯示網(wǎng)站的旗幟廣告、各功能模塊導(dǎo)航； （ 2）用戶(hù)登錄：用戶(hù)在此注冊(cè)、登錄或找回密碼； （ 3）商品分類(lèi)搜索：用戶(hù)按商品類(lèi)別進(jìn)行搜索顯示； （ 4）銷(xiāo)售排行榜：按照商品的銷(xiāo)售數(shù)量顯示銷(xiāo)售排行信息； （ 5）商品展示區(qū)：按后臺(tái)添加商品的時(shí)間順序展示商品； 第 15 頁(yè) 共 33 頁(yè) （ 6）友情鏈 接：顯示友情鏈接信息； （ 7）后臺(tái)登錄入口：管理員可以通過(guò)該入口登錄后臺(tái)。 用戶(hù)管理模塊 用戶(hù)管理模塊主要實(shí)現(xiàn)用戶(hù)的注冊(cè)、登錄、找回密碼等功能。 （ 1） 用戶(hù)注冊(cè) 當(dāng)用戶(hù)第一次登錄時(shí)首先要在網(wǎng)站上注冊(cè)，成為會(huì)員用戶(hù)才可以在網(wǎng)站上購(gòu)物，注冊(cè)頁(yè)面必須填寫(xiě)一些用戶(hù)的基本信息，如用戶(hù)名、密碼、聯(lián)系電話等信息。要注意的是，在用戶(hù)注冊(cè)頁(yè)面 user/ 中用戶(hù)自定義 JavaScript 檢驗(yàn)用戶(hù)注冊(cè)信息不允許為空。 為了便于網(wǎng)站對(duì)用戶(hù)的管理，在 用戶(hù)注冊(cè)頁(yè)面接收到的注冊(cè)信息要經(jīng)過(guò)嚴(yán)格 的過(guò)濾，保證注冊(cè)用戶(hù)名的唯一性，在提交表單后需要對(duì)數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行查詢(xún)，如果沒(méi)有找到，則在插入數(shù)據(jù)表時(shí)提示注冊(cè)成功，否則提示此用戶(hù)已被占用請(qǐng)重新注冊(cè)。 用戶(hù)注冊(cè)的流程圖如圖 所示。 圖 用戶(hù)注冊(cè)系統(tǒng)流程圖 （ 2） 用戶(hù)登錄 用戶(hù)登錄窗口設(shè)置在首頁(yè)上，主要用來(lái)接收用戶(hù)錄入的用戶(hù)名及密碼。單擊“ 注冊(cè)”按鈕時(shí)，會(huì)提交到 user/ 頁(yè)面執(zhí)行；單擊“登錄”按鈕時(shí)，系統(tǒng)將對(duì)輸入的用戶(hù)名和密碼進(jìn)行驗(yàn)證，如果數(shù)據(jù)表中用戶(hù)名和密碼存在就顯示登陸成功，并返回首頁(yè)，否則彈出錯(cuò)誤提示信息。 用戶(hù)登錄的流程圖如圖 所示。 開(kāi) 始 否 是 是 結(jié) 束 接收注冊(cè)信息 數(shù)據(jù)是否為空 兩次密碼是否一致 查詢(xún)數(shù)據(jù)庫(kù) 用戶(hù)名是否被占用 是 否 否 注冊(cè)成功 注冊(cè)失敗 第 16 頁(yè) 共 33 頁(yè) 圖 用戶(hù)登錄系統(tǒng)流程圖 （ 3） 找回密碼 當(dāng)密碼以外丟失會(huì)給用戶(hù)帶來(lái)不必要的麻煩，重新注冊(cè)一個(gè)新的用戶(hù)即浪費(fèi)了時(shí)間，也浪費(fèi)網(wǎng)站的資源，如果用戶(hù)只記住自己注冊(cè)的用戶(hù)名及電子郵箱名并提供密碼提示的問(wèn)題 和答案就可以找回密碼。 用戶(hù)單擊“查找”按鈕，系統(tǒng)會(huì)將傷表中所示的數(shù)據(jù)表單提交到 user/中。 user/ 頁(yè)用來(lái)驗(yàn)證提交過(guò)來(lái)的四個(gè)條件是否完全符合數(shù)據(jù)庫(kù)中的查找條件，只有符合才能顯示密碼結(jié)果，否則彈出“你輸入信息有誤”的提示對(duì)話框。 用戶(hù)資料修改模塊 用戶(hù)資料修改時(shí)為用戶(hù)更改個(gè)人信息所提供的窗口，用戶(hù)只有登錄網(wǎng)頁(yè)后才有權(quán)限修改個(gè)人資料信息。 用戶(hù)資料修改模塊在前臺(tái)主頁(yè)的導(dǎo)航條上，單擊“修改資料”鏈接，進(jìn)入用戶(hù)資料修改頁(yè)面，該頁(yè)面主要用戶(hù)修改用戶(hù)信息。 個(gè)人信息修改完畢后， 要將修改后的數(shù)據(jù)信息更新到注冊(cè)數(shù)據(jù)表中，單擊“修改”按鈕，如果提交的數(shù)據(jù)無(wú)誤，將彈出“數(shù)據(jù)更新成功”的消息對(duì)話框；否則將彈出“更新失敗”的消息對(duì)話框。 用戶(hù)資料修改模塊流程圖如圖 所示。 開(kāi) 始 結(jié) 束 接收登錄信息 查詢(xún)數(shù)據(jù)庫(kù) 數(shù)據(jù)是否正確 否 是 登錄失敗 登錄成功 第 17 頁(yè) 共 33 頁(yè) 圖 用戶(hù)資料修改模塊流程圖 購(gòu)物車(chē)模塊 購(gòu)物車(chē)模塊中，主要包含以下幾個(gè)功能，即：添加購(gòu)物車(chē)、查看購(gòu)物車(chē)、生成訂單和清空購(gòu)物車(chē)。 添加購(gòu)物車(chē) 添加購(gòu)物車(chē)就是把用戶(hù)選中的商品暫時(shí)存放在購(gòu)物車(chē)中，當(dāng)用戶(hù)在前臺(tái)首頁(yè)中單擊 商品展示區(qū)的“購(gòu)買(mǎi)”按鈕時(shí)，系統(tǒng)會(huì)將該商品的詳細(xì)信息展示在查看物品清單頁(yè)面中。用戶(hù)在單擊物品清單頁(yè)面下方的“放入購(gòu)物車(chē)”鏈接，便可以將該商品放入購(gòu)物車(chē)中。 添加商品的代碼流程是從 session 中讀取 shop 對(duì)象，如果為空則說(shuō)明還沒(méi)有進(jìn)行購(gòu)物或者已經(jīng)清空了購(gòu)物車(chē)，需要新建購(gòu)物車(chē)對(duì)象；將商品名稱(chēng)與購(gòu)物車(chē)列表中的商品名稱(chēng)對(duì)比，如果已經(jīng)存在，則把商品數(shù)量加 1。 在這段代碼流程中，還使用了集合類(lèi)型。集合類(lèi)型在 Java 中又稱(chēng)為向量，是一元集合，可以加入重復(fù)數(shù)據(jù)，它的作用和數(shù)組相同，可以保存一系列數(shù)據(jù)，但集合類(lèi)型也有它獨(dú) 特的優(yōu)點(diǎn)，就是可以方便地對(duì)集合內(nèi)的數(shù)據(jù)進(jìn)行查找、增加、刪除和修改等操作。 查看購(gòu)物車(chē) 為了方便用戶(hù)隨時(shí)查看購(gòu)物情況，在網(wǎng)站的首頁(yè)加入了查看購(gòu)物車(chē)的鏈接，通過(guò)它可以將用戶(hù)所有選中的商品信息放入購(gòu)物車(chē)中顯示出來(lái)。在程序中使用了一組文本框記錄用戶(hù)購(gòu)買(mǎi)的商品數(shù)量，用戶(hù)可以在文本框中輸入想要購(gòu)買(mǎi)的數(shù)量然購(gòu)單擊“修改”按鈕。如果欲刪除該商品，可以在數(shù)量文本框里輸入“ 0”，并需要單擊“修改”按鈕來(lái)更新購(gòu)物車(chē)中商品的數(shù)量。 系統(tǒng)每次只會(huì)將 1個(gè)商品放入購(gòu)物車(chē)中，如果用戶(hù)需要多個(gè)同種商品，可以通過(guò)修改商品信息右側(cè)相應(yīng)文本框的值 來(lái)完成。操作完成后需要通過(guò)單擊“修改”按開(kāi) 始 結(jié) 束 接收修改資料信息 將信息更新到數(shù)據(jù)庫(kù)中 更新是否成功 否 是 修改失敗 修改成功 第 18 頁(yè) 共 33 頁(yè) 鈕來(lái)保存操作。 生成訂單 生成訂單時(shí)網(wǎng)上購(gòu)物商城的最終目的，前面所有功能的實(shí)現(xiàn)都是為最后生成一個(gè)用戶(hù)滿(mǎn)意的訂單作基礎(chǔ)，在此要生成一個(gè)可供用戶(hù)隨時(shí)查詢(xún)的訂單號(hào)，還要保存用戶(hù)訂單中所購(gòu)買(mǎi)的商品信息。當(dāng)用戶(hù)確認(rèn)對(duì)購(gòu)物車(chē)不再改變以后，就可以到收銀臺(tái)結(jié)帳并生成訂單。結(jié)帳的流程為：從購(gòu)物車(chē)中讀取商品名稱(chēng)，商品數(shù)量，商品價(jià)格信息，生成一個(gè)唯一的訂單號(hào)，同時(shí)也把用戶(hù)注冊(cè)的基本信息讀取出來(lái)，形成一個(gè)完整的訂單寫(xiě)入數(shù)據(jù)庫(kù)。 在生成訂單模塊中主要使用了調(diào)出用戶(hù)信息并生成唯一訂單號(hào)，調(diào)出用戶(hù) 信息就是完全的對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，利用 session 對(duì)象把登錄后的用戶(hù)名保存起來(lái)，在訂單生成時(shí)把保存的用戶(hù)名從數(shù)據(jù)庫(kù)的用戶(hù)標(biāo)中取出即可；生成唯一訂單號(hào)方法有很多，只要確保訂單號(hào)碼的唯一性及方便用戶(hù)記錄以便于查詢(xún)自己訂單的執(zhí)行狀態(tài)即可。 訂單生成后，用戶(hù)單擊“提交”按鈕，便可以將錄入的訂單信息保存到數(shù)據(jù)庫(kù)中。 清空購(gòu)物車(chē) 清空購(gòu)物車(chē)是指當(dāng)用戶(hù)訂單生成后，倘若還想繼續(xù)購(gòu)物一定要清空購(gòu)物車(chē)再進(jìn)行選購(gòu)商品，這樣防止重復(fù)購(gòu)物，其實(shí)清空購(gòu)物車(chē)實(shí)現(xiàn)起來(lái)非常簡(jiǎn)單，只需要將session 中存儲(chǔ)的 shop 對(duì)象清空即可。 購(gòu)物車(chē)模 塊流程圖如圖 所示。 第 19 頁(yè) 共 33 頁(yè)