畢業(yè)論文--基于java的網(wǎng)上商城系統(tǒng)的設(shè)計與實現(xiàn)

1、<p><b>　　畢業(yè)設(shè)計（論文） </b></p><p>　　題 目 購便宜購物商城 </p><p>　　系 別 計算機工程系 </p><p>　　專 業(yè) 計算機科學(xué)與技術(shù) </p><p>　　班 級

2、 </p><p>　　姓 名 </p><p>　　指導(dǎo)教師 </p><p>　　下達日期 年 月 日</p><p>　　設(shè)計時間自 年 月 日 至 年 月 日（宋體3號）</p><p>　　基

3、于Java的網(wǎng)上商城系統(tǒng)的設(shè)計與實現(xiàn)</p><p><b>　　摘 要</b></p><p>　　伴隨著internet的蓬勃發(fā)展，電子商務(wù)也取得了突飛猛進的發(fā)展。電子商務(wù)是在互聯(lián)網(wǎng)開放環(huán)境下，基于瀏覽器/服務(wù)器應(yīng)用方式，實現(xiàn)消費者的網(wǎng)上購物、商戶之間的網(wǎng)上交易和在線電子支付的一種新型的商業(yè)運作模式。不同領(lǐng)域的電子商務(wù)網(wǎng)站的建立，給人們的生活帶來了巨大的影響。 本

4、論文就此網(wǎng)上購物系統(tǒng)進行了詳細全面的論述。</p><p>　　網(wǎng)上購物商城系統(tǒng)是一個B/S結(jié)構(gòu)的信息管理系統(tǒng),開發(fā)主要包括前臺頁面顯示層，后臺數(shù)據(jù)庫持久層，和基于JavaBean封裝的業(yè)務(wù)邏輯層。 </p><p>　　網(wǎng)上商城系統(tǒng)共分兩個部分:前臺用戶部分和后臺管理部份。在前臺用戶部分中,包括用戶在線注冊、用戶在線登錄、瀏覽商品、查詢商品信息、購物車管理、訂單查看、訂購商品等操作

5、;后臺管理部分包括:客戶的管理、商品種類的管理、商品信息的管理、用戶訂單的管理。 作為一個購物系統(tǒng),系統(tǒng)的安全性和實現(xiàn)購物的方便性是很重要的,在安全性方面,系統(tǒng)主要考慮了數(shù)據(jù)存儲的安全性,以及用了用戶注冊和密碼等措施,如用戶注冊時,對用戶密碼試用md5技術(shù)進行加密處理。另外，系統(tǒng)用到的主要技術(shù)有JSP+servlet,AJAX和JavaBean,系統(tǒng)采用MySQL來設(shè)計數(shù)據(jù)庫，使用MyEclipse開發(fā)平臺。 </p>&

6、lt;p>　　本文主要介紹了JavaBean+JSP+servlet系統(tǒng)的一般原理；闡述了整個頁面生成的結(jié)構(gòu)及工作原理；分析了系統(tǒng)實現(xiàn)中的難點和重點；設(shè)計實現(xiàn)了用戶注冊/登錄、查詢、購買；實現(xiàn)了管理員對后臺的系統(tǒng)管理；分析并解決了實現(xiàn)中的若干技術(shù)問題。</p><p>　　關(guān)鍵詞：購物系統(tǒng)；JSP+servlet；mysql；javaBean；web項目</p><p>　　Desi

7、gn and implementation of online mall based on Java</p><p><b>　　Abstract</b></p><p>　　Accompanying with the development of Internet, E-commerce also has obtained the development

8、which progresses by leaps and bounds.Electronic commerce is the Internet open environment,Based on the browser/server application mode,Realize consumer online shopping,Online transactions between merchants and online ele

9、ctronic payment of a new type of commercial operation mode.The establishment of the different areas of e-commerce sites,brought huge influence to people's life.This paper on the online sho</p><p>　　Onlin

10、e 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

11、 layer.</p><p>　　Online 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

12、 online commodities, query information, shopping cart management, order review, ordering goods, etc; Background management part includes: the customer management, product types of order management, commodity information

13、management, user management. As a shopping system, system security and realize the conveni</p><p>　　This article mainly introduced the JSP + JavaBean + servlet general principle; Expounds the structure and w

14、orking principle of the entire page generation, Analyses the emphasis and difficulty in system implementation; Design realizes the user registration/login, query, purchase; Realize the administrator of the background sys

15、tem management; Analyze and solve some technical problems in implementation.</p><p>　　Key words: online shopping mall;JSP+Servlet;MySQL;javaBean;Web applications</p><p><b>　　目錄</b>&l

16、t;/p><p>　　AbstractIII</p><p><b>　　第一章 引言1</b></p><p>　　1.1 選題意義1</p><p>　　1.2.1 選擇網(wǎng)上商城的原因1</p><p>　　1.2.2 國內(nèi)網(wǎng)上商城的現(xiàn)狀1</p><p>

17、;　　1.2.3 現(xiàn)今網(wǎng)上交易存在的一些的問題1</p><p>　　第二章 項目構(gòu)架分析與設(shè)計2</p><p>　　2.1 物理構(gòu)架2</p><p>　　2.2 邏輯構(gòu)架2</p><p>　　2.2.1 JSP+JavaBean+Servlet框架介紹2</p><p>　　2.2.2 J

18、SP簡介2</p><p>　　2.2.3 JavaBean簡介3</p><p>　　2.3 開發(fā)工具3</p><p>　　2.3.1 Myeclipse簡介3</p><p>　　2.3.2 TOMCAT6.0簡介3</p><p>　　2.3.3 mysql簡介3</p>&

19、lt;p>　　2.3.4 AJAX技術(shù)簡介3</p><p>　　第三章 需求分析5</p><p>　　3.1 網(wǎng)站功能需求分析5</p><p>　　3.1.1 用戶需求確定5</p><p>　　3.2 數(shù)據(jù)需求分析6</p><p>　　3.2.1 數(shù)據(jù)庫需求分析6</p&g

20、t;<p>　　3.3 技術(shù)解決方案需求分析6</p><p>　　第四章 總體設(shè)計7</p><p>　　4.1 數(shù)據(jù)庫myshopping設(shè)計7</p><p>　　4.1.1 商品種類信息表（category）的設(shè)計7</p><p>　　4.1.2 管理員信息表（adminer）的設(shè)計7</p&

