基于Java的網上商城系統的設計與實現畢業(yè)論文

1、太原電力高等?？茖W校 畢業(yè)設計（論文）畢業(yè)設計（論文） 題 目 購便宜購物商城 系 別 計算機工程系 專 業(yè) 計算機科學與技術 班 級 計本 0915 班 姓 名 指導教師 下達日期 年 月 日 設計時間自 年 月 日 至 年 月 日（宋體 3 號） 基于基于 javajava 的網上商城系統的設計與實現的網上商城系統的設計與實現 摘 要 伴隨著 internet 的蓬勃發(fā)展，電子商務也取得了突飛猛進的發(fā)展。電子商務是 在互聯網開放環(huán)境下，基于瀏覽器/服務器應用方式，實現消費者的網上購物、 商戶之間的網上交易和在線電子支付的一種新型的商業(yè)運作模式。不同領域的電 子商務網站的建立，給人們的生活帶

2、來了巨大的影響。 本論文就此網上購物系 統進行了詳細全面的論述。 網上購物商城系統是一個 b/s 結構的信息管理系統,開發(fā)主要包括前臺頁面顯 示層，后臺數據庫持久層，和基于 javabean 封裝的業(yè)務邏輯層。 網上商城系統共分兩個部分:前臺用戶部分和后臺管理部份。在前臺用戶部分 中,包括用戶在線注冊、用戶在線登錄、瀏覽商品、查詢商品信息、購物車管理、 訂單查看、訂購商品等操作;后臺管理部分包括:客戶的管理、商品種類的管理、 商品信息的管理、用戶訂單的管理。 作為一個購物系統,系統的安全性和實現購 物的方便性是很重要的,在安全性方面,系統主要考慮了數據存儲的安全性,以及 用了用戶注冊和密碼等措

3、施,如用戶注冊時,對用戶密碼試用 md5 技術進行加密處 理。另外，系統用到的主要技術有 jsp+servlet,ajax 和 javabean,系統采用 mysql 來設計數據庫，使用 myeclipse 開發(fā)平臺。 本文主要介紹了 javabean+jsp+servlet 系統的一般原理；闡述了整個頁面 生成的結構及工作原理；分析了系統實現中的難點和重點；設計實現了用戶注冊 /登錄、查詢、購買；實現了管理員對后臺的系統管理；分析并解決了實現中的 若干技術問題。 關關鍵鍵詞詞：購物系統；jsp+servlet；mysql；javabean；web 項目 designdesign andand

4、 implementationimplementation ofof onlineonline mallmall basedbased onon javajava abstractabstract accompanying with the development of internet, e-commerce also has obtained the development which progresses by leaps and bounds.electronic commerce is the internet open environment,based on the browse

5、r/server application mode,realize consumer online shopping,online transactions between merchants and online electronic payment of a new type of commercial operation mode.the establishment of the different areas of e-commerce sites,brought huge influence to peoples life.this paper on the online shopp

6、ing system has carried on the comprehensive discussion in detail. online shopping mall system is a b/s structure of information management system, mainly including front desk page display layer, background database persistence layer, and based on the javabean encapsulates the business logic layer. o

7、nline mall system is divided into two parts: the front desk user part and the background management. in part at the front desk users, including users online registration, user login, browse online commodities, query information, shopping cart management, order review, ordering goods, etc; background

8、 management part includes: the customer management, product types of order management, commodity information management, user management. as a shopping system, system security and realize the convenience shopping is very important, in terms of safety, system mainly considering the security of data s

9、torage, and use the user registration and password etc measures, such as user registration, the technology of user password to try the md5 encryption processing. in addition, the system uses the main technology has the jsp + servlet, ajax and a javabean, to design the database system uses mysql, usi

10、ng the myeclipse development platforms. this article mainly introduced the jsp + javabean + servlet general principle; expounds the structure and working principle of the entire page generation, analyses the emphasis and difficulty in system implementation; design realizes the user registration/logi

11、n, query, purchase; realize the administrator of the background system management; analyze and solve some technical problems in implementation. key words: online shopping mall;jsp+servlet;mysql;javabean;web applications 目錄 abstractabstract.iii 第一章第一章 引言引言 .1 1 1.1 選題意義 .1 1.2.1 選擇網上商城的原因 .1 1.2.2 國內

12、網上商城的現狀 .1 1.2.3 現今網上交易存在的一些的問題 .1 第二章第二章 項目構架分析與設計項目構架分析與設計 .2 2 2.1 物理構架 .2 2.2 邏輯構架 .2 2.2.1 jsp+javabean+servlet 框架介紹.2 2.2.2 jsp 簡介.2 2.2.3 javabean 簡介.3 2.3 開發(fā)工具 .3 2.3.1 myeclipse 簡介.3 2.3.2 tomcat6.0 簡介.3 2.3.3 mysql 簡介.3 2.3.4 ajax 技術簡介.3 第三章第三章 需求分析需求分析 .5 5 3.1 網站功能需求分析 .5 3.1.1 用戶需求確定 .5

