【導讀】本文講述了基于JSP技術構建的汽車銷售網站的設計與實現(xiàn)。和企業(yè)的產品，為客戶提供在線服務和訂單處理功能。了一起，因而消除了時間與空間帶來的障礙。與傳統(tǒng)銷售方式相比，在線銷售能夠提供海量產品信息。而增加了商品企業(yè)的核心競爭力，節(jié)省實際開店時需要投入的成本和租用費用。

　　

【正文】 Varchar 50 8．留言信息表 此表用于記錄客戶的留言信息，以及對商品的建議等。如表 48所示 : 表 48 t_liuyan（留言信息表） 序號 名稱 別名 類型 長度（字符） 1 liuyan_id 留言 id Int 4 2 liuyan_title 留言標題 Varchar 50 3 liuyan_content 留言內容 Varchar 50 4 liuyan_date 留言時間 Varchar 50 5 liuyan_user 留言客戶 Varchar 50 本章小結 本章介紹了對本系統(tǒng)的總體設計，給出了汽車銷售網站的功能結構圖、 ER 圖等，說明了 各子系統(tǒng)的之間的聯(lián)系。本章完成了系統(tǒng)數(shù)據(jù)庫的數(shù)據(jù)需求分析的過程，說明了數(shù)據(jù)庫由概念結構設計轉換成邏輯結構設計的過程，并把各個物理數(shù)據(jù)模型結合起來形成了一個整體的關系數(shù)據(jù)庫模型， 為系統(tǒng)詳細設計作好了充足的準備工作。第 5 章 詳細設計與實現(xiàn) 24 第 5 章 詳細設計與實現(xiàn) 系統(tǒng)運行平臺設置 本系統(tǒng)的運行平臺設置分為硬件環(huán)境和軟件環(huán)境。 運行 環(huán)境 1．硬件環(huán)境 系統(tǒng)的硬件環(huán)境配置為處理器 Intel Core i3 M370，內存 2048M，硬盤 250G。 2． 軟件環(huán)境 系統(tǒng)的軟件環(huán)境配置為 Windows XP 操作系統(tǒng)， SQL Server 2020 數(shù)據(jù)庫， 、 開發(fā)工具包和 服務器。 開發(fā)工具及技術簡介 以下內容是對本系統(tǒng)所采用的開發(fā)工具和技術進行的簡單介紹。 開發(fā)工具簡介 MyEclipse 企業(yè)級工作平臺（ MyEclipse Enterprise Workbench ，簡稱 MyEclipse）是對 Eclipse IDE 的擴展，我們可以在數(shù)據(jù)庫和 J2EE 的開發(fā)、以及應用程序服務器的整合方面提高工作效率。是功能豐富的 J2EE 集成開發(fā)環(huán)境，包括了調 試、測試和發(fā)布功能，完整支持 HTML, Struts, JSP, CSS, Javascript, SQL, Hibernate。 在結構上， MyEclipse 的特征分為 7類：（ 1） J2EE 模型；（ 2） WEB開 發(fā) 工具；（ 3） EJB 開發(fā)工具；（ 4）應用程序服務器的連接器；（ 5） J2EE 項目部署服務；（ 6）數(shù)據(jù)庫服務；（ 7） MyEclipse 整合幫助。 對于以上每一種功能上的類別，在 Eclipse 中都有相應的功能部件，并通過一系列的插件來實現(xiàn)它們。 MyEclipse 結構上的這種模塊化，對任一模塊進行單 獨的擴展和升級。 簡單而言， MyEclipse 是 Eclipse 的插件，也是一款功能強大的 J2EE 集成開發(fā)環(huán)境，支持代碼編寫、配置、測試以及除錯。 SQL Server 2020 是一種采用 T SQL 語言，基于 C/S 模式的關系型數(shù)據(jù)庫管理系統(tǒng)。 SQL Server 2020 存儲和管理數(shù)據(jù)有以下優(yōu)點 : （ 1）每個數(shù)據(jù)項都存儲在中央位置，所有用戶都可在這個位置使用它們； （ 2）各個客戶端上不單獨存儲數(shù)據(jù)項復本，從而消除了因用戶不得不確保使用的信息相同所帶來的麻煩。系統(tǒng)不需要確保使用當前值更新所有數(shù)據(jù)復本，因為中央位 置僅有一 24 個復本； （ 3） 可以在服務器上一次性定義業(yè)務和規(guī)則，對所有的用 戶 平等執(zhí)行； （ 4）可以在數(shù)據(jù)庫內通過使用約束、存儲過程和觸發(fā)器來強制執(zhí)行規(guī)則。還可在服務器應用程序中執(zhí)行規(guī)則，因為這些應用程序也是許多客戶端訪問的中央資源； （ 5）關系數(shù)據(jù)庫服務器只返回應用程序所需要的數(shù)據(jù)，優(yōu)化了網絡流量； （ 6）最大程度地降低硬件的成本，由于數(shù)據(jù)不是存儲在每個客戶端上，客戶端不必耗費磁盤空間來存儲數(shù)據(jù)?？蛻舳藷o需在本地增加管理數(shù)據(jù)的功能，同時，服務器不需將處理能力耗費在顯示數(shù)據(jù)上； （ 7）可以配置服務器以優(yōu)化檢索數(shù)據(jù)所 需的磁盤輸入 /輸出容量，配置客戶端以優(yōu)化從服務器檢索數(shù)據(jù)的格式； （ 8）可以將服務器存儲在一個相對安全的位置，并配備如不間斷電源供應系統(tǒng)這樣的設備，這比完全保護每個客戶端更經濟； （ 9）維護任務（例如備份和恢復數(shù)據(jù)）得到簡化，因為這些任務都可以集中在中央服務器上執(zhí)行 ； (10) 易用性、適合分布式組織的可伸縮性、用于決策支持的數(shù)據(jù)倉庫功能、與許多其他服務器軟件緊密關聯(lián)的集成性、良好的性價比等 ； (11) 從數(shù)據(jù)管理和分析角度看，將原始數(shù)據(jù)轉化為商業(yè)智能和充分利用 Web帶來的機會非常重要 。 技 術簡介 本系統(tǒng)采用 MVC 框架， MVC（ Model View Controller）是一種設計 模式，它強制性地把應用程序的輸入、處理和輸出分開。 MVC 把應用程序分成 3 個核心：模型層、視圖層和控制層，它們分別擔負不同的任務。本系統(tǒng)需要用到的 Java 相關技術有 JSP 技術、 servlet技術、 JDBC 技術、 SSH 框架。其中，關鍵的技術難點在于 Struts 技術的運用。 系統(tǒng)首頁設計 本系統(tǒng)網站的主界面設計結構采用了上左右的結構，上部分為主功能菜單區(qū)，主要是顯示網站的主功能，左側為用戶注冊、登錄 ,公告瀏覽，商品查詢，右部分為 信息顯示區(qū)，銷售排行榜 主要是為方便用戶提供了一些最新上架的商品信息。界面設計如圖 51 所示 : 第 5 章 詳細設計與實現(xiàn) 26 圖 51 系統(tǒng)首頁 系統(tǒng)前臺基本功能設計與實現(xiàn) 本節(jié)對系統(tǒng)前臺主要功能設計進行詳細的說明。 用戶維護模塊設計與實現(xiàn) 由于網上購物必須保證用戶的正確性、購物的安全性，需要對用戶資料進行有效的管理，因此用戶管理是電子商務網站的重要內容。它主要包括用戶注冊、登錄和驗證、用戶注冊資料的修改更新和用戶注銷等功能。 1．注冊 （ 1）實現(xiàn)目標 用戶單 擊注冊后需要輸入密碼和確認密碼、用戶真實姓名、住址、性別、 E_mail、。用戶只須填寫一個 Web 表單。這里需要用戶通過 E_mail 注冊是考慮到兩點：第一，用戶的 E_mail 是惟一的；第二，通過用戶的 E_mail 可以很方便快捷的與用戶取得聯(lián)系。用戶在提交注冊信息后，系統(tǒng)會對注冊頁面填寫的正確性進行檢查。對于不符合要求的填寫會給出必要的提示，并返回修改；對于符合要求的注冊表單，用戶提交信息后也要返回相應的歡迎信息，用戶提交的正確注冊信息將被存入系統(tǒng)的數(shù)據(jù)庫中。 26 （ 2）實現(xiàn)過程 所屬頁面名： 表單屬性： name=form1 action=%=path%/ method=post 表 51 用戶注冊主要控件信息列表 名稱 類型 含義 userName Text 輸入用戶名稱 password Password 輸入密碼 passwordOne Password 輸入確認密碼 userRealname Text 輸入真實姓名 userAddress Text 輸入住址 userSex radio 選擇性別 userTel Text 輸入聯(lián)系方式 E mail Text 輸入 E mail地址 確定 Button 提交用戶信息 取消 Button 取消注冊 2．登錄和驗證 （ 1）用戶登錄程序流程描述 當用戶輸入用戶名和密碼后首先要進行身份驗證，如果用戶存在，則成功登錄，反之，如果用戶不存在，提示錯誤信息 “ 輸入的用戶名或密碼不存在，請注冊 ” ，返回登錄界面重新輸入用戶名和密碼。用戶登錄的程序流程圖如圖 52 所示 : 開 始輸 入 用 戶 名密 碼登 錄身 份 驗 證 是 否 成 功 ?成 功 登 錄結 束否 是 圖 52 用戶登錄程序流程圖 （ 2）實現(xiàn)目標 對于本系統(tǒng)的購物過程而言，在用戶瀏覽商品時，可以不進行登錄，只在使用購物第 5 章 詳細設計與實現(xiàn) 28 車時，才需要登錄，以完成整個購物過程。用戶登錄用于驗證用戶的用戶名和密碼，然后決定顧客進入系統(tǒng)進行操作，如進行用戶修改的操作，購物車和結帳的操作等。 （ 3） 實現(xiàn)過程 所屬頁面名： 頁面設計如表 52 所示 : 表 52 用戶登錄主要控件信息列表 名稱 類型 含義 userName Text 輸入用戶名 password Password 輸入密碼 注冊 button 注冊新用戶 登錄 button 登錄網站 3．用戶修改和注銷 (1) 實現(xiàn)目標 已注冊的用戶只要登錄本系統(tǒng)后便可以通過單擊用戶修改按鈕進行用戶修改操作，在此頁面中用戶可以更改自己的帳戶和詳細信息，如可以修改密碼、修改 Email 地址等個人信息。通過點擊提交按鈕完成修改操作。界面的設計如圖 53 所示 : 圖 53 用戶修改模塊 28 為了保證用戶購物的安全性，系統(tǒng)提供了不關閉瀏覽器而退出汽車銷售網站的功能，注銷功能是清除用戶在使用或登錄系統(tǒng)期間的所有 Session 信息。 (2) 實現(xiàn)過程 所屬頁面名： 表單屬性： action=%=path%/ name=form1 method=post 頁面設計如表 53 所示 ： 表 53 用戶修改主要控件信息列表 名稱 類型 含義 userName Text 輸入用戶名稱 password Password 輸入密碼 passwordOne Password 輸入確認密碼 userRealname Text 輸入真實姓名 userAddress Text 輸入住址 userSex radio 選擇性別 userTel Text 輸入聯(lián)系方式 E mail Text 輸入 E mail地址 確定 Button 提交用戶信息 取消 Button 取消注冊 商品展示模塊設計與實現(xiàn) 1．實現(xiàn)目標 為了方便顧客選購商品，本系統(tǒng)采用了兩種展示產品的方式。一種是以類別查詢?yōu)榛A查看商品，另外一種是新品上 架、特價產品和銷售排行的展臺。以銷售排行查看商品為例，顧客在首頁的的銷售排行即可查看銷售排行，方便顧客查看暢銷的商品相關信息及詳細信息。 2．實現(xiàn)過程 所屬頁面名： 通過查詢 t_orderItem表中按銷售額字段 goods_quantity 降序排列實現(xiàn)。 第 5 章 詳細設計與實現(xiàn) 30 購物車模塊的設計與實現(xiàn) 1．購物車程序流程描述 用戶選購商品后添加到購物車中，在購物車中進行查看，同時對不滿意的產品可以進行移除，對要購買的產品可以調整數(shù)量，移除產品和清空產品。用戶決定購買產品后可以去收銀臺進行結賬 。購物車流程圖如圖 54 所示。 一個 4S 店的建設成本動輒千萬元以上 ,拓展成本高昂 ,且這些成本最終得由消費者埋單。網上銷售渠道 ,成本低 ,廠商愿意對新渠道做這樣的嘗試。 傳統(tǒng)線下 4S店優(yōu)勢是有完整的體驗與購買流程 ,劣勢則是距離成本和消費者的比較成本；而網購的優(yōu)勢是便捷性和方便選購 ,一旦一款車購買者多 ,也會引發(fā)從眾消費心理 ,在現(xiàn)階段 ,只要優(yōu)惠足夠有吸引力 ,通過網絡大規(guī)模匯集需求 ,消費者將蜂擁網上下單購買。對于汽車品牌商來說 ,通過網購平臺營銷 ,也能獲得更多主力消費人群的品牌認可。 圖 54 購物車程序流程圖 2． 實現(xiàn)目標 用戶購買產品的核心功能是購物車和訂單提交。購物車模塊的設計包括：顧客添加商品到購物車和顧客對購物車的管理，如更新購買的商品數(shù)量、清空購物車和將購物車中商品從購物車中移除等。購物車要具有持續(xù)性，而且不限制用戶購買商品的數(shù)量，也就是購物車可以顯示很多商品。 選購商品到購物車 開始 查看自己買的商品 是否想買 改變商品 付款結束 否 30 收銀臺模塊的設計與實現(xiàn) 1．實現(xiàn)目標 用戶選擇完商品后，需要確認購物車中內容，即結帳，點擊下一步，此時頁面跳轉到結賬頁面。在結帳頁面，需要用戶填寫聯(lián)系地址、聯(lián)系電話、付款方式和送貨方式和備注信息，以便生成訂單。當完 成一次交易所需要的用戶方面的信息都已齊全，只須生成訂單即可進入配送過程。如果用戶所填寫的訂單信息正確，系統(tǒng)會返回給用戶此次交易所產生的訂單號碼。 2．實現(xiàn)過程 所屬頁面名： 表單屬性： action=%=path%/ name=f method=post 頁面設計如表 54 所示 ： 表 54 收銀臺主要控件信息列表 名稱 類型 含義 userName Text 收貨人賬號 userRealname Text 收貨人姓名 userTel Text 收貨人聯(lián)系電話 userAddress Text 收貨人地址 odderSonghuodizi Text 送貨住址 查看訂單模塊的設計與實現(xiàn) 1．實現(xiàn)目標 用戶填寫完訂單并提交成功后可以通過查看訂單按鈕看到自己的訂單及詳細信息。