21、gt;<p>　　4.1.3 訂單明細表（salesitem）的設(shè)計7</p><p>　　4.1.4 訂單信息主表（salesorder）的設(shè)計8</p><p>　　4.1.5 會員信息表（user）的設(shè)計8</p><p>　　4.1.6 商品信息表（product）的設(shè)計8</p><p>　　4.2

22、前臺設(shè)計9</p><p>　　4.2.1 前臺功能介紹9</p><p>　　4.2.2 前臺購物的流程圖9</p><p>　　4.3 后臺設(shè)計9</p><p>　　4.3.1 購便宜網(wǎng)上購物商城后臺功能介紹9</p><p>　　4.3.2 購便宜商城后臺的操作流程圖10</p>

23、<p>　　第五章 界面設(shè)計10</p><p>　　5.1 用戶注冊10</p><p>　　5.1.1 界面10</p><p>　　5.1.2 流程圖11</p><p>　　5.2 用戶登錄11</p><p>　　5.2.1 界面11</p><p&g

24、t;　　5.2.2 流程圖12</p><p>　　5.3 用戶登錄12</p><p>　　5.3.1 界面12</p><p>　　5.3.2 流程圖15</p><p>　　5.4 查看商品信息15</p><p>　　5.4.1 界面15</p><p>　　5.

25、4.2 流程圖16</p><p>　　5.5 商品搜索16</p><p>　　5.5.1 界面16</p><p>　　5.5.2 流程圖17</p><p>　　5.6 購物車17</p><p>　　5.6.1 界面17</p><p>　　5.6.2 流程圖

26、18</p><p>　　5.7 生成訂單18</p><p>　　5.7.1 界面18</p><p>　　5.7.2 流程圖18</p><p>　　5.8 后臺管理19</p><p>　　5.8.1 界面19</p><p>　　5.8.2 流程圖25</p

27、><p>　　第六章 開發(fā)環(huán)境配置說明26</p><p>　　6.1 開發(fā)環(huán)境配置26</p><p>　　第七章 開發(fā)與測試28</p><p>　　7.1 開發(fā)流程28</p><p>　　7.2 測試29</p><p>　　第八章 所用技巧及難點分析29</p

28、><p>　　8.1 所用技巧29</p><p>　　8.2 難點分析30</p><p>　　8.2.1 分頁30</p><p>　　9.1 總結(jié)36</p><p>　　9.2 展望37</p><p><b>　　致 謝37</b></p&g

29、t;<p><b>　　參考文獻38</b></p><p><b>　　第一章 引言</b></p><p>　　隨著全球信息網(wǎng)絡(luò)的發(fā)展，Internet在世界上已不僅僅是一種技術(shù)，更重要的是它已成為一種新的經(jīng)營模式，徹底改變了人類工作，學(xué)習(xí)，生活，娛樂的方式，已成為國家經(jīng)濟和區(qū)域經(jīng)濟增長的主要動力。Internet正成為世界

30、最大的公共資料信息庫，它包含無數(shù)的信息資源，所有最新的信息都可以通過網(wǎng)絡(luò)搜索獲得。更重要的是，大部分信息都是免費的，應(yīng)用電子商務(wù)可使企業(yè)獲得在傳統(tǒng)模式下所無法獲得的巨量商業(yè)信息，在激烈的市場競爭中領(lǐng)先對手。因此，本設(shè)計是通過JSP語言來實現(xiàn)，一個基于B/S模式三層結(jié)構(gòu)的JSP網(wǎng)上購物網(wǎng)站網(wǎng)站。</p><p><b>　　1.1 選題意義</b></p><p>　

31、　網(wǎng)上商城的出現(xiàn)和發(fā)展給人們的購物帶來了全新的改變，它不但使整個購物的性質(zhì)和方式發(fā)生了翻天覆地的變化，而且也使人們整個購物流程變得高效而便捷。網(wǎng)上商城交易的個性化、自由化可為企業(yè)創(chuàng)造無限商機，降低成本，同時可以更好地建立同客戶、經(jīng)銷商及合作伙伴的關(guān)系，為此，許多公司積極拓展電子商務(wù)，為客戶服務(wù)，進行價值鏈集成。</p><p>　　1.2 當(dāng)今網(wǎng)上購物的發(fā)展現(xiàn)狀</p><p>　　1.

32、2.1 選擇網(wǎng)上商城的原因</p><p>　　網(wǎng)上商城也是電子商務(wù)的一種典型應(yīng)用。JSP是構(gòu)建電子商務(wù)系統(tǒng)的新興技術(shù)，采用JSP技術(shù)，可以方便地將系統(tǒng)分離為三層：表示層、業(yè)務(wù)層及數(shù)據(jù)庫層。表示層向客戶的瀏覽器提供基于Web的顯示頁面；業(yè)務(wù)層處理客戶購物過程；數(shù)據(jù)層則提供數(shù)據(jù)存儲。采用這種層次結(jié)構(gòu)可以提高系統(tǒng)的擴展性和服務(wù)器的效率，方便開發(fā)。</p><p>　　本設(shè)計只在滿足網(wǎng)上購物的

33、基本功能，主要采用JSP技術(shù)，設(shè)計和開發(fā)開發(fā)了一個網(wǎng)上購物系統(tǒng)，具有可靠性好、可擴展性和可重用性的特點。系統(tǒng)中采用多種設(shè)計模式來提高系統(tǒng)性能：采用前臺控制器來方便地實現(xiàn)導(dǎo)航；采用復(fù)合視圖來向用戶提供Web顯示，減少了視圖中代碼的重復(fù)；采用業(yè)務(wù)代表降低各層之間的耦合；并在業(yè)務(wù)層中采用值對象來向表示層提供數(shù)據(jù)。系統(tǒng)以mysql數(shù)據(jù)庫管理系統(tǒng)作為后臺數(shù)據(jù)庫， 應(yīng)用于基于B/S模式的網(wǎng)上商城系統(tǒng)的設(shè)計與實現(xiàn)。</p><p&

34、gt;　　1.2.2 國內(nèi)網(wǎng)上商城的現(xiàn)狀</p><p><b>　　在國內(nèi)的網(wǎng)上商城：</b></p><p>　　(1)起步晚、數(shù)量卻非常多。雖然我國的網(wǎng)上商城起步的很晚，但是發(fā)展卻很迅速，根據(jù)某調(diào)查網(wǎng)站上的數(shù)據(jù)可知，到目前具有網(wǎng)上商城的性質(zhì)的網(wǎng)站達上萬之多，但是能夠真正滿足消費者購物要求的卻不多。</p><p>　　(2) 支付和安全

35、認(rèn)證上的客觀技術(shù)原因，導(dǎo)致用戶完成電子商務(wù)交易變得相當(dāng)復(fù)雜，使大部分用戶還沒等交易完成就已經(jīng)退避三舍了，所以開發(fā)一個安全又操作簡單的網(wǎng)上商城難度很大。</p><p>　　(3)由于很多網(wǎng)上商城商家一開始都想把自己的網(wǎng)站做到成亞馬遜那種境界，這導(dǎo)致很多網(wǎng)站只對商城貨物的品種和數(shù)量上加以擴張，卻不對數(shù)據(jù)查詢技術(shù)加以改進，這使很多網(wǎng)站在用戶瀏覽的時候速度很慢或者交易的過程中時間太長。</p><p

36、>　　(4)很多網(wǎng)上商城跟用戶的交流很少，開發(fā)出來的網(wǎng)站，卻不適合大部分用戶的要求。</p><p>　　1.2.3 現(xiàn)今網(wǎng)上交易存在的一些的問題</p><p>　　根據(jù)CNNIC最新公布的第十二次互聯(lián)網(wǎng)調(diào)查結(jié)果顯示，用戶認(rèn)為目前網(wǎng)上交易存在的最大問題是商品質(zhì)量、售后服務(wù)及廠商信用得不到保障和安全性得不到保障，分別達到40%和25%，兩者之和達到65%。</p>&

37、lt;p>　　據(jù)中國消費者協(xié)會投訴部有關(guān)人士介紹，近年來，網(wǎng)上購物過程中出現(xiàn)的各種“陷阱”也已成為投訴的熱點。主要表現(xiàn)在三個方面：一是夸大其辭、虛假宣傳；二是違法提供有獎銷售服務(wù)，利用巨額獎金或獎品誘惑消費者瀏覽其網(wǎng)站；三是不履行售后服務(wù)約定，對網(wǎng)上售出的商品不承擔(dān)“三包”責(zé)任。誠信是網(wǎng)上購物最值得關(guān)注的問題，營造寬松繁榮的電子商務(wù)環(huán)境，必須通過立法解決諸如交易手段和誠信等問題。要建立網(wǎng)上交易誠信機制，不是單靠評個誠信網(wǎng)站就能解決

38、的，而是要在開展電子商務(wù)的機制上和社會配套上給予解決。</p><p>　　第二章 項目構(gòu)架分析與設(shè)計</p><p><b>　　2.1 物理構(gòu)架</b></p><p>　　(1)網(wǎng)絡(luò)服務(wù)器操作系統(tǒng)：Windows 7；</p><p>　　(2)Web服務(wù)器：Tomcat 6.0；</p><

39、;p>　　(3)后臺數(shù)據(jù)庫系統(tǒng)：MySQL；</p><p>　　(4)JSP運行環(huán)境：J2SDK 1.6。</p><p><b>　　2.2 邏輯構(gòu)架</b></p><p>　　2.2.1 JSP+JavaBean+Servlet框架介紹</p><p>　　Servlet+JSP+JavaBean(MV

40、C)模式適合開發(fā)復(fù)雜的web應(yīng)用，在這種模式下，servlet負責(zé)處理用戶請求，jsp負責(zé)數(shù)據(jù)顯示，javabean負責(zé)封裝數(shù)據(jù)。 Servlet+JSP、JavaBean模式程序各個模塊之間層次清晰，web開發(fā)推薦采用此種模式。</p><p>　　JSP+JavaBean+Servlet三層結(jié)構(gòu)的實質(zhì)是比jsp+javaBean兩層結(jié)構(gòu)多了一個Controller：Servlet來分發(fā)客戶端瀏覽器的請求。如果

41、把起控制器作用的Servlet的作用理解為對客戶端的請求進行預(yù)處理對理解Servlet將有很大的幫助。通過web.xml配置文件可以找到用戶請求和特定的Servlet的對應(yīng)關(guān)系，每個Servlet都有一個特定的Servlet對象與之對應(yīng)，所以說處理用戶請求的就是一個繼承自HttpServlet的Servlet對象。</p><p>　　當(dāng)然也可以把這些處理操作完全寫在jsp程序中，不過這樣的jsp頁面可能就有成百

42、上千行，光看代碼就是一個頭疼的事情，更不用說修改了，這對以后的代碼維護增加很大的難度，而且可能同樣的代碼會在一個頁面當(dāng)中出現(xiàn)多次，這不但降低了代碼的可讀性也降低了代碼的重用性。由此可見，通過JavaBean可以很好地實現(xiàn)邏輯的封裝、程序的易于維護等等。 如果使用Jsp開發(fā)程序，一個很好的習(xí)慣就是多使用JavaBean。</p><p>　　其工作原理如圖2-1所示。</p><p><

43、;b>　　JDBC</b></p><p>　　http請求 forward</p><p><b>　　設(shè)置Control</b></p><p><b>　　讀取</b></p><p>　　圖 2-1 三層架構(gòu)的工作原理</p><p&g

44、t;　　2.2.2 JSP簡介</p><p>　　JSP(Java Server Pages)技術(shù)使用Java編程語言編寫類XML的tags和scriptlets，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過tags和scriptlets訪問存在于服務(wù)端的資源的應(yīng)用邏輯。JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計和顯示分離，支持可重用的基于組件的設(shè)計，使基于Web的應(yīng)用程序的開發(fā)變得迅速和容易。Web服務(wù)器在遇到訪問JSP網(wǎng)頁

45、的請求時，首先執(zhí)行其中的程序段，然后將執(zhí)行結(jié)果連同JSP文件中的HTML代碼一起返回給客戶。插入的Java程序段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁等，以實現(xiàn)建立動態(tài)網(wǎng)頁所需要的功能。</p><p>　　JSP技術(shù)還有如下幾個優(yōu)點：(1)一次編寫，到處運行；</p><p>　　(2)系統(tǒng)的多平臺支持；</p><p>　　(3)強大的可伸縮性；</p>

46、<p>　　(4)多樣化和功能強大的開發(fā)工具支持。</p><p>　　2.2.3 JavaBean簡介</p><p>　　JavaBean是sun微系統(tǒng)的一個面向?qū)ο蟮木幊探涌冢梢宰岄_發(fā)展建可重用應(yīng)用程序或能在網(wǎng)絡(luò)中任何主流操作系統(tǒng)平臺上配置的程序塊，稱作組件。用戶可以使用JavaBean將功能、處理、值、數(shù)據(jù)庫訪問和其他任何可以用java代碼創(chuàng)造的對象進行打包，并且其

47、他的開發(fā)者可以通過內(nèi)部的jsp頁面、servlet、其他JavaBean、applet程序或者應(yīng)用來使用這些對象。用戶可以認(rèn)為JavaBean提供了一種隨時隨地的復(fù)制和粘貼的功能，而不用關(guān)心任何改變。</p><p><b>　　2.3 開發(fā)工具</b></p><p>　　2.3.1 Myeclipse簡介</p><p>　　MyEcl

48、ipse企業(yè)級工作平臺（MyEclipse Enterprise Workbench ，簡稱MyEclipse）是對Eclipse IDE的擴展，利用它可以在數(shù)據(jù)庫和J2EE的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大地提高工作效率。它是功能豐富的J2EE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完整支持HTML、 Struts、 JSF、 CSS、 Javascript、 SQL、 Hibernate。</p>

49、;<p>　　簡單而言，MyEclipse是Eclipse的插件，也是一款功能強大的J2EE集成開發(fā)環(huán)境，支持代碼編寫、配置、測試以及除錯。</p><p>　　2.3.2 TOMCAT6.0簡介</p><p>　　Tomcat 6.0服務(wù)器是Apache組織開發(fā)的一種JSP引擎，本身具有WEB服務(wù)器的功能，可以作為獨立的WEB服務(wù)器來使用。Tomcat 很受廣大程序員的

50、喜歡，因為它運行時占用的系統(tǒng)資源小，擴展性好，支持負載平衡與郵件服務(wù)等開發(fā)應(yīng)用系統(tǒng)常用的功能，而且它還是一個免費開源的系統(tǒng)，任何一個感興趣的程序員都可以更改它或在其中加入新的功能。在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用，是開發(fā)和調(diào)試JSP 程序的首選。但是，在作為WEB服務(wù)器方面，Tomcat出來靜態(tài)HTML頁面時不如Apache迅速，也沒有Apache健壯，所以一般將Tomcat與Apache配合使用，讓Apache對網(wǎng)

51、站的靜態(tài)頁面請求提供服務(wù)，而Tomcat作為專用的JSP引擎，提供JSP解析，以得到更好的性能。Tomcat是Java程序，所以只要有JDK就可以使用，不需要考慮具體的操作系統(tǒng)平臺。</p><p>　　2.3.3 mysql簡介</p><p>　　MySQL是一個開放源碼的小型關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。目前MySQL被廣泛地應(yīng)用在Internet上的中小

52、型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。</p><p>　　與其他的大型數(shù)據(jù)庫例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之處，如規(guī)模小、功能有限（MySQLCluster的功能和效率都相對比較差）等，但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人使用者和中小型企業(yè)來說，M

53、ySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體擁有成本。</p><p>　　目前Internet上流行的網(wǎng)站構(gòu)架方式是LAMP（Linux+Apache+MySQL+PHP/Perl/Python）和LNMP（Linux+Nginx+MySQL+php/perl/Python），即使用Linux作為操作系統(tǒng)，Apache和Nginx作為Web服務(wù)器，MySQL作為數(shù)據(jù)庫，

54、PHP/Perl/Python作為服務(wù)器端腳本解釋器。由于這四個軟件都是免費或開放源碼軟件（FLOSS)，因此使用這種方式不用花一分錢（除開人工成本）就可以建立起一個穩(wěn)定、免費的網(wǎng)站系統(tǒng)。</p><p>　　2.3.4 AJAX技術(shù)簡介</p><p>　　Ajax的全稱是：AsynchronousJavaScriptXML，運用異步JavaScript+XML，瀏覽器就不必等用戶請求

55、操作，也不必更新整個窗口就可以顯示新獲取的數(shù)據(jù)。只要來回傳送采用XML格式的數(shù)據(jù)，在瀏覽器里面運行的JavaScript代碼就可以與服務(wù)器進行聯(lián)系。JavaScript代碼還可以把樣式表加到檢索到的數(shù)據(jù)上，然后在現(xiàn)有網(wǎng)頁的某個部分加以顯示。</p><p>　　Ajax是使用客戶端腳本與Web服務(wù)器交換數(shù)據(jù)的Web應(yīng)用開發(fā)技術(shù)。這樣，Web頁面不用打斷交互流程進行重新加裁，就可以動態(tài)地更新。使用Ajax，用戶可以

56、創(chuàng)建接近本地桌面應(yīng)用的直接、高可用、更豐富、更動態(tài)的Web用戶界面。</p><p><b>　　第三章 需求分析</b></p><p>　　3.1 網(wǎng)站功能需求分析</p><p>　　3.1.1 用戶需求確定</p><p>　　1.普通用可以通過系統(tǒng)瀏覽商品(按類別)。</p><p&g

57、t;　　2.普通用戶可以通過系統(tǒng)搜索商品(按大類別、商品名稱)。</p><p>　　3.普通用戶可以通過注冊成為系統(tǒng)的會員(免費注冊)。</p><p>　　4.會員可以通過系統(tǒng)瀏覽和搜索商品。</p><p>　　5.會員可以通過系統(tǒng)下訂單。</p><p>　　6.會員可以瀏覽自己以前的訂單。</p><p>　

58、　7.會員可以通過系統(tǒng)管理自己的信息</p><p><b>　　重設(shè)密碼</b></p><p>　　8.管理員可以通過后臺進行會員管理</p><p><b>　?、?會員瀏覽；</b></p><p>　?、?會員歷史訂單瀏覽。</p><p>　　9.管理員通過后臺進

59、行商品分類的管理</p><p>　?、?瀏覽、添加、刪除、修改商品種類。</p><p>　　12.管理員通過后臺進行商品管理</p><p><b>　?、?新增商品；</b></p><p><b>　?、?商品刪除；</b></p><p><b>　?、?

60、商品信息修改；</b></p><p><b>　?、?商品檢索。</b></p><p>　　13.管理員通過后臺進行訂單的管理</p><p><b>　?、?訂單查詢；</b></p><p><b>　?、?修改訂單狀態(tài)。</b></p>&l

61、t;p>　　3.1.2 系統(tǒng)業(yè)務(wù)邏輯需求分析</p><p><b>　　1.會員類</b></p><p><b>　?、?包裝會員信息；</b></p><p>　?、?與訂單類是一對多的關(guān)系。</p><p><b>　　2.管理員類</b></p>

62、<p>　?、?封裝系統(tǒng)管理員。</p><p><b>　　3.商品類</b></p><p>　?、?包裝商品的信息；</p><p>　?、?與訂單類是多對多的關(guān)系。</p><p><b>　　4.商品類別類</b></p><p>　?、?包裝商品的類別

63、；</p><p>　?、?與商品是一對多的關(guān)系。</p><p><b>　　5.訂單類</b></p><p>　?、倥c商品是多對多的關(guān)系；</p><p>　?、谂c會員是多對一的關(guān)系。</p><p><b>　　6.訂單明細類</b></p><p

64、>　?、?包裝訂單中商品的信息；</p><p>　?、?與訂單是多對一的關(guān)系。</p><p>　　3.2 數(shù)據(jù)需求分析</p><p>　　3.2.1 數(shù)據(jù)庫需求分析</p><p>　　數(shù)據(jù)庫的設(shè)計通常是以一個已經(jīng)存在的數(shù)據(jù)庫管理系統(tǒng)為基礎(chǔ)的，常用的數(shù)據(jù)庫管理系統(tǒng)有Access、SQL Server、Oracle等。根據(jù)用戶的

65、需求和系統(tǒng)分析，本系統(tǒng)采用mysql數(shù)據(jù)庫管理系統(tǒng)。在mysql數(shù)據(jù)庫管理系統(tǒng)中建立名稱為myshopping的數(shù)據(jù)庫。這個數(shù)據(jù)庫需要提供各種信息的保存、更新和查詢，這就要求數(shù)據(jù)庫結(jié)構(gòu)充分滿足各種信息的輸出和輸入。搜集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)處理的流程，組成一個詳盡的數(shù)據(jù)字典，為后面的具體設(shè)計打下基礎(chǔ)。</p><p>　　在myshopping的數(shù)據(jù)庫中，根據(jù)項目的需求建立相應(yīng)的數(shù)據(jù)表，如下：</p>

66、;<p>　　1、user（會員信息表），包括數(shù)據(jù)項：用戶ID，郵箱，密碼，聯(lián)系方式等；</p><p>　　2、product（ 商品信息表），包括數(shù)據(jù)項：商品編號，商品名稱，商品描述，商品價格，商品上架日期，商品所屬種類，商品數(shù)量，商品圖片所在地址等；</p><p>　　3、category（商品類別類），包括數(shù)據(jù)項：類別ID(自動編號)，類別名稱，類別等級，上級種類I

67、D；</p><p>　　4、adminer(管理員類)，類別ID、用戶名、密碼；</p><p>　　5、salesitem（訂單信息明細表），包括數(shù)據(jù)項：編號，商品編號，單價，數(shù)量，訂單編號等。</p><p>　　6、salesorder（訂單信息主表），包括數(shù)據(jù)項：訂單編號，用戶編號，訂單標(biāo)識符（是否已發(fā)貨），商品總價等；</p><p&

68、gt;　　3.3 技術(shù)解決方案需求分析</p><p>　　(1) WebServer – Tomcat 6.0；</p><p>　　(2) DataBase – mysql；</p><p>　　(3) 開發(fā)環(huán)境 – MyEclipse 8.5。</p><p><b>　　第四章 總體設(shè)計</b></p&

69、gt;<p>　　4.1 數(shù)據(jù)庫myshopping設(shè)計</p><p>　　本設(shè)計的數(shù)據(jù)庫名字為myshopping，此數(shù)據(jù)庫中總共有六張表分別為：category(商品種類信息表)、adminer(管理員信息表)、salesitem(訂單明細表)、salesorder(訂單信息主表)、user(會員信息表)、product(商品信息表)。</p><p>　　4.1.1

70、 商品種類信息表（category）的設(shè)計</p><p>　　表4-1 category表</p><p>　　4.1.2 管理員信息表（adminer）的設(shè)計</p><p>　　表4-2 adminer表</p><p>　　4.1.3 訂單明細表（salesitem）的設(shè)計</p><p>　　表4-3

71、salesitem表</p><p>　　4.1.4 訂單信息主表（salesorder）的設(shè)計</p><p>　　表4-4 salesorder用戶表</p><p>　　4.1.5 會員信息表（user）的設(shè)計</p><p>　　表4-5 user表</p><p>　　4.1.6 商品信息表（produ

72、ct）的設(shè)計</p><p>　　表4-6 product表</p><p><b>　　4.2 前臺設(shè)計</b></p><p>　　4.2.1 前臺功能介紹</p><p>　　當(dāng)用戶進入到本系統(tǒng)的主頁后，用戶可以自由的瀏覽商品信息和搜索商品。當(dāng)用戶需要購買商品時，用戶需要先進行注冊，注冊后再登錄，然后再把選中的

73、商品添加到購物車當(dāng)中，最后交易生成訂單。</p><p>　　當(dāng)用戶進入首頁時，需登錄才能查看購物車以及訂單詳情。否則，將進入登陸界面。</p><p>　　4.2.2 前臺購物的流程圖</p><p>　　用戶在網(wǎng)上商城購物的整個購物流程如下圖4-1所示。</p><p><b>　　沒注冊</b></p>

74、;<p><b>　　沒登陸</b></p><p>　　圖4-1 網(wǎng)站購物與交易處理流程</p><p><b>　　4.3 后臺設(shè)計</b></p><p>　　4.3.1 購便宜網(wǎng)上購物商城后臺功能介紹</p><p>　　在后臺，管理員通過用戶名和口令進行登錄，在后臺管理

75、員可以對商品的類別加以管理：瀏覽類別、添加類別、刪除類別以及修改類別信息；可以對商品的管理：瀏覽商品、添加商品及修改商品信息；對用戶的管理：查看注冊的用戶；對訂單的管理：查看訂單、以及對訂單處理等功能。</p><p>　　4.3.2 購便宜商城后臺的操作流程圖</p><p>　　管理員在后臺進行管理的整個操作流程如下圖4-2所示。</p><p>　　圖4-2

76、 網(wǎng)站購物與交易處理流程</p><p><b>　　第五章 界面設(shè)計</b></p><p><b>　　5.1 用戶注冊</b></p><p><b>　　5.1.1 界面</b></p><p>　　當(dāng)進入注冊界面，需填寫注冊所需的用戶名、密碼、確認(rèn)密碼、聯(lián)系電話

77、、送貨地址等信息，如果郵箱已被注冊，提示該郵箱已被注冊；如果點擊注冊時，有空的地方?jīng)]有填寫，將彈出相應(yīng)的提示信息。都輸入完成之后可以單擊“提交”按鈕進行注冊，具體效果如圖 5-1-1所示。</p><p>　　注冊成功后頁面如下：如果點擊登錄鏈接將跳入到登陸界面，如果不點擊，3秒鐘后將自動跳入到登陸界面：</p><p><b>　　圖 5-1-1</b></p

78、><p>　　5.1.2 流程圖</p><p><b>　　圖 5-1-2</b></p><p><b>　　5.2 用戶登錄</b></p><p><b>　　5.2.1 界面</b></p><p>　　首先可以在主頁的左上方進行登錄，需填入

79、會員名和密碼點擊登錄按鈕進行登錄，登錄成功自動跳入首頁，具體效果如圖 5-2-1所示：</p><p>　　如果填寫錯誤，將跳入到錯誤頁面，如下圖，點擊返回跳入到登陸界面。</p><p><b>　　圖 5-2-1</b></p><p>　　5.2.2 流程圖</p><p><b>　　圖 5-2-2&

80、lt;/b></p><p><b>　　5.3 用戶登錄</b></p><p><b>　　5.3.1 界面</b></p><p>　　當(dāng)用戶在專門的登錄頁面登錄成功之后頁面自動跳轉(zhuǎn)到前臺首頁，登陸后，由于注冊時，密碼采用md5技術(shù)對密碼進行加密，所以用戶不能修改密碼，用戶只可以重設(shè)自己的密碼，</p

81、><p><b>　　如下圖所示：</b></p><p><b>　　圖 5-3-1</b></p><p>　　(2)登陸成功后，用戶也可以通過點擊最上面的我的訂單，查看以前的夠買訂單，可以點擊詳細信息按鈕查看該訂單中所有的商品信息，具體效果如圖 5-3-2所示：</p><p><b>

82、　　圖 5-3-2</b></p><p>　　(5)登陸成功后，用戶也可以通過點擊最上面的購物車，查看登錄成功后選中的物品，點擊刪除按鈕可以對購物車中商品進行刪除，點擊繼續(xù)購買返回首頁，點擊下訂單，頁面跳轉(zhuǎn)到下訂單頁面，具體效果如圖 5-3-3所示：</p><p>　　商品數(shù)量可以進行修改，如果數(shù)量修改后超過商品總量將彈出提示信息。</p><p>

83、　　修改完數(shù)量后，點擊更新購物車，可以對購物車進行更新。如果數(shù)量為空，將彈出提示信息，如下圖：</p><p><b>　　圖 5-3-3</b></p><p>　　5.3.2 流程圖</p><p><b>　　圖 5-3-6</b></p><p>　　5.4 查看商品信息</p&g

84、t;<p><b>　　5.4.1 界面</b></p><p>　　進入首頁后，用戶可以根據(jù)菜單欄選擇自己想要選擇的商品，首頁中間為商品所有種類，再下面是最新上架的商品，可以選擇它進行夠買，首頁具體效果如圖 5-4-1所示：</p><p><b>　　圖 5-4-1</b></p><p>　　5.4.

85、2 流程圖</p><p><b>　　圖 5-4-2</b></p><p><b>　　5.5 商品搜索</b></p><p><b>　　5.5.1 界面</b></p><p>　　當(dāng)主頁的商品不能滿足用戶的要求時，用戶可以在主頁進行商品搜索（關(guān)鍵字搜索），搜索

86、結(jié)果如圖 5-5-1所示：</p><p><b>　　圖 5-5-1</b></p><p>　　5.5.2 流程圖</p><p><b>　　圖 5-5-2</b></p><p><b>　　5.6 購物車</b></p><p><b

87、>　　5.6.1 界面</b></p><p>　　當(dāng)在主頁瀏覽貨物過程中看中了自己喜歡的商品，可以單擊圖片或者單擊圖片下“詳情”查看該件商品的詳細信息(商品名稱、圖片、描述、價格)，具體效果如圖 5-6-1所示：</p><p><b>　　圖 5-6-1</b></p><p>　　了解了商品詳情之后，如果確定要買此商品

88、可以單擊“添加到購物車”把商品添加到自己的購物車，在購物車頁面用戶也可以修改您要購買物品的數(shù)量，具體效果如圖 5-6-2所示：</p><p><b>　　圖 5-6-2</b></p><p>　　5.6.2 流程圖</p><p><b>　　圖 5-6-3</b></p><p><b

89、>　　5.7 生成訂單</b></p><p><b>　　5.7.1 界面</b></p><p>　　(1)當(dāng)完成所有的貨物選擇之后，就可以在購物車頁面單擊“確認(rèn)訂單”按鈕進入訂單信息確認(rèn)界面以及對所買商品進行結(jié)算，具體效果如圖 5-7-1所示：</p><p><b>　　圖 5-7-1</b>

90、</p><p>　　5.7.2 流程圖</p><p><b>　　圖 5-7-3</b></p><p><b>　　5.8 后臺管理</b></p><p><b>　　5.8.1 界面</b></p><p>　?。?）首先進入后臺管理的登

91、錄頁面，填寫管理員的用戶名和密碼單擊“登錄”按鈕可進入后臺進行管理，具體效果如圖 5-8-1所示：</p><p><b>　　圖 5-8-1</b></p><p>　?。?）當(dāng)用戶名和密碼登錄無誤，管理員可成功將納入后臺的主界面，在主界面可以別對用戶、商品類別、商品信息、訂單以及報表的管理，具體效果如圖 5-8-2所示：圖 5-8-2</p><

92、;p>　　（3）首先是用戶管理模塊，在用戶管理中可以對所有注冊的用戶用戶進行瀏覽，具體效果如圖 5-8-3所示：</p><p><b>　　圖 5-8-3</b></p><p>　?。?）在類別管理模塊中，管理員可以對商品的類別進行瀏覽（分別可以表格展示和樹狀形式的展示）、添加類別、刪除刪除類別、修改類別信息，具體效果如下圖所示：</p>&l

93、t;p>　　瀏覽產(chǎn)品種類頁面，通過點擊一級菜單和二級菜單按鈕，可分別查看商品種類內(nèi)容。</p><p>　　點擊新增按鈕可以添加商品種類。</p><p>　　點擊確定按鈕將直接保存。如果填寫的內(nèi)容中有空的，將彈出相應(yīng)的提示信息。如果填寫內(nèi)容都不為空，將直接保存。</p><p>　　點擊編輯按鈕可以對商品種類進行修改,點擊確定按鈕將直接修改。如果填寫的內(nèi)容中

94、有空的，將彈出相應(yīng)的提示信息。如果填寫內(nèi)容都不為空，將直接修改。</p><p>　　點擊刪除按鈕可以對該種類下商品種類及商品全部刪除。如果點擊一級菜單后刪除，如果該一級菜單下面還有二級菜單及商品，刪除將提醒是否刪除。如下圖：</p><p>　　如果點擊確認(rèn)按鈕，將把該種類及下面的二級種類及下面的所有商品刪除，商品也將從服務(wù)器上直接刪除。</p><p>　　在商

95、品管理模塊中，管理員可以對商品信息進行瀏覽、修改信息、刪除商品，具體效果如下圖所示：</p><p>　　點擊左側(cè)產(chǎn)品管理可以查看所有產(chǎn)品信息。也可以通過點擊查詢按鈕，對產(chǎn)品進行級聯(lián)查詢（根據(jù)產(chǎn)品名稱和種類一起查詢，名稱查詢?yōu)槟：樵儯?lt;/p><p>　　點擊新增按鈕可以對商品進行增加，其中可以對產(chǎn)品的圖片進行上傳，產(chǎn)品圖片將直接上傳到服務(wù)器上，如下圖。</p><

96、p>　　另外，需要注意的是：商品新增時，價格及商品數(shù)量只能輸入數(shù)字，中文及拼音將被屏蔽，商品圖片也只能上傳相應(yīng)的圖片格式，內(nèi)容都填寫完整后（如果有空的地方?jīng)]填寫，點擊確定時將彈出相應(yīng)的提示信息），點擊確定按鈕將保存成功，彈出保存成功，并刷新當(dāng)前頁面，點擊取消，彈出框?qū)㈥P(guān)閉。如下圖：</p><p>　　點擊編輯按鈕可以對商品進行修改，修改時，上級菜單我設(shè)置為不能修改，另外，需要注意的是：商品修改時，價格及商

97、品數(shù)量只能輸入數(shù)字，中文及拼音將被屏蔽，商品圖片也只能上傳相應(yīng)的圖片格式，內(nèi)容都填寫完整后（如果有空的地方?jīng)]填寫，點擊確定時將彈出相應(yīng)的提示信息），點擊確定按鈕將修改成功，彈出修改成功，并刷新當(dāng)前頁面，點擊取消，彈出框?qū)㈥P(guān)閉?？梢詫ι唐返膱D片也進行修改，修改之后原來的圖片將在服務(wù)器上被刪除，被新的替換掉。</p><p>　　點擊刪除按鈕可以對商品進行刪除，可以選擇刪除，也可以全選刪除，刪除商品是如果商品已經(jīng)在訂

98、單中使用過，將提醒你該商品不能刪除。</p><p>　?。?）管理員也可以進入訂單管理的模塊，在訂單管理中，管理員可查看所有的訂單，以及訂單的明細，再根據(jù)現(xiàn)在目前的庫存情況對訂單進行處理，訂單管理中有未發(fā)貨和已發(fā)貨兩種查看方式，在未發(fā)貨中選擇相應(yīng)的行（如果不選擇，將彈出提示信息），然后點擊發(fā)貨，將彈出發(fā)貨成功，該訂單將可以在已發(fā)貨訂單信息中查看，點擊訂單中的詳細，將可以對訂單中的訂單詳情進行查看，具體效果如圖

99、5-8-7所示：</p><p><b>　　圖 5-8-7</b></p><p>　　5.8.2 流程圖</p><p>　　后臺管理的整個流程圖如下圖 5-8-10 所示：</p><p><b>　　圖 5-8-10</b></p><p>　　第六章 開發(fā)環(huán)境配

100、置說明</p><p>　　6.1 開發(fā)環(huán)境配置</p><p>　　本人在設(shè)計的過程中，需要搭建一個普通WEB開發(fā)環(huán)境，具體的環(huán)境配置如下：</p><p>　　第一步：到官方網(wǎng)站下載JDK1.6、Tomcat6.0、mysql軟件，以及Navicat Premium管理組件等軟件。</p><p>　　第二步：安裝jdk和配置環(huán)境變量和

101、Tomcat6.0</p><p>　　1.安裝J2SE的JDK1.6以后，需要配置一下環(huán)境變量，在我的電腦->屬性->高級->環(huán)境變量->系統(tǒng)變量中添加以下環(huán)境變量：</p><p>　　JAVA_HOME=D:\Java\jdk1.6.0_30</p><p>　　classpath= .;%JAVA_HOME%\lib;%JAVA_HO

102、ME%\lib\tools.jar;（.;一定不能少，因為它表示當(dāng)前路徑)</p><p>　　path= %JAVA_HOME%\bin;</p><p><b>　　如圖6-1所示：</b></p><p><b>　　圖 6-1</b></p><p>　　接著可以寫一個簡單的啟動MS-DOS

103、窗口來測試J2SDK是否已安裝成功，點擊->開始->運行->輸入cmd->點擊確定。在DOS窗口中輸入javac,按<Enter>鍵，系統(tǒng)會輸出javac命令的使用幫助信息，如下圖6-2所示。這說明JDK配置成功，否則需要檢查上面各步驟的配置是否正確。</p><p><b>　　圖 6-2</b></p><p>　　接著可以啟動

104、tomcat，在IE中訪問http://localhost:8080，如果看到tomcat的歡迎頁面的話說明安裝成功了。</p><p>　　第三步：安裝mysql</p><p>　　在安裝mysql的過程后，要安裝Navicat Premium這個軟件，它相當(dāng)于數(shù)據(jù)庫的一個圖形界面工具，可以查看數(shù)據(jù)庫中的所有數(shù)據(jù)庫及表的信息。</p><p>　　第三步：安裝M

105、yEclips8.5</p><p>　　雙擊MyEclips8.5可以進行安裝，選擇適當(dāng)路徑進行安裝。等待安裝完成之后，啟動MyEclipse之后必須設(shè)置的兩項是設(shè)置Java的JDK路徑和服務(wù)器（Tomcat6.0）路徑。當(dāng)啟動完成之后，新建一個Web項目，命名為myshopping。</p><p>　　第七章 開發(fā)與測試</p><p><b>　