13、 3.2 數據需求分析 .6 3.2.1 數據庫需求分析 .6 3.3 技術解決方案需求分析 .6 第四章第四章 總體設計總體設計 .7 7 4.1 數據庫myshopping設計.7 4.1.1 商品種類信息表（category）的設計 .7 4.1.2 管理員信息表（adminer）的設計 .7 4.1.3 訂單明細表（salesitem）的設計 .7 4.1.4 訂單信息主表（salesorder）的設計 .8 4.1.5 會員信息表（user）的設計 .8 4.1.6 商品信息表（product）的設計 .8 4.2 前臺設計 .9 4.2.1 前臺功能介紹 .9 4.2.2 前臺購物

14、的流程圖 .9 4.3 后臺設計 .9 4.3.1 購便宜網上購物商城后臺功能介紹 .9 4.3.2 購便宜商城后臺的操作流程圖 .10 第五章第五章 界面設計界面設計 .1010 5.1 用戶注冊 .10 5.1.1 界面 .10 5.1.2 流程圖 .11 5.2 用戶登錄 .11 5.2.1 界面 .11 5.2.2 流程圖 .12 5.3 用戶登錄 .12 5.3.1 界面 .12 5.3.2 流程圖 .15 5.4 查看商品信息 .15 5.4.1 界面 .15 5.4.2 流程圖 .16 5.5 商品搜索 .16 5.5.1 界面 .16 5.5.2 流程圖 .17 5.6 購物車

15、 .17 5.6.1 界面 .17 5.6.2 流程圖 .18 5.7 生成訂單 .18 5.7.1 界面 .18 5.7.2 流程圖 .18 5.8 后臺管理 .19 5.8.1 界面 .19 5.8.2 流程圖 .25 第六章第六章 開發(fā)環(huán)境配置說明開發(fā)環(huán)境配置說明 .2626 6.1 開發(fā)環(huán)境配置 .26 第七章第七章 開發(fā)與測試開發(fā)與測試 .2828 7.1 開發(fā)流程 .28 7.2 測試 .29 第八章第八章 所用技巧及難點分析所用技巧及難點分析 .2929 8.1 所用技巧 .29 8.2 難點分析 .30 8.2.1 分頁 .30 9.1 總結 .36 9.2 展望 .37 致

16、謝 .37 參考文獻參考文獻 .3838 第一章 引言 隨著全球信息網絡的發(fā)展，internet 在世界上已不僅僅是一種技術，更重要的是它已 成為一種新的經營模式，徹底改變了人類工作，學習，生活，娛樂的方式，已成為國家經 濟和區(qū)域經濟增長的主要動力。internet 正成為世界最大的公共資料信息庫，它包含無數 的信息資源，所有最新的信息都可以通過網絡搜索獲得。更重要的是，大部分信息都是免 費的，應用電子商務可使企業(yè)獲得在傳統模式下所無法獲得的巨量商業(yè)信息，在激烈的市 場競爭中領先對手。因此，本設計是通過 jsp 語言來實現，一個基于 b/s 模式三層結構的 jsp 網上購物網站網站。 1.1

17、選題意義 網上商城的出現和發(fā)展給人們的購物帶來了全新的改變，它不但使整個購物的性質 和方式發(fā)生了翻天覆地的變化，而且也使人們整個購物流程變得高效而便捷。網上商城 交易的個性化、自由化可為企業(yè)創(chuàng)造無限商機，降低成本，同時可以更好地建立同客戶、 經銷商及合作伙伴的關系，為此，許多公司積極拓展電子商務，為客戶服務，進行價值 鏈集成。 1.2 當今網上購物的發(fā)展現狀 1.2.1 選擇網上商城的原因 網上商城也是電子商務的一種典型應用。jsp 是構建電子商務系統的新興技術，采用 jsp 技術，可 以方便地將系統分離為三層：表示層、業(yè)務層及數據庫層。表示層向客戶的瀏覽器提供基于 web 的顯示 頁面；業(yè)務

18、層處理客戶購物過程；數據層則提供數據存儲。采用這種層次結構可以提高系統的擴展性和 服務器的效率，方便開發(fā)。 本設計只在滿足網上購物的基本功能，主要采用 jsp 技術，設計和開發(fā)開發(fā)了一個網上購物系統， 具有可靠性好、可擴展性和可重用性的特點。系統中采用多種設計模式來提高系統性能：采用前臺控制 器來方便地實現導航；采用復合視圖來向用戶提供 web 顯示，減少了視圖中代碼的重復；采用業(yè)務代表 降低各層之間的耦合；并在業(yè)務層中采用值對象來向表示層提供數據。系統以 mysql 數據庫管理系統作 為后臺數據庫， 應用于基于 b/s 模式的網上商城系統的設計與實現。 1.2.2 國內網上商城的現狀 在國內

19、的網上商城： (1)起步晚、數量卻非常多。雖然我國的網上商城起步的很晚，但是發(fā)展卻很迅速，根據某調查網 站上的數據可知，到目前具有網上商城的性質的網站達上萬之多，但是能夠真正滿足消費者購物要求的 卻不多。 (2) 支付和安全認證上的客觀技術原因，導致用戶完成電子商務交易變得相當復雜，使大部分用戶 還沒等交易完成就已經退避三舍了，所以開發(fā)一個安全又操作簡單的網上商城難度很大。 (3)由于很多網上商城商家一開始都想把自己的網站做到成亞馬遜那種境界，這導致很多網站只對 商城貨物的品種和數量上加以擴張，卻不對數據查詢技術加以改進，這使很多網站在用戶瀏覽的時候速 度很慢或者交易的過程中時間太長。 (4)

20、很多網上商城跟用戶的交流很少，開發(fā)出來的網站，卻不適合大部分用戶的要求。 1.2.3 現今網上交易存在的一些的問題 根據 cnnic 最新公布的第十二次互聯網調查結果顯示，用戶認為目前網上交易存在的 最大問題是商品質量、售后服務及廠商信用得不到保障和安全性得不到保障，分別達到 40%和 25%，兩者之和達到 65%。 據中國消費者協會投訴部有關人士介紹，近年來，網上購物過程中出現的各種“陷阱” 也已成為投訴的熱點。主要表現在三個方面：一是夸大其辭、虛假宣傳；二是違法提供有 獎銷售服務，利用巨額獎金或獎品誘惑消費者瀏覽其網站；三是不履行售后服務約定，對 網上售出的商品不承擔“三包”責任。誠信是網

21、上購物最值得關注的問題，營造寬松繁榮 的電子商務環(huán)境，必須通過立法解決諸如交易手段和誠信等問題。要建立網上交易誠信機 制，不是單靠評個誠信網站就能解決的，而是要在開展電子商務的機制上和社會配套上給 予解決。 第二章 項目構架分析與設計 2.1 物理構架 (1)網絡服務器操作系統：windows 7； (2)web 服務器：tomcat 6.0； (3)后臺數據庫系統：mysql； (4)jsp 運行環(huán)境：j2sdk 1.6。 2.2 邏輯構架 2.2.1 jsp+javabean+servlet 框架介紹 servlet+jsp+javabean(mvc)模式適合開發(fā)復雜的 web 應用，在這

22、種模式下，servlet 負責處理用戶請求，jsp 負責數據顯示，javabean 負責封裝數據。 servlet+jsp、javabean 模式程序各個模塊之間層次清晰，web 開發(fā)推薦采用此種模式。 jsp+javabean+servlet 三層結構的實質是比 jsp+javabean 兩層結構多了一個 controller：servlet 來分發(fā)客戶端瀏覽器的請求。如果把起控制器作用的 servlet 的作 用理解為對客戶端的請求進行預處理對理解 servlet 將有很大的幫助。通過 web.xml 配 置文件可以找到用戶請求和特定的 servlet 的對應關系，每個 servlet 都

23、有一個特定的 servlet 對象與之對應，所以說處理用戶請求的就是一個繼承自 httpservlet 的 servlet 對象。 當然也可以把這些處理操作完全寫在 jsp 程序中，不過這樣的 jsp 頁面可能就有成 百上千行，光看代碼就是一個頭疼的事情，更不用說修改了，這對以后的代碼維護增加 很大的難度，而且可能同樣的代碼會在一個頁面當中出現多次，這不但降低了代碼的可 讀性也降低了代碼的重用性。由此可見，通過 javabean 可以很好地實現邏輯的封裝、程 序的易于維護等等。 如果使用 jsp 開發(fā)程序，一個很好的習慣就是多使用 javabean。 其工作原理如圖 2-1 所示。 jdbc

24、http 請求 forward 設置 control 讀取 圖 2-1 三層架構的工作原理 客戶 servletview.jsp 數據庫 javabean 值 2.2.2 jsp 簡介 jsp(java server pages)技術使用 java 編程語言編寫類 xml 的 tags 和 scriptlets， 來封裝產生動態(tài)網頁的處理邏輯。網頁還能通過 tags 和 scriptlets 訪問存在于服務端的 資源的應用邏輯。jsp 將網頁邏輯與網頁設計和顯示分離，支持可重用的基于組件的設計， 使基于 web 的應用程序的開發(fā)變得迅速和容易。web 服務器在遇到訪問 jsp 網頁的請求時，

25、首先執(zhí)行其中的程序段，然后將執(zhí)行結果連同 jsp 文件中的 html 代碼一起返回給客戶。插 入的 java 程序段可以操作數據庫、重新定向網頁等，以實現建立動態(tài)網頁所需要的功能。 jsp 技術還有如下幾個優(yōu)點： (1)一次編寫，到處運行； (2)系統的多平臺支持； (3)強大的可伸縮性； (4)多樣化和功能強大的開發(fā)工具支持。 2.2.3 javabean 簡介 javabean 是 sun 微系統的一個面向對象的編程接口，它可以讓開發(fā)展建可重用應用 程序或能在網絡中任何主流操作系統平臺上配置的程序塊，稱作組件。用戶可以使用 javabean 將功能、處理、值、數據庫訪問和其他任何可以用 j

26、ava 代碼創(chuàng)造的對象進行打 包，并且其他的開發(fā)者可以通過內部的 jsp 頁面、servlet、其他 javabean、applet 程 序或者應用來使用這些對象。用戶可以認為 javabean 提供了一種隨時隨地的復制和粘貼 的功能，而不用關心任何改變。 2.3 開發(fā)工具 2.3.1 myeclipse 簡介 myeclipse 企業(yè)級工作平臺（myeclipse enterprise workbench ，簡稱 myeclipse） 是對 eclipse ide 的擴展，利用它可以在數據庫和 j2ee 的開發(fā)、發(fā)布，以及應用程序服務 器的整合方面極大地提高工作效率。它是功能豐富的 j2ee

27、 集成開發(fā)環(huán)境，包括了完備的編 碼、調試、測試和發(fā)布功能，完整支持 html、 struts、 jsf、 css、 javascript、 sql、 hibernate。 簡單而言，myeclipse 是 eclipse 的插件，也是一款功能強大的 j2ee 集成開發(fā)環(huán)境， 支持代碼編寫、配置、測試以及除錯。 2.3.2 tomcat6.0 簡介 tomcat 6.0 服務器是 apache 組織開發(fā)的一種 jsp 引擎，本身具有 web 服務器的功能， 可以作為獨立的 web 服務器來使用。tomcat 很受廣大程序員的喜歡，因為它運行時占用的 系統資源小，擴展性好，支持負載平衡與郵件服務等

28、開發(fā)應用系統常用的功能，而且它還 是一個免費開源的系統，任何一個感興趣的程序員都可以更改它或在其中加入新的功能。 在中小型系統和并發(fā)訪問用戶不是很多的場合下被普遍使用，是開發(fā)和調試 jsp 程序的首 選。但是，在作為 web 服務器方面，tomcat 出來靜態(tài) html 頁面時不如 apache 迅速，也沒 有 apache 健壯，所以一般將 tomcat 與 apache 配合使用，讓 apache 對網站的靜態(tài)頁面請 求提供服務，而 tomcat 作為專用的 jsp 引擎，提供 jsp 解析，以得到更好的性能。tomcat 是 java 程序，所以只要有 jdk 就可以使用，不需要考慮具體

29、的操作系統平臺。 2.3.3 mysql 簡介 mysql 是一個開放源碼的小型關聯式數據庫管理系統，開發(fā)者為瑞典 mysql ab 公司。 目前 mysql 被廣泛地應用在 internet 上的中小型網站中。由于其體積小、速度快、總體 擁有成本低，尤其是開放源碼這一特點，許多中小型網站為了降低網站總體擁有成本而 選擇了 mysql 作為網站數據庫。 與其他的大型數據庫例如 oracle、db2、sql server 等相比，mysql 自有它的不足之 處，如規(guī)模小、功能有限（mysqlcluster 的功能和效率都相對比較差）等，但是這絲毫 也沒有減少它受歡迎的程度。對于一般的個人使用者和

30、中小型企業(yè)來說，mysql 提供的功 能已經綽綽有余，而且由于 mysql 是開放源碼軟件，因此可以大大降低總體擁有成本。 目前 internet 上流行的網站構架方式是 lamp（linux+apache+mysql+php/perl/python）和 lnmp（linux+nginx+mysql+php/perl/python） ，即使用 linux 作為操作系統，apache 和 nginx 作為 web 服務器，mysql 作為數據庫，php/perl/python 作為服務器端腳本解釋器。 由于這四個軟件都是免費或開放源碼軟件（floss)，因此使用這種方式不用花一分錢 （除開人工成

31、本）就可以建立起一個穩(wěn)定、免費的網站系統。 2.3.4 ajax 技術簡介 ajax 的全稱是：asynchronousjavascriptxml，運用異步 javascript+xml，瀏覽器就 不必等用戶請求操作，也不必更新整個窗口就可以顯示新獲取的數據。只要來回傳送采用 xml 格式的數據，在瀏覽器里面運行的 javascript 代碼就可以與服務器進行聯系。 javascript 代碼還可以把樣式表加到檢索到的數據上，然后在現有網頁的某個部分加以顯 示。 ajax 是使用客戶端腳本與 web 服務器交換數據的 web 應用開發(fā)技術。這樣，web 頁面 不用打斷交互流程進行重新加裁，就可

32、以動態(tài)地更新。使用 ajax，用戶可以創(chuàng)建接近本地 桌面應用的直接、高可用、更豐富、更動態(tài)的 web 用戶界面。 第三章 需求分析 3.1 網站功能需求分析 3.1.1 用戶需求確定 1.普通用可以通過系統瀏覽商品(按類別)。 2.普通用戶可以通過系統搜索商品(按大類別、商品名稱)。 3.普通用戶可以通過注冊成為系統的會員(免費注冊)。 4.會員可以通過系統瀏覽和搜索商品。 5.會員可以通過系統下訂單。 6.會員可以瀏覽自己以前的訂單。 7.會員可以通過系統管理自己的信息 重設密碼 8.管理員可以通過后臺進行會員管理 會員瀏覽； 會員歷史訂單瀏覽。 9.管理員通過后臺進行商品分類的管理 瀏覽、

33、添加、刪除、修改商品種類。 12.管理員通過后臺進行商品管理 新增商品； 商品刪除； 商品信息修改； 商品檢索。 13.管理員通過后臺進行訂單的管理 訂單查詢； 修改訂單狀態(tài)。 3.1.2 系統業(yè)務邏輯需求分析 1.會員類 包裝會員信息； 與訂單類是一對多的關系。 2.管理員類 封裝系統管理員。 3.商品類 包裝商品的信息； 與訂單類是多對多的關系。 4.商品類別類 包裝商品的類別； 與商品是一對多的關系。 5.訂單類 與商品是多對多的關系； 與會員是多對一的關系。 6.訂單明細類 包裝訂單中商品的信息； 與訂單是多對一的關系。 3.2 數據需求分析 3.2.1 數據庫需求分析 數據庫的設計通

34、常是以一個已經存在的數據庫管理系統為基礎的，常用的數據庫管理 系統有 access、sql server、oracle 等。根據用戶的需求和系統分析，本系統采用 mysql 數據庫管理系統。在 mysql 數據庫管理系統中建立名稱為 myshopping 的數據庫。這個數據 庫需要提供各種信息的保存、更新和查詢，這就要求數據庫結構充分滿足各種信息的輸出 和輸入。搜集基本數據、數據結構和數據處理的流程，組成一個詳盡的數據字典，為后面 的具體設計打下基礎。 在 myshopping 的數據庫中，根據項目的需求建立相應的數據表，如下： 1、user（會員信息表） ，包括數據項：用戶 id，郵箱，密碼

35、，聯系方式等； 2、product（ 商品信息表） ，包括數據項：商品編號，商品名稱，商品描述，商品價 格，商品上架日期，商品所屬種類，商品數量，商品圖片所在地址等； 3、category（商品類別類） ，包括數據項：類別 id(自動編號)，類別名稱，類別等級， 上級種類 id； 4、adminer(管理員類)，類別 id、用戶名、密碼； 5、salesitem（訂單信息明細表） ，包括數據項：編號，商品編號，單價，數量，訂單 編號等。 6、salesorder（訂單信息主表） ，包括數據項：訂單編號，用戶編號，訂單標識符 （是否已發(fā)貨） ，商品總價等； 3.3 技術解決方案需求分析 (1)

36、webserver tomcat 6.0； (2) database mysql； (3) 開發(fā)環(huán)境 myeclipse 8.5。 第四章 總體設計 4.1 數據庫 myshopping 設計 本設計的數據庫名字為 myshopping，此數據庫中總共有六張表分別為：category(商 品種類信息表)、adminer(管理員信息表)、salesitem(訂單明細表)、salesorder(訂單信 息主表)、user(會員信息表)、product(商品信息表)。 4.1.1 商品種類信息表（category）的設計 表 4-1 category 表 列名數據類型長度是否空描述 idint11

37、否類別 id(自動編號)，主鍵 namevarchar255 否種類名 gradeint11 否 種類級別 descrvarchar255 是 種類描述 pidint11 否 上一級種類 id 4.1.2 管理員信息表（adminer）的設計 表 4-2 adminer 表 列名數據類型長度是否空描述 idint11 否類別 id(自動編號)，主鍵 usernamevarchart40 否用戶名 passwordvarchar32 否 密碼 4.1.3 訂單明細表（salesitem）的設計 表 4-3 salesitem 表 列名數據類型長度是否空描述 idint11 否id 號，主鍵 or

38、deridint11 否與 salesorder 表的 orderid 字段關聯 productidint11 否商品 id priceint11 否價格 pcountfloat0 否數量 4.1.4 訂單信息主表（salesorder）的設計 表 4-4 salesorder 用戶表 列名數據類型長度是否空描述 orderidint11 否訂單編號，主鍵 useridint11 否用戶 id totalpricefloat0 否商品總價 odatedatetime0 否訂單添加時間 finishedint11 否 訂單發(fā)貨標識符 4.1.5 會員信息表（user）的設計 表 4-5 user

39、 表 列名數據類型長度是否空描述 idint11 否會員 id 號，主鍵 usernamevarchar40 否用戶名 passwordvarchar32 否密碼 cityvarchar32 否所在城市 streetvarchar64 否所住地街道 phonevarchar40 否手機電話 emailvarchar20 否e-mail 地址 homephonevarchar20 否家庭電話 provincevarchar32 否所在省 4.1.6 商品信息表（product）的設計 表 4-6 product 表 列名數據類型長度是否空描述 idint11 否商品 id，主鍵 category

40、idint11 否類別 id namevarchar255 否商品名稱 descrvarchar255 否商品簡介 normalpriceint11 否原價 memberpriceint11 否會員價 photovarchar255 否圖片文件 pdatedatetime0 否錄入時間 numint11 否數量 4.2 前臺設計 4.2.1 前臺功能介紹 當用戶進入到本系統的主頁后，用戶可以自由的瀏覽商品信息和搜索商品。當用戶需 要購買商品時，用戶需要先進行注冊，注冊后再登錄，然后再把選中的商品添加到購物車 當中，最后交易生成訂單。 當用戶進入首頁時，需登錄才能查看購物車以及訂單詳情。否則，將

41、進入登陸界面。 4.2.2 前臺購物的流程圖 用戶在網上商城購物的整個購物流程如下圖 4-1 所示。 沒注冊 沒登陸 圖 4-1 網站購物與交易處理流程 4.3 后臺設計 用戶注冊 用戶登錄 進入網站首頁 查看購物車成功添加 訂單查看 結算 繼續(xù)購買 生成訂單 瀏覽商品 添加到購物車 商品搜索 繼續(xù)購買 修改數量 刪除所選商品 4.3.1 購便宜網上購物商城后臺功能介紹 在后臺，管理員通過用戶名和口令進行登錄，在后臺管理員可以對商品的類別加以 管理：瀏覽類別、添加類別、刪除類別以及修改類別信息；可以對商品的管理：瀏覽商 品、添加商品及修改商品信息；對用戶的管理：查看注冊的用戶；對訂單的管理：查

42、看 訂單、以及對訂單處理等功能。 4.3.2 購便宜商城后臺的操作流程圖 管理員在后臺進行管理的整個操作流程如下圖 4-2 所示。 圖 4-2 網站購物與交易處理流程 第五章 界面設計 5.1 用戶注冊 5.1.1 界面 管理員登錄 進入后臺管理的界面 那 用戶管理 商品類別 管理 商品管理訂單管理 用戶瀏覽 類別瀏覽 類別刪除 類別修改 類別增加 商品修改 商品刪除 商品增加 商品瀏覽 訂單詳情瀏覽 訂單瀏覽 訂單發(fā)貨 當進入注冊界面，需填寫注冊所需的用戶名、密碼、確認密碼、聯系電話、送貨地 址等信息，如果郵箱已被注冊，提示該郵箱已被注冊；如果點擊注冊時，有空的地方沒 有填寫，將彈出相應的提

43、示信息。都輸入完成之后可以單擊“提交”按鈕進行注冊，具 體效果如圖 5-1-1 所示。 注冊成功后頁面如下：如果點擊登錄鏈接將跳入到登陸界面，如果不點擊，3 秒鐘后將自 動跳入到登陸界面： 圖 5-1-1 5.1.2 流程圖 主頁點擊注冊按鈕填寫注冊信息返回登錄注冊 圖 5-1-2 5.2 用戶登錄 5.2.1 界面 (1)首先可以在主頁的左上方進行登錄，需填入會員名和密碼點擊登錄按鈕進行登錄， 登錄成功自動跳入首頁，具體效果如圖 5-2-1 所示： 如果填寫錯誤，將跳入到錯誤頁面，如下圖，點擊返回跳入到登陸界面。 圖 5-2-1 5.2.2 流程圖 注冊成功返回主頁登陸登錄成功自由購物 圖

44、5-2-2 5.3 用戶登錄 5.3.1 界面 (1)當用戶在專門的登錄頁面登錄成功之后頁面自動跳轉到前臺首頁，登陸后，由于注冊時， 密碼采用 md5 技術對密碼進行加密，所以用戶不能修改密碼，用戶只可以重設自己的密碼， 如下圖所示： 圖 5-3-1 (2)登陸成功后，用戶也可以通過點擊最上面的我的訂單，查看以前的夠買訂單，可以點 擊詳細信息按鈕查看該訂單中所有的商品信息，具體效果如圖 5-3-2 所示： 圖 5-3-2 (5)登陸成功后，用戶也可以通過點擊最上面的購物車，查看登錄成功后選中的物品， 點擊刪除按鈕可以對購物車中商品進行刪除，點擊繼續(xù)購買返回首頁，點擊下訂單，頁 面跳轉到下訂單頁

45、面，具體效果如圖 5-3-3 所示： 商品數量可以進行修改，如果數量修改后超過商品總量將彈出提示信息。 修改完數量后，點擊更新購物車，可以對購物車進行更新。如果數量為空，將彈出提示 信息，如下圖： 圖 5-3-3 5.3.2 流程圖 注冊成功返回主頁登陸登錄成功自由購物 圖 5-3-6 5.4 查看商品信息 5.4.1 界面 進入首頁后，用戶可以根據菜單欄選擇自己想要選擇的商品，首頁中間為商品所有 種類，再下面是最新上架的商品，可以選擇它進行夠買，首頁具體效果如圖 5-4-1 所示： 圖 5-4-1 5.4.2 流程圖 商品瀏覽登錄成功查看商品詳情 圖 5-4-2 5.5 商品搜索 5.5.1

46、 界面 當主頁的商品不能滿足用戶的要求時，用戶可以在主頁進行商品搜索（關鍵字搜索） ， 搜索結果如圖 5-5-1 所示： 圖 5-5-1 5.5.2 流程圖 商品搜索登錄成功查看商品詳情 圖 5-5-2 5.6 購物車 5.6.1 界面 當在主頁瀏覽貨物過程中看中了自己喜歡的商品，可以單擊圖片或者單擊圖片下“詳 情”查看該件商品的詳細信息(商品名稱、圖片、描述、價格)，具體效果如圖 5-6-1 所示： 圖 5-6-1 了解了商品詳情之后，如果確定要買此商品可以單擊“添加到購物車”把商品添加到 自己的購物車，在購物車頁面用戶也可以修改您要購買物品的數量，具體效果如圖 5-6-2 所示： 圖 5-

47、6-2 5.6.2 流程圖 圖 5-6- 查看商品詳情添加購物車修改購買數量確認訂單 3 5.7 生成訂單 5.7.1 界面 (1)當完成所有的貨物選擇之后，就可以在購物車頁面單擊“確認訂單”按鈕進入訂單 信息確認界面以及對所買商品進行結算，具體效果如圖 5-7-1 所示： 圖 5-7-1 5.7.2 流程圖 圖 5-7-3 確認訂單結算商品總價格確認送貨信息確認支付 5.8 后臺管理 5.8.1 界面 （1）首先進入后臺管理的登錄頁面，填寫管理員的用戶名和密碼單擊“登錄”按鈕可進 入后臺進行管理，具體效果如圖 5-8-1 所示： 圖 5-8-1 （2）當用戶名和密碼登錄無誤，管理員可成功將納

48、入后臺的主界面，在主界面可 以別對用戶、商品類別、商品信息、訂單以及報表的管理，具體效果如圖 5-8-2 所示： 圖 5-8-2 （3）首先是用戶管理模塊，在用戶管理中可以對所有注冊的用戶用戶進行瀏覽，具 體效果如圖 5-8-3 所示： 圖 5-8-3 （4）在類別管理模塊中，管理員可以對商品的類別進行瀏覽（分別可以表格展示和 樹狀形式的展示） 、添加類別、刪除刪除類別、修改類別信息，具體效果如下圖所示： 瀏覽產品種類頁面，通過點擊一級菜單和二級菜單按鈕，可分別查看商品種類內容。 點擊新增按鈕可以添加商品種類。 點擊確定按鈕將直接保存。如果填寫的內容中有空的，將彈出相應的提示信息。如果填 寫內

49、容都不為空，將直接保存。 點擊編輯按鈕可以對商品種類進行修改,點擊確定按鈕將直接修改。如果填寫的內容中有 空的，將彈出相應的提示信息。如果填寫內容都不為空，將直接修改。 點擊刪除按鈕可以對該種類下商品種類及商品全部刪除。如果點擊一級菜單后刪除，如 果該一級菜單下面還有二級菜單及商品，刪除將提醒是否刪除。如下圖： 如果點擊確認按鈕，將把該種類及下面的二級種類及下面的所有商品刪除，商品也將從 服務器上直接刪除。 （5）在商品管理模塊中，管理員可以對商品信息進行瀏覽、修改信息、刪除商品， 具體效果如下圖所示： 點擊左側產品管理可以查看所有產品信息。也可以通過點擊查詢按鈕，對產品進行級聯 查詢（根據產

50、品名稱和種類一起查詢，名稱查詢?yōu)槟：樵儯?。 點擊新增按鈕可以對商品進行增加，其中可以對產品的圖片進行上傳，產品圖片將直接 上傳到服務器上，如下圖。 另外，需要注意的是：商品新增時，價格及商品數量只能輸入數字，中文及拼音將被 屏蔽，商品圖片也只能上傳相應的圖片格式，內容都填寫完整后（如果有空的地方沒填 寫，點擊確定時將彈出相應的提示信息） ，點擊確定按鈕將保存成功，彈出保存成功，并 刷新當前頁面，點擊取消，彈出框將關閉。如下圖： 點擊編輯按鈕可以對商品進行修改，修改時，上級菜單我設置為不能修改，另外，需要 注意的是：商品修改時，價格及商品數量只能輸入數字，中文及拼音將被屏蔽，商品圖 片也只能

51、上傳相應的圖片格式，內容都填寫完整后（如果有空的地方沒填寫，點擊確定 時將彈出相應的提示信息） ，點擊確定按鈕將修改成功，彈出修改成功，并刷新當前頁面， 點擊取消，彈出框將關閉?？梢詫ι唐返膱D片也進行修改，修改之后原來的圖片將在服 務器上被刪除，被新的替換掉。 點擊刪除按鈕可以對商品進行刪除，可以選擇刪除，也可以全選刪除，刪除商品是如果 商品已經在訂單中使用過，將提醒你該商品不能刪除。 （6）管理員也可以進入訂單管理的模塊，在訂單管理中，管理員可查看所有的訂單，以 及訂單的明細，再根據現在目前的庫存情況對訂單進行處理，訂單管理中有未發(fā)貨和已 發(fā)貨兩種查看方式，在未發(fā)貨中選擇相應的行（如果不選擇

52、，將彈出提示信息） ，然后點 擊發(fā)貨，將彈出發(fā)貨成功，該訂單將可以在已發(fā)貨訂單信息中查看，點擊訂單中的詳細， 將可以對訂單中的訂單詳情進行查看，具體效果如圖 5-8-7 所示： 圖 5-8-7 5.8.2 流程圖 后臺管理的整個流程圖如下圖 5-8-10 所示： 圖 5-8-10 第六章 開發(fā)環(huán)境配置說明 6.1 開發(fā)環(huán)境配置 本人在設計的過程中，需要搭建一個普通 web 開發(fā)環(huán)境，具體的環(huán)境配置如下： 第一步：到官方網站下載 jdk1.6、tomcat6.0、mysql 軟件，以及 navicat premium 管 理組件等軟件。 第二步：安裝 jdk 和配置環(huán)境變量和 tomcat6.0

53、 1.安裝 j2se 的 jdk1.6 以后，需要配置一下環(huán)境變量，在我的電腦-屬性-高級-環(huán) 境變量-系統變量中添加以下環(huán)境變量： java_home=d:javajdk1.6.0_30 classpath= .;%java_home%lib;%java_home%libtools.jar;（.;一定不能少，因為 它表示當前路徑) path= %java_home%bin; 如圖 6-1 所示： 管 理 員 登 錄 用戶管理 商品類別管理 商品管理 訂單管理 瀏覽 瀏覽、添加、刪除、修改、添加商品種類 瀏覽、添加、刪除、修改商品 瀏覽、訂單處理 圖 6-1 接著可以寫一個簡單的啟動 ms-d

