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