106、　7.1 開發(fā)流程</b></p><p>　　本人在設(shè)計的過程中，采用循序漸進的方式進行開發(fā)，為使開發(fā)的過程是一個循序漸進的過程，為此本人按如下步驟進行開發(fā)：</p><p>　?、?完成數(shù)據(jù)庫myshopping的設(shè)計。</p><p>　　⑵ 完成用戶注冊模塊。</p><p>　?、?完成用戶登錄模塊以及自服務(wù)功能(用戶

107、信息修改)，從而驗證用戶注冊模塊。</p><p>　　⑷ 轉(zhuǎn)入后臺設(shè)計。首先完成對用戶管理模塊(增刪改查等功能)，再完成對類別的管理模塊。</p><p>　?、?完成對商品信息的管理模塊，可以對上一步驟的驗證。</p><p>　?、?再轉(zhuǎn)入前臺設(shè)計。在前臺主頁展現(xiàn)后臺所添加的類別和商品，以供用戶瀏覽。</p><p>　?、?完成商品購

108、物模塊。包括購物車、訂單產(chǎn)生等模塊。</p><p>　?、?查看用下過的訂單模塊。</p><p>　?、?再轉(zhuǎn)入后臺設(shè)計。完成后臺管理的對訂單管理的模塊。</p><p>　　⑽ 完成后臺對商品銷售情況的分析模塊。</p><p>　?、?整個系統(tǒng)在功能模塊基本完成了之后，最后的任務(wù)就是給系統(tǒng)界面的美化，使所有的頁面變的美觀，以及對代碼的

109、完善和最后綜合測試。</p><p><b>　　7.2 測試</b></p><p>　　由于開發(fā)的方式是采用的螺旋遞增的方式進行開發(fā)的，所以在測試的過程也同樣采用螺旋遞增的方式進行測試即：—開發(fā)—測試—開發(fā)—測試。也就是在開發(fā)的過程之中伴隨著測試，測試的同時也是為下一個模塊的開發(fā)做鋪墊，這樣不但可以提高開發(fā)的效率，同時也可以在開發(fā)的過程中及時發(fā)現(xiàn)錯誤，避免了那種

110、瀑布型開發(fā)模式的不足，在整個系統(tǒng)開發(fā)完畢再去測試，給最后的測試帶來了很大的困難。</p><p>　　在整個設(shè)計的過程中，本人感觸最深的就是測試的重要性還有前期準(zhǔn)備工作的重要性。不重視測試，若是老想著把所有工作做完后再去測試，結(jié)果總是很不理想。因為如果不及時進行測試，當(dāng)把所有的代碼都寫完的時候才去測試，結(jié)果發(fā)現(xiàn)很多錯誤出現(xiàn)的具體位置在哪，這增加了測試的難度。</p><p>　　第八章

111、所用技巧及難點分析</p><p><b>　　8.1 所用技巧</b></p><p>　　(1).彈出框lhgdialog。</p><p>　　本項目很多地方都用到了彈出框，如前臺首頁的重設(shè)密碼，后臺的新增，修改商品種類，新增，修改商品時使用到了彈出框。</p><p>　　Ihgdialog介紹：</p&

112、gt;<p>　　lhgDialog是一個功能強大且兼容面廣的對話框組件，它擁有精致的界面與友好的接口?；诰W(wǎng)絡(luò)訪問并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。相對于網(wǎng)上其它彈出窗口插件主要功能是提示信息來說，本插件主要是用來制作窗口中內(nèi)容較多，頁面比較復(fù)雜的窗口。本插件的窗口內(nèi)容面主要是以嵌入 iframe框架為主，內(nèi)容頁為一個單獨的頁面。這樣

113、就可以更方便的管理內(nèi)容頁，頁面的樣式也不受其它頁面的影響，而且內(nèi)容頁可以是靜態(tài)或動態(tài)的任何一種文件。</p><p>　　由于本插件主要是用來制作大型的窗口，頁面和窗口間的交互肯定會非常頻繁，所以本插件提供了豐富的交互控制接口，可以非常方便的進行頁面間的數(shù)據(jù)的傳輸。</p><p>　　由于本插件所需的lhgcore.min.js庫文件就相當(dāng)于一個精簡的jQuery庫，所以本插件的代碼的書

114、寫方式和jQ的一樣精簡。如果您想把 它做的 jQ的插件，只要在頁面引入jQuery的庫（此時不再需要引入lhgcore.min.js庫文件），代碼作一下非常簡單的修改即可。</p><p>　　無論你把窗口插件放在哪里，你都不需要擔(dān)心會被外層的frameset或iframe所遮擋進而影響客戶體驗，lhgdialog窗口插件是可以跨 無限級 框架顯示的，lhgdialog采用九宮格的XHTML結(jié)構(gòu)，CSS類鉤子比較

115、豐富，可以定制類似桌面軟件般精致的皮膚。.</p><p>　　.jGrid表格插件使用</p><p>　　jqGrid 是一個用來顯示網(wǎng)格數(shù)據(jù)的jQuery插件,本項目中后臺的所有表格都是采用jGrid表格，jGrid好用的原因時它封裝了好多的js方法，這樣你不用再自己寫js了，所有開發(fā)速度也快了。</p><p><b>　　jqGrid介紹：<

116、;/b></p><p>　　JQGrid是一個在jquery基礎(chǔ)上做的一個表格控件，以ajax的方式和服務(wù)器端通信。jqGrid安裝很簡單，只需把相應(yīng)的css、js文件加入到頁面中即可。 需要說明的是，jquery-ui的字體大小與jqgrid字體大小不一致，故需要在頁面上在加上一段style來指定頁面上文字大小。</p><p><b>　　jqGrid原理：</

117、b></p><p>　　jqGrid是典型的B/S架構(gòu)，服務(wù)器端只是提供數(shù)據(jù)管理，客戶端只提供數(shù)據(jù)顯示。換句話說，jqGrid可以以一種更加簡單的方式來展現(xiàn)你數(shù)據(jù)庫的信息，而且也可以把客戶端數(shù)據(jù)傳回給服務(wù)器端。 對于jqGrid我們所關(guān)心的就是：必須有一段代碼把一些頁面信息保存到數(shù)據(jù)庫中，而且也能夠把響應(yīng)信息返回給客戶端。jqGrid是用ajax來實現(xiàn)對請求與響應(yīng)的處理。</p><p

118、><b>　　.放大器插件</b></p><p>　　前臺的商品詳細頁面，鼠標(biāo)移上去后，圖片將被放大，此處就是用到了放大器插件。</p><p>　　Jqzoom插件使用：</p><p>　　放大器插件使用起來相當(dāng)簡單，只需要把相應(yīng)的js插件放到你要放到的位置，然后在頁面上引入該js插件，然后在要放大的圖片上改改相應(yīng)的css，則可使用