54、os 窗口來測試 j2sdk 是否已安裝成功，點擊-開始- 運行-輸入 cmd-點擊確定。在 dos 窗口中輸入 javac,按鍵，系統會輸出 javac 命 令的使用幫助信息，如下圖 6-2 所示。這說明 jdk 配置成功，否則需要檢查上面各步驟的 配置是否正確。 圖 6-2 接著可以啟動 tomcat，在 ie 中訪問 http:/localhost:8080，如果看到 tomcat 的歡 迎頁面的話說明安裝成功了。 第三步：安裝 mysql 在安裝 mysql 的過程后，要安裝 navicat premium 這個軟件，它相當于數據庫的一個 圖形界面工具，可以查看數據庫中的所有數據庫及表

55、的信息。 第三步：安裝 myeclips8.5 雙擊 myeclips8.5 可以進行安裝，選擇適當路徑進行安裝。等待安裝完成之后，啟動 myeclipse 之后必須設置的兩項是設置 java 的 jdk 路徑和服務器（tomcat6.0）路徑。當 啟動完成之后，新建一個 web 項目，命名為 myshopping。 第七章 開發(fā)與測試 7.1 開發(fā)流程 本人在設計的過程中，采用循序漸進的方式進行開發(fā)，為使開發(fā)的過程是一個循序漸 進的過程，為此本人按如下步驟進行開發(fā)： 完成數據庫 myshopping 的設計。 完成用戶注冊模塊。 完成用戶登錄模塊以及自服務功能(用戶信息修改)，從而驗證用戶注

56、冊模塊。 轉入后臺設計。首先完成對用戶管理模塊(增刪改查等功能)，再完成對類別的管理 模塊。 完成對商品信息的管理模塊，可以對上一步驟的驗證。 再轉入前臺設計。在前臺主頁展現后臺所添加的類別和商品，以供用戶瀏覽。 完成商品購物模塊。包括購物車、訂單產生等模塊。 查看用下過的訂單模塊。 再轉入后臺設計。完成后臺管理的對訂單管理的模塊。 完成后臺對商品銷售情況的分析模塊。 整個系統在功能模塊基本完成了之后，最后的任務就是給系統界面的美化，使所有 的頁面變的美觀，以及對代碼的完善和最后綜合測試。 7.2 測試 由于開發(fā)的方式是采用的螺旋遞增的方式進行開發(fā)的，所以在測試的過程也同樣采用 螺旋遞增的方式

57、進行測試即：開發(fā)測試開發(fā)測試。也就是在開發(fā)的過程之中伴隨 著測試，測試的同時也是為下一個模塊的開發(fā)做鋪墊，這樣不但可以提高開發(fā)的效率，同 時也可以在開發(fā)的過程中及時發(fā)現錯誤，避免了那種瀑布型開發(fā)模式的不足，在整個系統 開發(fā)完畢再去測試，給最后的測試帶來了很大的困難。 在整個設計的過程中，本人感觸最深的就是測試的重要性還有前期準備工作的重要性。 不重視測試，若是老想著把所有工作做完后再去測試，結果總是很不理想。因為如果不 及時進行測試，當把所有的代碼都寫完的時候才去測試，結果發(fā)現很多錯誤出現的具體 位置在哪，這增加了測試的難度。 第八章 所用技巧及難點分析 8.1 所用技巧 (1).彈出框彈出框

58、 lhgdialog。 本項目很多地方都用到了彈出框，如前臺首頁的重設密碼，后臺的新增，修改商品種類， 新增，修改商品時使用到了彈出框。 ihgdialog 介紹：介紹： lhgdialog 是一個功能強大且兼容面廣的對話框組件，它擁有精致的界面與友好的接 口?；诰W絡訪問并且兼容 ie 6.0+,firefox 3.0+,opera 9.6+,chrome 1.0+,safari 3.22+。相對于網上其它彈出窗口插件主要功能是提示信息來說，本插件主要是用來制作 窗口中內容較多，頁面比較復雜的窗口。本插件的窗口內容面主要是以嵌入 iframe 框架 為主，內容頁為一個單獨的頁面。這樣就可以更

59、方便的管理內容頁，頁面的樣式也不受 其它頁面的影響，而且內容頁可以是靜態(tài)或動態(tài)的任何一種文件。 由于本插件主要是用來制作大型的窗口，頁面和窗口間的交互肯定會非常頻繁，所 以本插件提供了豐富的交互控制接口，可以非常方便的進行頁面間的數據的傳輸。 由于本插件所需的 lhgcore.min.js 庫文件就相當于一個精簡的 jquery 庫，所以本插件 的代碼的書寫方式和 jq 的一樣精簡。如果您想把 它做的 jq 的插件，只要在頁面引入 jquery 的庫（此時不再需要引入 lhgcore.min.js 庫文件） ，代碼作一下非常簡單的修改 即可。 無論你把窗口插件放在哪里，你都不需要擔心會被外層的

60、 frameset 或 iframe 所遮擋進 而影響客戶體驗，lhgdialog 窗口插件是可以跨 無限級 框架顯示的，lhgdialog 采用九 宮格的 xhtml 結構，css 類鉤子比較豐富，可以定制類似桌面軟件般精致的皮膚。. (2).jgrid 表格插件使用表格插件使用 jqgrid 是一個用來顯示網格數據的 jquery 插件,本項目中后臺的所有表格都是采用 jgrid 表格，jgrid 好用的原因時它封裝了好多的 js 方法，這樣你不用再自己寫 js 了， 所有開發(fā)速度也快了。 jqgrid 介紹：介紹： jqgrid 是一個在 jquery 基礎上做的一個表格控件，以 aja