【文章內(nèi)容簡(jiǎn)介】 HTML 元素組成的界面，在新式的 Web 應(yīng)用程序中， HTML 依舊在視圖中扮演著重要的角色，但一些新的技術(shù)已層出不窮，它們包括 Adobe Flash 和像 XHTML，XML/XSL,WML 等一些標(biāo)識(shí)語(yǔ)言和 Web services。 MVC 好處是它能為應(yīng)用程序處理很多不同的視圖。在視圖中其實(shí)沒(méi)有真正的處理發(fā)生，不管這些數(shù)據(jù) 是聯(lián)機(jī)存儲(chǔ)的還是一個(gè)雇員列表，作為視圖來(lái)講，它只是作為一種輸出數(shù)據(jù)并允許用戶(hù)操縱的方式。 (2)模型 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 6 模型表示企業(yè)數(shù)據(jù)和業(yè)務(wù)規(guī)則。在 MVC 的三個(gè)部件中，模型擁有最多的處理任務(wù)。例如它可能用像 EJBs 和 ColdFusion Components 這樣的構(gòu)件對(duì)象來(lái)處理數(shù)據(jù)庫(kù)，被模型返回的數(shù)據(jù)是中立的，就是說(shuō)模型與數(shù)據(jù)格式無(wú)關(guān)，這樣一個(gè)模型能為多個(gè)視圖提供數(shù)據(jù)，由于應(yīng)用于模型的代碼只需寫(xiě)一次就可以被多個(gè)視圖重用，所以減少了代碼的重復(fù)性。 (3)控制器 控制器接受用戶(hù)的輸入并調(diào)用模型和視圖去完成用戶(hù)的需求，所 以當(dāng)單擊 Web 頁(yè)面中的超鏈接和發(fā)送 HTML 表單時(shí)，控制器本身不輸出任何東西和做任何處理。它只是接收請(qǐng)求并決定調(diào)用哪個(gè)模型構(gòu)件去處理請(qǐng)求，然后再確定用哪個(gè)視圖來(lái)顯示返回的數(shù)據(jù)。計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 7 第三章 需求分析 網(wǎng)上商城系統(tǒng)模塊劃分：前臺(tái)設(shè)計(jì)、后臺(tái)設(shè)計(jì)和界面設(shè)計(jì)。前臺(tái)設(shè)計(jì)主要包括：用戶(hù)登錄、用戶(hù)注冊(cè)、商品查詢(xún)、購(gòu)買(mǎi)商品、訂單查詢(xún)、公告欄、留言板、商城動(dòng)態(tài)和商品評(píng)論；后臺(tái)設(shè)計(jì)主要包括：商品管理、訂單管理、用戶(hù)管理和商城信息管理；界面設(shè)計(jì)主要包括 :對(duì)整個(gè)系統(tǒng)的界面顯示進(jìn)行設(shè)計(jì)，整個(gè)界面的模塊包括用戶(hù)登錄、用戶(hù)注冊(cè)、商品查詢(xún)、購(gòu)買(mǎi)商品、商品管理、訂單管理、會(huì)員管理。主要內(nèi)容有登錄模塊，用戶(hù)注冊(cè)；商品查詢(xún)和購(gòu)買(mǎi)商品。 由于電子商城適合于不同的消費(fèi)群體，所以系統(tǒng)的操作性要強(qiáng)，能讓消費(fèi)者輕松的完成在線(xiàn)購(gòu)物的所有流程，所以對(duì)系統(tǒng)的界面設(shè)計(jì)有一定的要求。 本課題的前臺(tái)設(shè)計(jì)模塊： 顧客可以通過(guò)地址欄輸入本系統(tǒng)的訪(fǎng)問(wèn)地址，進(jìn)入到本系統(tǒng)，可以利用游客的身份進(jìn)行商品的瀏覽。想要在本系統(tǒng)中進(jìn)行商品的購(gòu)買(mǎi)等操作，還是必須要注冊(cè)成為會(huì)員才有相應(yīng)的權(quán)限。 注冊(cè)后可成為會(huì)員，會(huì)員可以通過(guò)商品的瀏覽來(lái)進(jìn) 行購(gòu)買(mǎi)，將滿(mǎn)意的商品加入到購(gòu)物車(chē)并購(gòu)買(mǎi)，購(gòu)物車(chē)通過(guò)商品的單價(jià)和數(shù)量進(jìn)行結(jié)算，用戶(hù)點(diǎn)擊購(gòu)買(mǎi)后，系統(tǒng)會(huì)生成相應(yīng)的訂單，并把商品訂單發(fā)給商店后臺(tái)數(shù)據(jù)庫(kù)中。 在線(xiàn)調(diào)查可以將用戶(hù)的滿(mǎn)意度進(jìn)行一個(gè)統(tǒng)計(jì)，并將數(shù)據(jù)發(fā)送給管理員，管理員可以通過(guò)調(diào)查的信息對(duì)系統(tǒng)進(jìn)行相應(yīng)的調(diào)整，來(lái)滿(mǎn)足大部分消費(fèi)的需求。 顧客在購(gòu)買(mǎi)商品后會(huì)形成相應(yīng)的訂單，顧客可以通過(guò)訂單號(hào)進(jìn)行查詢(xún)訂單的信息，并且顧客只能查詢(xún)自己的訂單信息，不能越權(quán)。 管理員可以通過(guò)公告欄將公告信息發(fā)送到前臺(tái)顯示，顧客可以及時(shí)看 到一些公告信息。 商城動(dòng)態(tài)主要是一些在線(xiàn)新聞，可以讓消費(fèi)者了解更多的消費(fèi)信息。 顧客可以在留言板中進(jìn)行留言，表達(dá)自己對(duì)本系統(tǒng)的建議和意見(jiàn)，管理員可以通過(guò)顧客的留言信息對(duì)系統(tǒng)進(jìn)行改進(jìn)。 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 8 （ 1）時(shí)間特性：如系統(tǒng)的響應(yīng)迅速、數(shù)據(jù)轉(zhuǎn)換和數(shù)據(jù)傳輸速度快、系統(tǒng)運(yùn)行的速度較快。 （ 2）數(shù)據(jù)精確度：要求系統(tǒng)的數(shù)據(jù)精確程度較高。 （ 3）可靠性：要求系統(tǒng)安全性得到保護(hù)，不應(yīng)出現(xiàn)數(shù)據(jù)丟失、系統(tǒng)崩潰和被侵入。 （ 4）可維護(hù)性：系統(tǒng)代碼的設(shè)計(jì)盡量做到高內(nèi)聚和低耦合，保證系統(tǒng)在 后期的 可維護(hù)和 可 擴(kuò)展 。 （ 5）適應(yīng)性：計(jì)算機(jī)技術(shù)和產(chǎn)品日新月異，會(huì)給信息處理帶來(lái)各種的方式。系統(tǒng)應(yīng)該考慮到技術(shù)發(fā)展的變化，盡可能的預(yù)留一些系統(tǒng)處理的能力來(lái)適應(yīng)技術(shù)的更新。 電子商城的目的是為了讓用戶(hù)省時(shí)省錢(qián)，原理上應(yīng)與去超市購(gòu)物一致。首先，用戶(hù)需要在首頁(yè)中瀏覽商品，挑選自己想要購(gòu)買(mǎi)的商品，或者通過(guò)搜索功能來(lái)搜索自己需要的商品，挑選到所需商品后將其加入到購(gòu)物車(chē)中，在購(gòu)物車(chē)中可以修改購(gòu)買(mǎi)的數(shù)量。都選擇好后可以通過(guò)結(jié)算來(lái)購(gòu)買(mǎi)該商品。系統(tǒng)會(huì)將訂單發(fā)送到數(shù)據(jù)庫(kù)，管理員可以通過(guò)后臺(tái)管理來(lái)查看和處理訂 單。用戶(hù)也可以通過(guò)個(gè)人中心來(lái)查詢(xún)自己的購(gòu)物信息。 電 子 商 城管 理 員普 通 用 戶(hù)登 錄商 品 、 會(huì) 員 、訂 單 管 理瀏 覽 網(wǎng) 站 模 塊登 錄個(gè) 人 信 息 查 看 、 訂 單 查 詢(xún) 、 發(fā) 表 留 言 、購(gòu) 買(mǎi) 商 品 等是否是否 圖 31 網(wǎng)上商城購(gòu)物流程圖 從用戶(hù)購(gòu)買(mǎi)了商品到最后商品的發(fā)送需要一個(gè)流程。圖 32 給出了團(tuán)體的活動(dòng)圖，計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 9 從該圖中可以看出購(gòu)物的基本流程。還能了解客戶(hù)、商城服務(wù)人員、配送人員的職責(zé)和活動(dòng)。 請(qǐng) 求 購(gòu) 買(mǎi) 商 品 獲 取 訂 單付 款準(zhǔn) 備 商 品發(fā) 貨驗(yàn) 收 商 品客 戶(hù) 商 城 管 理 員 配 送 人 員 圖 32 購(gòu)物活動(dòng)圖 系統(tǒng)操作流程 系 統(tǒng) 主 界 面系 統(tǒng) 登 錄 界 面系 統(tǒng) 管 理輸 入 賬 號(hào) 密 碼檢 查 賬 號(hào) 密 碼數(shù) 據(jù) 庫(kù) 密 碼 錯(cuò) 誤錯(cuò) 誤 信 息密 碼 正 確功 能 界 面功 能 處 理 圖 33 系統(tǒng)操作流程圖 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 10 用戶(hù)使用本系統(tǒng)的左右操作步驟如上圖所示，首先需要進(jìn)行用戶(hù)賬號(hào)密碼的驗(yàn)證，如果驗(yàn)證通過(guò)，則可以進(jìn)入系統(tǒng)，進(jìn)行購(gòu)物的所有操作，如果驗(yàn)證不通過(guò)，則提示用戶(hù)登錄錯(cuò)誤，并返回到登錄頁(yè)面繼續(xù)等待用戶(hù)重新輸入賬號(hào)和密碼。 數(shù)據(jù)增加流程 添加信息時(shí)，編號(hào)字段由系統(tǒng)自動(dòng)生成，且不能修改，其他信息由用戶(hù)輸入，之后對(duì)數(shù)據(jù)進(jìn)行合法判斷，合法則寫(xiě)入保存至數(shù)據(jù)庫(kù)，不合法則重新輸入數(shù)據(jù)。如圖 34所示： 自 動(dòng) 生 成 編 號(hào)輸 入 數(shù) 據(jù)是 否 合 法寫(xiě) 入 數(shù) 據(jù) 庫(kù)開(kāi) 始結(jié) 束YN 圖 34 數(shù)據(jù)增加流程圖 數(shù)據(jù)修改流程 在修改信息 時(shí)，先選中一條待修改的記錄，然后直接輸入數(shù)據(jù)，判斷合法性，合法則保存至數(shù)據(jù)庫(kù)，不合法重新輸入。數(shù)據(jù)修改流程圖如圖 35 所示。 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 11 選 擇 需 要 修 改 的 數(shù) 據(jù)輸 入 數(shù) 據(jù)是 否 合 法寫(xiě) 入 數(shù) 據(jù) 庫(kù)開(kāi) 始結(jié) 束YN 圖 35 數(shù)據(jù)修改流程 數(shù)據(jù)刪除流程 當(dāng)用戶(hù)選定一條記錄時(shí)，單擊刪除按鈕，會(huì)提示用戶(hù)是否確定刪除，然后刪除數(shù)據(jù)庫(kù)相關(guān)內(nèi)容。數(shù)據(jù)刪除流程圖如圖 36 所示。 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 12 選 擇 需 要 刪 除 的 數(shù) 據(jù)是 否 合 法寫(xiě) 入 數(shù) 據(jù) 庫(kù)開(kāi) 始結(jié) 束YY刪 除 失 敗N 圖 36 數(shù)據(jù)刪除流程圖計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 13 第四章 概要設(shè)計(jì) 當(dāng)用戶(hù)注冊(cè)成為系統(tǒng)的會(huì)員后，可以在本系統(tǒng)中進(jìn)行商品的 瀏覽、查詢(xún)、購(gòu)買(mǎi)、評(píng)論、留言的操作。用戶(hù)輸入賬號(hào)密碼登陸系統(tǒng)后，可以點(diǎn)擊查詢(xún)按鈕來(lái)查詢(xún)自己想要的商品，查詢(xún)到相應(yīng)的商品后，用戶(hù)點(diǎn)擊可以進(jìn)入商品的信息中，此時(shí)用戶(hù)可以通過(guò)加入購(gòu)物車(chē)將商品加入到自己的購(gòu)物車(chē)中。在瀏覽完想要瀏覽的商品后，用戶(hù)可以點(diǎn)擊購(gòu)物車(chē)進(jìn)入到自己的購(gòu)物車(chē)，此時(shí)購(gòu)物車(chē)會(huì)列出剛剛用戶(hù)加入到購(gòu)物車(chē)中的商品。用戶(hù)可以對(duì)商品的數(shù)量進(jìn)行修改，并點(diǎn)擊支付進(jìn)行購(gòu)買(mǎi)。購(gòu)買(mǎi)后可以進(jìn)入訂單界面來(lái)查看訂單。同時(shí)可以修改已下訂單和退掉訂單。管理員登錄后臺(tái)系統(tǒng)商品、用戶(hù)、系統(tǒng)信息進(jìn)行查看和修改。進(jìn)入系統(tǒng)后，對(duì)在庫(kù)商品進(jìn)行 分類(lèi)整理進(jìn)行處理。對(duì)已下單的商品，管理員可以進(jìn)行確認(rèn)操作。對(duì)系統(tǒng)用戶(hù)，管理員可以查詢(xún)已注冊(cè)用戶(hù)的信息。管理員還可以通過(guò)后臺(tái)系統(tǒng)對(duì)系統(tǒng)公告和商城動(dòng)態(tài)等信息進(jìn)行修改，對(duì)用戶(hù)的評(píng)論和留言進(jìn)行查看和回復(fù)，并且可以查看在線(xiàn)調(diào)查，對(duì)系統(tǒng)進(jìn)行相應(yīng)的改進(jìn)來(lái)提高用戶(hù)的體驗(yàn)度。本系統(tǒng)基本實(shí)現(xiàn)了網(wǎng)上商城系統(tǒng)的基本功能，有效的彌補(bǔ)了傳統(tǒng)的購(gòu)物模式的缺陷，讓消費(fèi)模式變得更加簡(jiǎn)潔和安全。 以上所闡述的系統(tǒng)功能模塊，滿(mǎn)足了企業(yè)對(duì)提高品牌知名度，開(kāi)拓網(wǎng)上市場(chǎng)，為企業(yè)和產(chǎn)品開(kāi)辟新市場(chǎng)，減少銷(xiāo)售中間環(huán)節(jié)的，直接面對(duì)終端的基本要求，解決了傳統(tǒng)企業(yè)銷(xiāo)售上的問(wèn)題。本系統(tǒng)采用 Struts JSP、 JavaBean 技術(shù)設(shè)計(jì)開(kāi)發(fā)并采用數(shù)據(jù)庫(kù)mysql 完成數(shù)據(jù)庫(kù)設(shè)計(jì)及連接。最終實(shí)現(xiàn)一個(gè)能夠網(wǎng)上購(gòu)物的網(wǎng)上商城系統(tǒng)。 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 14 B 2 C電子商城用 戶(hù)管 理 員商 品 信 息 查 詢(xún)商 品 分 類(lèi) 查 詢(xún)購(gòu) 物 車(chē)在 線(xiàn) 留 言在 線(xiàn) 調(diào) 查賬 戶(hù) 管 理會(huì) 員 管 理分 類(lèi) 管 理商 品 管 理商 城 動(dòng) 態(tài)留 言 管 理訂 單 管 理 圖 41 功能模塊圖 網(wǎng)上商城是一種 WEB 應(yīng)用，主要包括兩個(gè)方面：服務(wù)器和客戶(hù)瀏覽器。服務(wù)器是一個(gè)已知的網(wǎng)絡(luò)上地址的節(jié)點(diǎn)，通過(guò)特定的端口監(jiān)聽(tīng) HTTP 的請(qǐng)求，在瀏覽器中輸入服務(wù)器的地址，向服務(wù)器發(fā)送請(qǐng)求。服務(wù)器通過(guò)一定的處理返回給客戶(hù)端響應(yīng)后的顯示內(nèi)容。為了方便的看清 系統(tǒng)的結(jié)構(gòu)，圖 41 給出了系統(tǒng)的模塊圖，包括前端和服務(wù)器端的功能模塊。 第一步：分析問(wèn)題 分析問(wèn)題是為了了解業(yè)務(wù)問(wèn)題，確定用戶(hù)最初的需求，根據(jù)這些內(nèi)容來(lái)指定出解決方案。在分析問(wèn)題的過(guò)程中，先要確定使用者都是哪些，對(duì)實(shí)際問(wèn)題要有一致的觀(guān)點(diǎn)，要從業(yè)務(wù)以及技術(shù)兩個(gè)方面來(lái)考慮解決方案的界定和約束。 （ 1）在問(wèn)題的定義上達(dá)成一致認(rèn)可 用簡(jiǎn)單的方式將問(wèn)題描述出來(lái)，根據(jù)每個(gè)人的意見(jiàn)，制定出標(biāo)準(zhǔn)化的方式來(lái)描述問(wèn)題。主要從問(wèn)題、影響、結(jié)果和有點(diǎn)幾個(gè)方面來(lái)描述。需要指明要解決的問(wèn)題；確定給出問(wèn) 題所影響的風(fēng)險(xiǎn)承擔(dān)人。下列表格給出了描述問(wèn)題的模板。 表 41 問(wèn)題模板表 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 15 問(wèn)題 面向企業(yè)客戶(hù)的購(gòu)物方式 影響 產(chǎn)品生產(chǎn)者、客戶(hù)、銷(xiāo)售人員 結(jié)果 在傳統(tǒng)的銷(xiāo)售模式中，沒(méi)有采用 Inter，成本增加，利潤(rùn)減少，導(dǎo)致客戶(hù)不滿(mǎn)意 解決方案的優(yōu)點(diǎn) 如果使用這種服務(wù)的用戶(hù)，首先會(huì)節(jié)約很多的時(shí)間，而且訂購(gòu)到自己滿(mǎn)意商品的幾率也大大的增加了，即提高了生活質(zhì)量也提高了廠(chǎng)家的生產(chǎn)效率。廠(chǎng)家可以通過(guò)統(tǒng)計(jì)了解到大眾需要什么，這樣就能有針對(duì)性的生產(chǎn)商品，大大的減少了浪費(fèi)，同時(shí)也提高了銷(xiāo)售人員的工作效率。系統(tǒng)可以穩(wěn)定、高效 的運(yùn)行，實(shí)現(xiàn)了訂購(gòu)— 支付 — 發(fā)貨一條鏈路。 產(chǎn)品定位陳述： 目前在 Inter 中使用網(wǎng)上商城的商家有很多，但是缺乏相應(yīng)的安全保障、管理、操作便捷和可維護(hù)性。一個(gè)好的電子商務(wù)網(wǎng)站，特別是數(shù)據(jù)了比較大的系統(tǒng)，一定要滿(mǎn)足使用方便和操作靈活的設(shè)計(jì)需求。下表給出了產(chǎn)品定位表。 表 42 產(chǎn)品定位 表 目標(biāo)用戶(hù) 游客、網(wǎng)站會(huì)員 需求 滿(mǎn)足用戶(hù)快捷、輕松、安全的購(gòu)物需求 產(chǎn)品類(lèi)別 電子商務(wù)網(wǎng)站 優(yōu)點(diǎn) 快捷、可減少成本、方便 競(jìng)爭(zhēng)產(chǎn)品 其他電商網(wǎng)站 區(qū)別 分類(lèi)查詢(xún)產(chǎn)品、一鍵式查詢(xún)商品信息、面向的行業(yè)客戶(hù) （ 2）理解根本的問(wèn)題 主要的問(wèn)題是沒(méi)有利用好互聯(lián)網(wǎng)技術(shù)來(lái)實(shí)現(xiàn)訂單的管理。如果建立好訂單管理系統(tǒng)，其優(yōu)點(diǎn)就是通過(guò)訂單和購(gòu)物車(chē)的管理，簡(jiǎn)化了支付的過(guò)程，增加銷(xiāo)售報(bào)告以便進(jìn)行管理。 第二步：理解涉眾的需要 這一步主要是手機(jī)涉眾的需求，建立文檔，并分析出他們的需求。下表給出了涉眾的需求。 表 43 涉眾需求 表 管理員 用戶(hù)信息管理、商品信息管理、網(wǎng)站信息管理 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 16 會(huì)員 商品分類(lèi)詳細(xì)、可以進(jìn)行個(gè)人信息的修改、對(duì)輸入的數(shù)據(jù)進(jìn)行驗(yàn)證，避免人為的錯(cuò)誤 游客 可以查看商品信息和商品的評(píng)論 通過(guò)上表的內(nèi) 容可以將涉眾的需求進(jìn)行歸類(lèi)。用戶(hù)主要是希望搜索商品快速、對(duì)個(gè)人信息可以進(jìn)行修改和查看。系統(tǒng)管理員主要是希望能對(duì)用戶(hù)、商品、系統(tǒng)信息進(jìn)行增、刪、改、查。游客主要是希望通過(guò)查詢(xún)信息可以全面了解商品，以便決定是否要成為系統(tǒng)會(huì)員，從而購(gòu)買(mǎi)商品。 第三步：定義系統(tǒng) 定義系統(tǒng)是根據(jù)涉眾的需求，整理對(duì)要構(gòu)建的系統(tǒng)的意義的明確說(shuō)明。 （ 1）面向游客的商品信息展示用例圖，如圖 42 所示。 用 戶(hù)游 客商 品 查 詢(xún)商 品 分 類(lèi) 查 詢(xún)商 品 分 類(lèi) 顯 示商 品 展 示注 冊(cè)查 詢(xún) 商 品顯 示 商 品 信 息 e x t e n d s e x t e n d s e x t e n d s e x t e n d s u s e s u s e s 圖 42 面向游客的商品信息展示圖 通過(guò)上圖可以看出商城會(huì)員一樣 擁有與游客一樣的查詢(xún)功能，游客只是會(huì)員的一種泛化。因?yàn)橥局械纳唐凡樵?xún)和商品分類(lèi)查詢(xún)都需要用到顯示商品信息，所以多個(gè)用例都有一個(gè)公共的動(dòng)作序列，為了避免重復(fù)，將公共部分抽取出來(lái)，構(gòu)成獨(dú)立的用例。 （ 2）面向注冊(cè)用戶(hù)的信息管理用例圖，如圖 43 所示。 計(jì)算機(jī)信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū)