演示視頻：

https://www.bilibili.com/video/BV1gt421a7oF/第5章  詳細設計與實現5.1 系統運行平臺設置

本系統的運行平臺設置分為硬件環境和軟件環境。

5.2 運行環境

1．硬件環境

系統的硬件環境配置為處理器Pentium III800，內存512M，硬盤1G。

2．軟件環境

系統的軟件環境配置為Windows XP操作系統，SQL Server 2005數據庫，JDK1.5、MyEclipse3.1開發工具包和Tomcat6.0服務器。

5.3  開發工具及技術簡介

以下內容是對本系統所采用的開發工具和技術進行的簡單介紹。

5.3.1 開發工具簡介

MyEclipse企業級工作平臺（MyEclipse Enterprise Workbench ，簡稱MyEclipse）是對Eclipse IDE的擴展，利用它我們可以在數據庫和J2EE的開發、發布，以及應用程序服務器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發環境，包括了完備的編碼、調試、測試和發布功能，完整支持HTML, Struts, JSF, CSS, Javascript, SQL, Hibernate。

在結構上，MyEclipse的特征可以分為7類：（1）J2EE模型；（2）WEB開發工具；（3）EJB開發工具；（4）應用程序服務器的連接器；（5）J2EE項目部署服務；（6）數據庫服務；（7）MyEclipse整合幫助。

對于以上每一種功能上的類別，在Eclipse中都有相應的功能部件，并通過一系列的插件來實現它們。MyEclipse結構上的這種模塊化，可以在不影響其他模塊的情況下，對任一模塊進行單獨的擴展和升級。

簡單而言，MyEclipse是Eclipse的插件，也是一款功能強大的J2EE集成開發環境，支持代碼編寫、配置、測試以及除錯。

SQL Server 2005是一種采用T-SQL語言，基于C/S模式的關系型數據庫管理系統。SQL Server 2005存儲和管理數據有以下優點

（1）每個數據項都存儲在中央位置，所有用戶都可在這個位置使用它們；

（2）各個客戶端上不單獨存儲數據項復本，從而消除了因用戶不得不確保使用的信息相同所帶來的麻煩。系統不需要確保使用當前值更新所有數據復本，因為中央位置僅有一個復本；

（3） 可以在服務器上一次性定義業務和安全規則，并對所有的用戶平等執行；

（4）可以在數據庫內通過使用約束、存儲過程和觸發器來強制執行規則。還可在服務器應用程序中執行規則，因為這些應用程序也是許多客戶端訪問的中央資源；

（5）關系數據庫服務器只返回應用程序所需要的數據，優化了網絡流量；

（6）Zui大程度地降低硬件的成本，由于數據不是存儲在每個客戶端上，客戶端不必耗費磁盤空間來存儲數據?？蛻舳藷o需在本地增加管理數據的功能，同時，服務器不需將處理能力耗費在顯示數據上；

（7）可以配置服務器以優化檢索數據所需的磁盤輸入/輸出容量，配置客戶端以優化從服務器檢索數據的格式；

（8）可以將服務器存儲在一個相對安全的位置，并配備如不間斷電源供應系統這樣的設備，這比完全保護每個客戶端更經濟；

（9）維護任務（例如備份和恢復數據）得到簡化，因為這些任務都可以集中在中央服務器上執行。

5.3.2 技術簡介

本系統采用MVC框架，MVC（Model-View-Controller）是一種設計 模式，它強制性地把應用程序的輸入、處理和輸出分開。MVC把應用程序分成3個核心：模型層、視圖層和控制層，它們分別擔負不同的任務。其中視圖層向用戶顯示相關的數據，并能接受用戶的輸入數據，但是它并不進行任何實際的業務處理。模型層表示業務數據和業務邏輯?？刂茖咏邮沼脩糨斎氩⒄{用模型和視圖去完成用戶的需求。

本系統需要用到的Java相關技術有jsp技術、servlet技術、jdbc技術、SSH框架。其中，關鍵的技術難點在于Struts技術的運用。Struts技術是基于MVC的Web應用框架。在Struts框架中，模型層由實現業務邏輯的JavaBean組件構成，控制層由ActionServlet和Action來實現，視圖層由一組JSP文件構成。

5.4 系統首頁設計

本系統網站的主界面設計結構采用了上左右的結構，上部分為主功能菜單區，主要是顯示網站的主功能，左側為用戶注冊、登錄,公告瀏覽，商品查詢，右部分為信息顯示區，銷售排行榜 主要是為方便用戶提供了一些Zui新上架的玩具信息。界面設計如圖3-1所示。

圖3-1　系統首頁

5.5 系統前臺基本功能設計與實現

本節對系統前臺主要功能設計進行詳細的說明。

5.5.1 用戶維護模塊設計與實現

由于網上購物必須保證用戶的正確性、購物的安全性，需要對用戶資料進行有效的管理，因此用戶管理是電子商務網站的重要內容。它主要包括用戶注冊、登錄和驗證、用戶注冊資料的修改更新和用戶注銷等功能。

1．注冊

（1）實現目標

用戶單擊注冊后需要輸入密碼和確認密碼、用戶真實姓名、住址、性別、E_mail、QQ。用戶只須填寫一個Web表單。這里需要用戶通過E_mail注冊是考慮到兩點：第一，用戶的E_mail是惟一的；第二，通過用戶的E_mail可以很方便快捷的與用戶取得聯系。用戶在提交注冊信息后，系統會對注冊頁面填寫的正確性進行檢查。對于不符合要求的填寫會給出必要的提示，并返回修改；對于符合要求的注冊表單，用戶提交信息后也要返回相應的歡迎信息，用戶提交的正確注冊信息將被存入系統的數據庫中。界面的設計如圖3-2所示。

圖3-2　用戶注冊模塊

2．登錄和驗證

（1）用戶登錄程序流程描述

當用戶輸入用戶名和密碼后首先要進行身份驗證，如果用戶存在，則成功登錄，反之，如果用戶不存在，提示錯誤信息“輸入的用戶名或密碼不存在，請注冊”，返回登錄界面重新輸入用戶名和密碼。用戶登錄的程序流程圖如圖3-3所示。

圖3-3　用戶登錄程序流程圖

（2）實現目標

對于本系統的購物過程而言，在用戶瀏覽玩具時，可以不進行登錄，只有在使用購物車時，才需要登錄，以完成整個購物過程。用戶登錄用于驗證用戶的用戶名和密碼，然后決定顧客進入系統進行操作，如進行用戶修改的操作，購物車和結帳的操作等。界面的設計如圖3-4所示。

圖3-4　用戶登錄模塊

   （3）實現過程

所屬頁面名：index.jsp

頁面設計如表3-3所示。

表3-3　用戶登錄主要控件信息列表

3．用戶修改和注銷

（1）實現目標

已注冊的用戶只要登錄本系統后便可以通過單擊用戶修改按鈕進行用戶修改操作，在此頁面中用戶可以更改自己的帳戶和詳細信息，如可以修改密碼、修改Email地址等個人信息。通過點擊提交按鈕完成修改操作。界面的設計如圖3-5所示。

圖3-5　用戶修改模塊

為了保證用戶購物的安全性，系統提供了不關閉瀏覽器而退出玩具在線銷售系統的功能，注銷功能是清除用戶在使用或登錄系統期間的所有Session信息。玩具展示模塊設計與實現

1．實現目標

為了方便顧客選購玩具，本系統采用了兩種展示產品的方式。一種是以類別查詢為基礎查看玩具，另外一種是新品上架、特價產品和銷售排行的展臺。以銷售排行查看玩具為例，顧客在首頁的的銷售排行即可查看銷售排行，方便顧客查看暢銷的玩具相關信息及詳細信息。界面的設計如圖3-6所示。

圖3-6　銷售排行模塊

2．實現過程

所屬頁面名：index.jsp

通過查詢t_orderItem表中按銷售額字段goods_quantity降序排列實現。

5.5.2 購物車模塊的設計與實現

1．購物車程序流程描述

用戶選購玩具后添加到購物車中，在購物車中進行查看，同時對不滿意的產品可以進行移除，對要購買的產品可以調整數量，移除產品和清空產品。用戶決定購買產品后可以去收銀臺進行結賬。購物車流程圖如圖3-7所示。

圖3-7　購物車程序流程圖

2．實現目標

用戶購買產品的核心功能是購物車和訂單提交。購物車模塊的設計包括：顧客添加玩具到購物車和顧客對購物車的管理，如更新購買的玩具數量、清空購物車和將購物車中玩具從購物車中移除等。購物車要具有持續性，而且不限制用戶購買玩具的數量，也就是購物車可以顯示很多玩具。界面的設計如圖3-8所示。

3．實現過程

所屬頁面名：myCart.jsp核心代碼參見附錄3

頁面設計如表3-8所示。

圖3-8　購物車模塊

5.5.3 　收銀臺模塊的設計與實現

1．實現目標

用戶選擇完玩具后，需要確認購物車中內容，即結帳，點擊下一步，此時頁面跳轉到結賬頁面。在結帳頁面，需要用戶填寫聯系地址、聯系電話、付款方式和送貨方式和備注信息，以便生成訂單。當完成一次交易所需要的用戶方面的信息都已齊全，只須生成訂單即可進入配送過程。如果用戶所填寫的訂單信息正確，系統會返回給用戶此次交易所產生的訂單號碼。界面的設計如圖3-9所示。

圖3-9　結賬模塊

5.5.4 查看訂單模塊的設計與實現

1．實現目標

用戶填寫完訂單并提交成功后可以通過查看訂單按鈕看到自己的訂單及詳細信息。界面的設計如圖3-10所示。

圖3-10　查看訂單模塊

2．實現過程

所屬頁面名：myOrder.jsp

具體代碼參見附錄3。

5.5.5 　公告瀏覽模塊的設計與實現

1．實現目標

吸引顧客有很多種宣傳措施，本系統采用公告的方式進行宣傳。利用類似流動看板的方式顯示公告信息。在顧客點擊某一條公告信息時，系統可以自動彈出一個頁面顯示具體的公告信息。界面的設計如圖3-11所示。

圖3-11　公告瀏覽模塊

2．實現過程

所屬頁面名：gonggaoDetailQian.jsp

首先使用gonggaoDAO中的save方法，將公告信息添加到數據庫中，在用戶點擊頁面中的公告后，通過gonggaoDAO下的findAll方法，將其調出，顯示到頁面中。

5.5.6 客戶留言模塊的設計與實現

1．實現目標

為了能夠了解客戶對我們的商品的滿意程度，我們設計了留言模塊，讓用戶能夠在第一時間將問題反映給我們，以便我們及時改進。界面的設計如圖3-12所示。

圖3-12　公告瀏覽模塊

2．實現過程

所屬頁面名：liuyanAll.jsp

首先通過判斷session中的userName是否為空，如果為空，則只能先登錄才能進行留言。如果不為空，則留言人中顯示userName，使用獲取系統時將來給留言時間賦值。客戶在輸入標題和內容后，將其存儲到數據庫中，在客戶查看時再將其調出。

5.6 　系統后臺管理功能設計與實現

本節對系統后臺功能設計進行詳細的說明。

5.6.1 基本信息管理設計與實現

1．實現目標

該功能主要分布在管理員信息、用戶信息、玩具類別信息，訂單信息，公告信息和留言信息的處理。對這些信息操作的主要功能詳細設計包括對它們的添加、刪除、更新和查詢等操作，需要分別在基本信息中的每一個頁面中設計這些功能。當對這些基本信息進行添加、刪除和更新操作時，需要將這些操作所執行的結果返回到本系統的數據庫中，并能夠在相應的頁面中刷新顯示新的結果集。需要用SQL語句將這些信息添加到數據庫中。模塊的輸出是操作信息成功的提示信息。對于在某一頁面中的查詢功能，此頁面要能夠刷新顯示出此查詢結果信息。以客戶信息管理理為例。界面的設計如圖3-13所示。

圖3-13　客戶信息管理模塊

2．實現過程

所屬頁面名：userMana.jsp

客戶管理主要是使用userDAO中下的findById和findAll方法來刪除和獲取數據庫中的數據。進入客戶管理界面時通過findAll方法來顯示所有用戶的信息，點擊刪除時，通過findById方法獲取指定的用戶ID，使用sql語句進行操作。

5.6.2 訂單信息管理設計與實現

1．實現目標

該模塊是針對用戶訂單信息和訂單明細信息的管理功能進行的詳細設計，主要是對用戶訂單信息和訂單明細信息的查看、刪除和受理訂單的操作。管理員應該可以查看系統中已處理的訂單和未經處理的訂單信息，用戶訂單信息和訂單明細信息在不同的頁面顯示。界面的設計如圖3-14所示。

   

圖3-14　訂單管理模塊

2．實現過程

所屬頁面名：orderMana.jsp

訂單管理模塊使用了buyAction中的方法，當用戶提交訂單時，訂單狀態默認為未受理。管理員查看訂單時調用了orderMana()方法將訂單顯示到頁面中，點擊刪除時調用orderDelByAd()方法將通過訂單的ID對指定的訂單進行那個刪除操作，點擊受理訂單時調用orderShouli()方法將訂單狀態改為已受理。管理員查看訂單明細時通過 orderDetail()方法通過訂單ID將指定的訂單明細顯示到頁面中。

具體代碼參照附錄3。

5.6.3  玩具信息管理設計與實現

1．實現目標

在玩具管理模塊中除了基本的信息管理功能外，為了方便顧客瀏覽到玩具的真實外貌，在添加玩具模塊中增加上傳玩具圖片的功能。

管理員在玩具添加頁面中輸入添加的玩具基本信息，點擊提交后進入上傳圖片頁面。在商品信息管理中，我將商品分為特價和非特價商品來管理。此頁面中能夠顯示出已輸入的特價玩具基本信息，在上傳圖片位置上添加文件后點擊提交，提交成功后有提示信息彈出。在管理員查看商品信息時，將鼠標放到查看圖片上就可以查看圖片界面的設計如圖3-15所示。

圖3-15　商品信息管理模塊

2．實現過程

所屬頁面名：goodsManaYesTejia.jsp

本模塊主要是對商品表進行管理，所以就是一些查詢和刪除操作，我在做的時候，主要講商品分為特價和非特價商品，在管理時也是分開管理，主要通過判斷goodsIsnottejia來區分是否為特價商品。

5.6.4  公告信息管理設計與實現

1．實現目標

在各大熱門網站上都有公共的出現，該模塊的建立也是為了通過實現發布公告，給顧客提供方便的操作，讓客戶能夠及時的了解商城的活動情況。界面的設計如圖3-16所示。

                                          圖3-16　公告管理模塊

2．實現過程

所屬頁面名：gonggaoMana.jsp

在gonggaoAction中，調用gonggaoAdd方法進行添加操作，使管理員能添加一個新公告，管理員查看時則調用了gonggaoMana()方法，來顯示所有的公告信息，要進行刪除操作就會調用gonggaoDel()方法進行刪除。

5.6.5 留言信息管理設計與實現

1．實現目標

客戶對商城的商品有任何意見，都可以在留言模塊中進行留言，方便管理員查看，商城會及時處理問題。界面的設計如圖3-17所示。

圖3-17　留言信息管理模塊

2．實現過程

所屬頁面名：liuyanMana.jsp

留言功能，主要先依靠liuyanDAO.findAll方法來獲取所有留言，然后調用liuyanMana來顯示，管理員的添加操作是調用liuyanAdd方法實現的，留言的時間定義是用獲取系統時間的方法來定義的。刪除留言時則調用liuyanDel方法來實現。

5.7 　本章小結

本章進行了此系統的詳細設計的介紹，我們可以對本系統的設計有了一個細致全面的了解。前臺模塊詳細介紹了用戶維護、銷售排行、購物車、結賬、查看訂單、留言模塊和公告瀏覽模塊的設計和實現的過程，同時后臺模塊介紹了客戶信息管理、訂單管理、玩具信息管理、公告管理和留言管理的設計和實現的過程。本系統詳細設計的原則是采用結構化的設計方法，改善控制結構，降低程序的復雜程度，從而提高程序的可讀性、可測試性和可維護性。