電子與信息工程畢業(yè)論文電子商務—當當網(wǎng)網(wǎng)頁制作

1、<p>　　本 科 畢 業(yè) 設 計</p><p>　　電子商務—當當網(wǎng)網(wǎng)頁制作</p><p>　　所在學院 </p><p>　　專業(yè)班級 電子與信息工程 </p><p>　　學生姓名 學號 <

2、/p><p>　　指導教師 職稱 </p><p>　　完成日期 年 月 </p><p><b>　　摘要</b></p><p>　　隨著信息高速公路的建立，Internet的普及，網(wǎng)絡技術(shù)的迅猛發(fā)展，人類社會已經(jīng)進入了一個信息化社

3、會。</p><p>　　電子商務指利用簡單、快捷、低成本的電子通訊方式，買賣雙方通過網(wǎng)絡進行各種商貿(mào)活動的一種商業(yè)交易模式。隨著互聯(lián)網(wǎng)的發(fā)展，以及人們消費觀念和生活方式的改變，這種新型的商業(yè)模式逐漸融入了人們的生活中。通過企業(yè)的門戶網(wǎng)站，人們可以足不出戶的尋找自己所需的物品，通過對不同虛擬商城的訪問，“顧客”可以找出性價比最高的商品，自己有極大地選擇空間；通過下訂單，你可以很快得到自己想要的物品，這給顧客節(jié)省很

4、多時間和精力；對于廠家來說，可以極大地降低庫存風險，可根據(jù)客戶需要，按需采購和生產(chǎn)，大大地提高了效益[1]。</p><p>　　互聯(lián)網(wǎng)的發(fā)展，以及人們消費觀念和生活方式的改變，這種新型的商業(yè)模式逐漸融入了人們的生活中。該系統(tǒng)以core java為核心、MyEclipse為主要開發(fā)工具，同時采用MySql數(shù)據(jù)庫，Servlet以及Hibernate,基于MVC模式的struts1框架，并在此基礎上加入JavaSc

5、ript、Ajax等Web技術(shù),本系統(tǒng)主要是以購書系統(tǒng)為主，包括圖書分類瀏覽，模塊索引，用戶注冊、登錄，商品管理，購物車管理，訂單管理等各個部分，可以很方便的對各個部分進行操作，從而達到了用戶對商品的瀏覽和購買，簡潔方便，一目了然！ 本電子商務購書系統(tǒng)，可以注冊會員，并且在登錄之后可以購買里面的圖書，圖書在書架上是可以分頁瀏覽的，還可以按關鍵字篩選，客戶點擊購買，就可以擁有購物車，并把對應的圖書放進購物車。如果客戶不想要購物車內(nèi)的商品項

6、，則可以刪除對應的商品項，若不小心刪除了想購買的商品項，也可以點擊恢復，又可以重新把商品項放進購物車。最后客戶選好商品就可以下訂單確定購買。總體來看，本電子商務購書系統(tǒng)，界面簡單、操作方便、適合電子商務公司使用。</p><p>　　關鍵詞：Web技術(shù)；電子商務；模塊索引；strut</p><p><b>　　Abstract</b></p><

7、p>　　With the establishment of high way of information, the popularization of Internet and the rapid development of network technology, human society has entered a society of information.</p><p>　　E-commer

8、ce is a new business transaction, through which both buyers and sellers can use a simple, fast and low-cost means of electronic and communication. With the development of the Internet, and people's consumption idea a

9、nd the way of life changing, this new business model has gradually integrated into people's lives. Through the portal site of enterprise, people can look up the goods which they required without going out; through th

10、e different virtual mall visit, people can find the most cos</p><p>　　As development of the Internet, and people's consumption idea and the way of life changing, this new business model has gradually int

11、egrated into people's lives. The system uses core java as the core, MyEclipse as the main development tool, and MySql as database, Servlet and Hibernate framework, struts1 base on MVC framework, and on this basis, a

12、dding the JavaScript, Ajax and other Web technologies, the system primary function is book trading online, which includes the addition of books, user r</p><p><b>　　目錄</b></p><p><

13、b>　　第1章 引 言1</b></p><p><b>　　1.1課題背景1</b></p><p>　　1.2課題的目的和意義1</p><p>　　第2章 電子商務網(wǎng)站開發(fā)技術(shù)基礎2</p><p>　　2.1 Struts1.2.1框架技術(shù)2</p><p>　

14、　2.2 MySql應用2</p><p>　　2.3 Hibernate技術(shù)應用2</p><p>　　2.4 Jquery技術(shù)應用2</p><p>　　2.5 JSP的技術(shù)應用3</p><p>　　2.5.1 JSP的強勢與劣勢3</p><p>　　2.5.2 JSP與ASP的比較4</p&

15、gt;<p>　　2.6 J2EE概述與發(fā)展5</p><p>　　第3章“當當網(wǎng)”電子商務網(wǎng)站設計與開發(fā)6</p><p>　　3.1 概要設計6</p><p>　　3.1.1 基于B/S的多層次結(jié)構(gòu)6</p><p>　　3.1.2 開發(fā)環(huán)境及工具6</p><p>　　3.1.3“ 當當

16、網(wǎng)”電子商務項目規(guī)劃6</p><p>　　3.1.4 功能圖解7</p><p>　　3.1.5 數(shù)據(jù)庫設計7</p><p>　　3.1.6 數(shù)據(jù)表的設計7</p><p>　　3.1.7 框架設計10</p><p>　　3.2 與用戶互動性設計11</p><p>　　3.3

17、 模塊設計13</p><p>　　3.3.1登陸注冊模塊13</p><p>　　3.3.2分類排序查詢模塊15</p><p>　　3.3.3購物車管理模塊18</p><p>　　3.3.4訂單管理模塊21</p><p>　　3.4頁面美化-用戶界面設計UI層24</p><p&

18、gt;　　第4章 系統(tǒng)的測試25</p><p>　　第5章 電子商務網(wǎng)站開發(fā)工作展望26</p><p>　　5.1 電子商務網(wǎng)站開發(fā)前瞻26</p><p>　　5.2 后續(xù)工作展望27</p><p><b>　　總結(jié)28</b></p><p><b>　　致謝29&

19、lt;/b></p><p><b>　　參考文獻30</b></p><p>　　附錄1：項目測試記錄31</p><p><b>　　第1章 引 言</b></p><p><b>　　1.1課題背景</b></p><p>　　隨著當今世

20、界進入信息時代，Internet的飛速發(fā)展和在全球的普及給人類生活帶來革命性的改變。Internet將傳統(tǒng)意義上的物理空間轉(zhuǎn)變成電子空間，把人們帶入了一個網(wǎng)絡社會中。網(wǎng)絡時代的到來，帶給人們的不只是快捷、方便，它帶來的是劃時代的進步。在網(wǎng)絡大家族中，電子商務則是一個熱點，它的發(fā)展速度之快遠遠超過我們的想象，普及速度之快令人難以置信。我們完全有理由相信，全球性的電子商務熱潮必將一浪高于一浪[1]。</p><p>

21、　　電子商務一個最基本體現(xiàn)就是電子購物網(wǎng)站，從一定程度上講它就是網(wǎng)上超市，也就是一種網(wǎng)上交易?！熬W(wǎng)”字意味著它具有信息時代的快捷方便等特征。事實上電子商務的出現(xiàn)，給消費者的地位，消費觀念帶來了重要的變化。網(wǎng)上交易系統(tǒng)正是應這種變化而悄然崛起，并以驚人的速度發(fā)展著。通過網(wǎng)上交易系統(tǒng)，人們可以足不出戶的尋找自己所需的物品，通過對不同虛擬商城的訪問，“顧客”可以找出性價比最高的商品，自己有極大地選擇空間，通過下訂單，你可以很快得到自己想要的物

22、品，這給顧客節(jié)省很多時間和精力，對于廠家來說，可以極大的降低庫存風險，根據(jù)客戶需要，按需生產(chǎn)和采購，大大的提高了效益[1]。</p><p>　　1.2課題的目的和意義</p><p>　　自從電子商務發(fā)展越來越快，它也迅速地出現(xiàn)我們的生活視野中。因此在人們的視野中，電子商務就在全球范圍內(nèi)受到了格外的關注，并得到了飛躍式的發(fā)展。從實用角度看，電子商務網(wǎng)站目前存在的問題主要是顧客很難找到自己

23、所希望得到的商品，有時顧客甚至花費了很大的精力與時間后找到了自己所需的商品，即使這樣，最后由于種種原因顧客還是放棄了購買。很多報道指出，有一部分推銷商們普遍對目前的網(wǎng)絡行銷有點感到失望，盡管如此，電子商務無疑還是當前社會最好的在線商品展示的媒體和工具。但是，網(wǎng)上商品的展示給客戶的目的，不僅僅是展示所謂商品，而真正最重要的目的是讓更多的客戶去了解網(wǎng)上的商品從而提高商品的購買率和信用度。因此，電子商務網(wǎng)站目前所面臨的最大的挑戰(zhàn)之一就是網(wǎng)站的

24、設計，該如何使得網(wǎng)頁設計能夠更有效的展示自己所有的商品，同時也可以方便客戶的使用，使得客戶以最愉悅的心情選購如意稱心的商品。</p><p>　　本系統(tǒng)的目的和意義就是根據(jù)上述挑戰(zhàn)而嘗試為用戶提供一個操作簡單方便的網(wǎng)上交易系統(tǒng)。利用本系統(tǒng)，用戶可以自由地瀏覽商品，注冊成為網(wǎng)站會員，選擇商品加入自己的購物車，而后生成訂單，實現(xiàn)網(wǎng)上購物。</p><p>　　第2章 電子商務網(wǎng)站開發(fā)技術(shù)基礎&

25、lt;/p><p>　　2.1 Struts1.2.1框架技術(shù)</p><p>　　自從2003年6月apache推出Struts 1.1版本以來，目前已經(jīng)流行于各個Web開發(fā)的行業(yè)！人們很習慣的俗稱它為Java Web框架默認的事實標準！它的體系結(jié)構(gòu)實現(xiàn)了Model-View-Controller設計模式的概念，并將這些概念映射到web應用程式的組件和概念中?！?lt;/p><

26、;p>　　在Struts中如何理解MVC呢，M英文是Model，指的是系統(tǒng)狀態(tài)和邏輯JavaBeans。V英文是View，指的是各種jsp文件，頁面包含稱為“模版文本”的靜態(tài)HTML（或XML）文本，加上插入的基于對特別行為標記解釋的動態(tài)內(nèi)容。C英文是Controller,指的是許多Action，一個　Action　類的目標是處理這個請求，然后返回一個標識JSP頁面[2]。</p><p>　　2.2 My

27、Sql應用</p><p>　　MySQL是一個小型關系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫[3]。它能為多種編程語言提供了API，支持多線程，充分利用CPU資源，并且能優(yōu)化SQL查詢算法，有效地提高查詢速度。同時提供TCP/IP、ODBC和JDBC等多種數(shù)據(jù)庫連接途

28、徑，當然最主要它可以處理擁有上千萬條記錄的大型數(shù)據(jù)庫。</p><p>　　與其他的大型數(shù)據(jù)庫例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之處，比如規(guī)模小、功能有限（MySQL Cluster的功能和效率都相對比較差）等，但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人使用者和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體

29、擁有成本。</p><p>　　2.3 Hibernate技術(shù)應用</p><p>　　Hibernate是一個開放源代碼的對象關系映射框架，它對JDBC進行了非常輕量級的對象封裝，使得Java程序員可以隨心所欲的使用對象編程思維來操縱數(shù)據(jù)庫。Hibernate可以應用在任何使用JDBC的場合，既可以在Java的客戶端程序使用，也可以在Servlet/JSP的Web應用中使用，最具革命意義

30、的是，Hibernate可以在應用EJB的J2EE架構(gòu)中取代CMP，完成數(shù)據(jù)持久化的重任。[4]</p><p>　　Hibernate的最大特點就是它的配置文件，可以大大減少代碼量，別人也可以很輕松的讀懂你的代碼，指向性很明確！也不用像JDBC那樣，每次重復的寫連接數(shù)據(jù)庫的代碼，并且它還可以自動創(chuàng)建表，還原表的設計代碼！</p><p>　　2.4 Jquery技術(shù)應用</p>

31、;<p>　　jQuery 由 John Resig 創(chuàng)建于 2006 年初，對于任何使用 JavaScript 代碼的程序員來說，它是一個非常有用的 JavaScript 庫。無論是剛剛接觸 JavaScript 語言，并且希望獲得一個能解決文檔對象模型（Document Object Model，DOM）腳本和 Ajax 開發(fā)中一些復雜問題的庫，還是作為一個厭倦了 DOM 腳本和 Ajax 開發(fā)中無聊的重復工作的資深

32、JavaScript 專家，jQuery 都是首選[5]。</p><p>　　jQuery 能保證代碼簡潔易讀。再也不必編寫大堆重復的循環(huán)代碼和 DOM 腳本庫調(diào)用了。使用 jQuery，可以把握問題的要點，并使用盡可能最少的代碼實現(xiàn)功能。[5]</p><p>　　毫無疑問，jQuery 的原理是獨一無二的：它的目的就是保證代碼簡潔并可重用。</p><p>　

33、　主要作用：jQuery庫為共同的web腳本提供了一種通用的抽象層，使用其特定的語法定義，這些核心特性能滿足以下需求：</p><p>　　1、獲取頁面的部分內(nèi)容</p><p>　　不適用JavaScript庫，必須寫很多代碼來遍歷DOM樹，并定位一個HTML文檔的指定部分。jQuery提供了一個強大而有效的選擇機制來返回被檢查或被操作的文檔。</p><p>&

34、lt;b>　　2、修改頁面的外觀</b></p><p>　　jQuery可改變文檔一部分中的類或獨立的樣式屬性，方便配合CSS使用。</p><p><b>　　3、修改頁面的內(nèi)容</b></p><p>　　jQuery可以用很少的按鍵就可修改文檔的內(nèi)容本身。文本可改變，圖像可插入或替換，列表可重新排序或整個HTML結(jié)構(gòu)被

35、重寫和擴展。</p><p>　　4、在頁面中響應用戶的交互</p><p>　　jQuery庫提供了一個優(yōu)雅的方法來截取很多事件，而不需要將事件句柄混雜到HTML代碼中。同時，事件句柄API也解決了瀏覽器標準不一致的問題。</p><p><b>　　5、給頁面加上動畫</b></p><p>　　jQuery提供了一

36、組效果來實現(xiàn)動畫，而提供有效的交互行為。</p><p>　　6、無刷新返回服務器端的信息</p><p>　　也就是AJAX應用，協(xié)助web開發(fā)者制作可響應的功能豐富的網(wǎng)站。</p><p>　　7、簡化共同的JavaScript任務</p><p>　　除了jQuery指定的文檔特性外，這個庫還提供了改進基本JavaScript結(jié)構(gòu)，如迭

37、代和數(shù)組操作。</p><p>　　2.5 JSP的技術(shù)應用</p><p>　　2.5.1 JSP的強勢與劣勢</p><p><b>　　JSP的強勢：</b></p><p>　?。?）可移植性?？梢砸惶幘帉懀S處運行，支持多平臺。因為JSP是用Java開發(fā)的，它是可移植的?；旧峡梢栽谒衅脚_上的任意環(huán)境中開發(fā)，

38、在任意環(huán)境中進行系統(tǒng)部署，在任意環(huán)境中擴展。除了系統(tǒng)之外，代碼不用做任何更改。</p><p>　　（2）有效性。一般處理一個請求都要全部加載一個完整的可執(zhí)行程序，而JSP的初始化代碼僅在Web服務器第一次加載時執(zhí)行一次。一旦加載，在處理一個新的請求時，只須調(diào)用一個新的服務方法。與一般請求處理相比，這是一個相當有效的技術(shù)。</p><p>　?。?）強大的可伸縮性和可擴充性。為了更好地滿足

39、用戶的需求，JSP設計是在面向?qū)ο蟮恼Z言(Java)中進行開發(fā)的，并且也可以在現(xiàn)有對象基礎上進行擴展，形成新的對象。</p><p>　　（4）多樣化和功能強大的開發(fā)工具支持。Java已經(jīng)有了許多非常優(yōu)秀的開發(fā)工具，而且許多可以免費得到，并且其中許多已經(jīng)可以順利的運行于多種平臺之下。</p><p>　　（5）Java Servlet是一種開發(fā)Web應用的理想框架。JSP以Servlet技

40、術(shù)為基礎，而且大型的Web應用程序的開發(fā)需要Java Servlet和JSP配合才能完成。JSP將網(wǎng)頁邏輯與網(wǎng)頁設計和顯示分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。JSP的劣勢：</p><p>　?。?）極大的增加了產(chǎn)品的復雜性。因為與ASP一樣，Java的一些優(yōu)勢正是它致命的問題所在。正是由于為了跨平臺的功能，為了極度的伸縮能力。</p><p>　

41、?。?） Java的運行速度是用class常駐內(nèi)存來完成的，所以它在一些情況下所使用的內(nèi)存比起用戶數(shù)量來說確實是“最低性能價格比”了。從另一方面，它還需要硬盤空間來儲存一系列的。java文件和。class文件，以及對應的版本文件。</p><p>　?。?）JSP只有對Java相當熟悉的人才能用得很好。</p><p>　?。?）JSP程序調(diào)試困難。</p><p>

42、;　　2.5.2 JSP與ASP的比較</p><p>　　JSP與ASP(Active Server Page)兩者都是常用的動態(tài)網(wǎng)頁技術(shù)，也都是可以嵌入HTML中的程序，但兩者是有著本質(zhì)的不同，主要從以下幾個方面對其進行比較： </p><p>　?。?）結(jié)構(gòu)：JSP和ASP在結(jié)構(gòu)上是類似的，都是以""作為標計符，不同的是在標計符之間的代碼ASP為JavaScrip

43、t或VBScript腳本，而JSP為Java代碼。 </p><p>　?。?）平臺的支持：JSP具有平臺獨立性，只要是一般的Java程序可以運行的平臺，都支持JSP程序。Windows平臺可以很好的支持ASP,但ASP對于基于Win32逐漸模型的依賴，使得它難于一直到其它平臺上。 </p><p>　?。?）組件模型：JSP是建立在可重用的、跨平臺的組件（如：JavaBeans、Ente

44、rprises JavaBeans 和用戶定制的標簽庫等組件）之上的，而ASP使用的是基于Win32的COM組件模型。 </p><p>　?。?）Session管理：為了跟蹤用戶的操作狀態(tài)，ASP應用SESSION對象。JSP使用一個叫HttpSession的對象實現(xiàn)同樣的功能。Session 信息保存在服務器端，Session的id保存在客戶機的cookie中。 </p><p>　　

45、（5）安全性：JSP使用Java安全模型，而ASP使用Windows NT的安全結(jié)構(gòu)。 </p><p>　?。?）與Access數(shù)據(jù)庫的連接：JSP使用JDBC建立與Access數(shù)據(jù)庫的連接，而ASP對Access數(shù)據(jù)庫使用Data Active Objects。 </p><p>　?。?）用戶定制的標簽：JSP可以使用用戶定制標簽庫進行擴充，而ASP中沒有用戶定制標簽庫，ASP是不能

46、擴充的。</p><p>　　2.6 J2EE概述與發(fā)展</p><p>　　J2EE(Java 2 Platform Enterprise Edition)是使用Java技術(shù)開發(fā)企業(yè)級應用的一種事實上的工業(yè)標準(Sun公司出于其自身利益的考慮，至今沒有將Java及其相關技術(shù)納入標準化組織的體系)，它是Java技術(shù)不斷適應和促進企業(yè)級應用過程中的產(chǎn)物。目前，Java平臺有三個版本：適用于小

47、型設備和智能卡的J2ME(Java 2 Platform Micro Edition)、適用于桌面系統(tǒng)的J2SE（Java 2 Platform Standard Edition）和適用于企業(yè)級應用的J2EE(Java 2 Platform Enterprise Edition)。Sun推出J2EE的目的是為了克服傳統(tǒng)Client/Server模式的弊病，迎合Browser/Server架構(gòu)的潮流，為應用Java技術(shù)開發(fā)服務器端應用提供

48、一個平臺獨立的、可移植的、多用戶的、安全的和基于標準的企業(yè)級平臺，從而簡化企業(yè)應用的開發(fā)、管理和部署。J2EE是一個標準，而不是一個現(xiàn)成的產(chǎn)品。J2EE體系結(jié)構(gòu)提供中間層集成框架用來滿足無需太多費用而又需要高可用性、高可靠性以及可擴展性的應用的需</p><p>　　（1）高效的開發(fā)： J2EE允許公司把一些通用的、很繁瑣的服務端任務交給中間件供應商去完成這樣開發(fā)人員可以集中精力在如何創(chuàng)建商業(yè)邏輯上，相應地縮短了

49、開發(fā)時間。高級中間件供應商提供以下這些復雜的中間件服務:狀態(tài)管理服務 -- 讓開發(fā)人員寫更少的代碼，不用關心如何管理狀態(tài)，這樣能夠更快地完成程序開發(fā)。</p><p>　?。?）持續(xù)性服務 ： 讓開發(fā)人員不用對數(shù)據(jù)訪問邏輯進行編碼就能編寫應用程序，能生成更輕巧，與數(shù)據(jù)庫無關的應用程序，這種應用程序更易于開發(fā)與維護。分布式共享數(shù)據(jù)對象CACHE服務，讓開發(fā)人員編制高性能的系統(tǒng)，極大提高整體部署的伸縮性。</p

50、><p>　?。?）支持異構(gòu)環(huán)境： J2EE能夠開發(fā)部署在異構(gòu)環(huán)境中的可移植程序?；贘2EE的應用程序不依賴任何特定操作系統(tǒng)、中間件、硬件。因此設計合理的基于J2EE的程序只需開發(fā)一次就可部署到各種平臺。這在典型的異構(gòu)企業(yè)計算環(huán)境中是十分關鍵的。J2EE標準也允許客戶訂購與J2EE兼容的第三方的現(xiàn)成的組件，把他們部署到異構(gòu)環(huán)境中，節(jié)省了由自己制訂整個方案所需的費用。</p><p>　?。?

51、）可伸縮性：企業(yè)必須要選擇一種服務器端平臺，這種平臺應能提供極佳的可伸縮性去滿足那些在他們系統(tǒng)上進行商業(yè)運作的大批新客戶。基于J2EE平臺的應用程序可被部署到各種操作系統(tǒng)上。例如可被部署到高端UNIX與大型機系統(tǒng)，這種系統(tǒng)單機可支持64至256個處理器。（這是NT服務器所望塵莫及的）J2EE領域的供應商提供了更為廣泛的負載平衡策略。能消除系統(tǒng)中的瓶頸，允許多臺服務器集成部署。這種部署可達數(shù)千個處理器，實現(xiàn)可高度伸縮的系統(tǒng)，滿足未來商業(yè)應

52、用的需要。</p><p>　?。?）穩(wěn)定的可用性： 一個服務器端平臺必須能全天候運轉(zhuǎn)以滿足公司客戶、合作伙伴的需要。這是實時性很強商業(yè)系統(tǒng)理想的選擇[5]。</p><p>　　第3章“當當網(wǎng)”電子商務網(wǎng)站設計與開發(fā)</p><p><b>　　3.1 概要設計</b></p><p>　　3.1.1 基于B/S的多層

53、次結(jié)構(gòu)</p><p>　　系統(tǒng)采用基于B/S的多層次結(jié)構(gòu)設計，適合信息的查詢和組織，易于與其它應用集成；便于滿足用戶不同層次的服務，應用擴展電子商務網(wǎng)站且便利；多層次設計減輕了客戶端與數(shù)據(jù)庫服務器的負擔，提供了高效的運行時性能；且具有方便易用的Internet信息發(fā)布平臺，便于信息公布！ </p><p>　　3.1.2 開發(fā)環(huán)境及工具</p><p><

54、;b>　　操作系統(tǒng)：</b></p><p>　　可支持Windows95/98/Xp/NT、Windows2000/2003等。</p><p><b>　　開發(fā)工具：</b></p><p>　　采用jsp+Servlet+struts1+Hibernate+MySql開發(fā)。</p><p>　　3

55、.1.3“ 當當網(wǎng)”電子商務項目規(guī)劃</p><p>　　當當網(wǎng)電子商務購書系統(tǒng)由登陸注冊模塊、分類排序查詢模塊、購物車模塊、訂單管理模塊組成，各個模塊的功能如下所示：</p><p>　　登陸注冊模塊：主要就是添加新用戶，驗證用戶登錄系統(tǒng)！</p><p>　　分類排序查詢模塊：主要是對圖書按出版年月，書名，作者等關鍵字進行排序查詢，</p><

56、;p>　　便于顧客查詢自己所需的圖書！</p><p>　　購物車模塊：主要是用于顧客存放所購的書，可以更改同一商品的數(shù)量！</p><p>　　訂單模塊：主要是用于顧客結(jié)算商品的總價格，并需要填寫訂單相應的信息！</p><p>　　3.1.4 功能圖解</p><p>　　系統(tǒng)功能圖如圖3.1所示。</p><p

57、>　　圖3.1當當網(wǎng)購書系統(tǒng)圖解</p><p>　　3.1.5 數(shù)據(jù)庫設計</p><p>　　在科研成果系統(tǒng)中，我一共設計了6張表，其中用戶表是在登陸注冊模塊中的，其它5張表是在項目模塊中的。</p><p>　　數(shù)據(jù)庫表圖如圖3.2所示：</p><p>　　圖3.2數(shù)據(jù)庫表設計</p><p>　　3.1

58、.6 數(shù)據(jù)表的設計</p><p>　　下面列出了設計過程中所用到的數(shù)據(jù)庫表及其結(jié)構(gòu)：</p><p>　　用戶表d_d_user用來保存用戶個人的基本信息，如表3.1所示。</p><p>　　表3.1 d_d_user用戶表</p><p>　　圖書表d_d_book用來保存圖書的基本信息，如表3.2所示。</p><

59、p>　　表3.2 d_d_book圖書表</p><p>　　分類表d_d_category用來保存圖書分類模板的基本信息，如表3.3所示。</p><p>　　表3.3 d_d_category分類表</p><p>　　條目表d_d_item用來保存購物車商品條目的基本信息，如表3.4所示。</p><p>　　表3.4 d_d_i

60、tem條目表</p><p>　　訂單表d_d_order用來保存訂單的基本信息，如表3.5所示；</p><p>　　表3.5 d_d_order訂單表</p><p>　　產(chǎn)品表d_d_product用來保存產(chǎn)品的基本信息，如表3.6；</p><p>　　表3.6 d_d_product產(chǎn)品表</p><p>　

61、　3.1.7 框架設計 </p><p>　　當當網(wǎng)購書系統(tǒng)基于MVC模式，整個系統(tǒng)采用Browser（瀏覽器）/Web（網(wǎng)絡）/Database（數(shù)據(jù)庫）的三層體系結(jié)構(gòu)。用戶可以通過瀏覽器Browser（客戶端）發(fā)送請求給Web服務器，這時運行在對應服務器中的Servlet會接收請求。該購書系統(tǒng)中的Servlet被用作應用程序的前端控制器，jsp界面是作為視圖，JavaBean是用來作為模型，Servlet前端

62、控制器則是用來接收用戶發(fā)送過來的所有請求，根據(jù)用戶發(fā)送過來的請求調(diào)用并在瀏覽器上顯示對應的jsp頁面。為了方便操作，Servlet前端控制器有時還會根據(jù)jsp頁面的需要產(chǎn)生JavaBean實例給JSP頁面使用。Jsp頁面也可以直接調(diào)用方法來顯示對應的界面。這種方式使得商品在增加、修改數(shù)量、刪除和恢復操作時，即時將結(jié)果返回給用戶！滿足用回對系統(tǒng)的實時性要求！項目整體流線圖如圖3.3所示：</p><p><b

63、>　　圖3.3項目流程圖</b></p><p>　　3.2 與用戶互動性設計</p><p>　　為提高網(wǎng)站的交互和用戶的友好性，UI層加入了form，使得用戶在填寫注冊信息的時，然后有些地方?jīng)]有按照規(guī)定填寫就提交了，那么之前填寫的信息就不會消失掉，會保持在編輯框內(nèi)；如果不采用form，那么提交后，然后系統(tǒng)發(fā)現(xiàn)填寫的一些信息沒有符合要求，就直接會消失掉，用戶就要重新填寫

64、之前的信息，這樣會比較浪費用戶的時間，所以用了form機制，當發(fā)生類似的情況，則可以節(jié)省用戶很多的時間，方便注冊用戶。</p><p>　　用戶填寫Email地址，昵稱，密碼和第二次輸入密碼和驗證碼時，點擊注冊提交，部分刷新頁面，直接在下邊管理列表中刷新出提交的內(nèi)容，避免每次都是刷新全部頁面，如圖3.4所示。</p><p><b>　　圖3.4注冊界面</b><

65、;/p><p>　　2.為了使網(wǎng)頁增加互動性和生動性，我在系統(tǒng)中加入了JavaScript表單驗證，對提交的表單做即時的檢查驗證，無需浪費時間交由CGI驗證。而JavaScript它是一種基于對象和事件驅(qū)動并具有安全性能的腳本語言，它最大的優(yōu)點就是嵌入或調(diào)入在標準的HTML語言中實現(xiàn)。注冊表單用戶名驗證如圖3.5所示：</p><p>　　如果用戶未填寫Email地址就移動光標，這時候，會跳出

66、一行紅色提示語，提示用戶注冊郵箱必須填寫。</p><p>　　圖3.5 注冊驗證 </p><p>　　其它的當當網(wǎng)昵稱，設置密碼，再次設置密碼和驗證碼沒填寫的話，都會給出相應的紅色字體的提示，來提示用戶該填的信息必須填寫。注冊表單中第一次設置密碼和第二次設置的密碼必須一致的驗證如圖3.6所示：</p><p>　　如果兩次輸入的密碼不一致，系統(tǒng)會跳出一行紅色提示

67、字體，來提示這兩次密碼輸入不一致，必須重新填寫一致為止。</p><p>　　圖 3.6 注冊密碼驗證</p><p>　　在當當網(wǎng)購書系統(tǒng)中servlet還兼具了另一個小作用：就是驗證碼，我在注冊表中加入了驗證碼。采用的是圖片驗證碼，它是包含無規(guī)律字符信息的圖片。普通用戶用肉眼就可以辨認其中的字符信息。JSP技術(shù)是使用Java編程語言編寫類XML的tags和scriptlets，來封裝產(chǎn)

68、生動態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過tags和scriptlets訪問存在于服務端的資源的應用邏輯。JSP將網(wǎng)頁邏輯與網(wǎng)頁設計和顯示分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。</p><p>　　驗證碼圖3.7如圖所示：</p><p><b>　　圖3.7驗證碼</b></p><p>　　驗證碼主要是防止有

69、人惡意的用sql注入來不斷的創(chuàng)新新用戶增加數(shù)據(jù)庫的壓力。我把驗證碼的代碼寫進一個ImageServlet類中：</p><p>　　具體驗證碼的代碼如下:</p><p>　　public class ImageServlet extends HttpServlet {</p><p>　　public void doGet(HttpServletRequest r

70、equest, HttpServletResponse response)</p><p>　　throws ServletException, IOException {</p><p>　　HttpSession session = request.getSession();</p><p>　　response.setContentType("ima

71、ge/jpeg");</p><p>　　BufferedImage image = new BufferedImage(60, 20,</p><p>　　BufferedImage.TYPE_INT_RGB);</p><p>　　Random r = new Random();</p><p>　　Graphics g = i

72、mage.getGraphics();</p><p>　　g.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)));</p><p>　　g.fillRect(0, 0, 60, 20);</p><p>　　g.setColor(new Color(0,0,0));</p&g

73、t;<p>　　String number = String.valueOf(r.nextInt(99999)); </p><p>　　session.setAttribute("number", number);</p><p>　　g.drawString(number, 5, 15);</p><p>　　OutputStr

74、eam ox = response.getOutputStream();</p><p>　　JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(os);</p><p>　　encoder.encode(image);</p><p><b>　　}</b></p>&l

75、t;p><b>　　}</b></p><p><b>　　3.3 模塊設計</b></p><p>　　當當網(wǎng)購書系統(tǒng)共分成了4個模塊：登陸注冊模塊、分類排序查詢模塊、購物車模塊、訂單管理模塊。</p><p>　　3.3.1登陸注冊模塊</p><p>　　如果是第一次訪問當當網(wǎng)購書系統(tǒng)的

76、必須要注冊一個賬號才可以登錄，也只有用戶登錄后才能購買相應圖書和訂單付款，在這個模塊中主要是建了一個用戶表d_d_user，用于存儲用戶的注冊所對應的信息。當用戶登錄時，在文本框輸入的用戶名和密碼，要與數(shù)據(jù)庫內(nèi)對應存儲的數(shù)據(jù)一致才能登錄，否則會跳出紅色文字提示，提示用戶名或密碼錯誤，提醒用戶重新輸入。</p><p>　　登錄時用戶名和密碼驗證如圖3.8所示。</p><p><b&

77、gt;　　圖3.8登錄驗證</b></p><p>　　如果用戶成功登錄后，在當當網(wǎng)購書系統(tǒng)首頁左上角中會顯示登錄的用戶名，說明該用戶已經(jīng)登錄，同時還有一個登出按鈕，用戶隨時可以登出，即退出登錄。登錄后效果如圖3.9所示。</p><p>　　圖 3.9 登錄后狀態(tài)</p><p>　　用戶在購完圖書，結(jié)算過之后，然后會點擊登出按鈕來退出登錄，這是首頁的

78、左上角而顯示注冊和登錄的按鈕，用戶隨時可以注冊，并在注冊完后登錄去系統(tǒng)購書。登出后效果如圖3.10所示。</p><p>　　圖3.10 未登錄狀態(tài)</p><p>　　登錄和登出的實現(xiàn)在一個Jsp文件中，主要是定義一個boolean類型屬性islogin來保存用戶是否已經(jīng)登錄，并把它保存在Request中，具體的代碼如下：</p><p>　　<span i

79、d="login_info"> <b>您好${sessionScope.session_user.nickname}，歡迎光臨當當網(wǎng)</b></p><p>　　<c:choose></p><p>　　<c: when test="${requestScope.islogin}"></p&

80、gt;<p>　　[&nbsp; <a href="javascript:;"</p><p>　　onclick="load('logout.do',$('login_info').parentNode)" class="b">登出</a></p><p&

81、gt;<b>　　&nbsp;] </b></p><p><b>　　</c:when></b></p><p>　　<c: otherwise></p><p><b>　　[&nbsp;</b></p><p>　　<a hr

82、ef="login_form.do" class="b">登錄</a></p><p><b>　　|</b></p><p>　　<a href="register_one.do" class="b">注冊</a></p><

83、p><b>　　&nbsp;]</b></p><p>　　</c: otherwise></p><p>　　</c: choose> </span></p><p>　　3.3.2分類排序查詢模塊</p><p>　　這個模塊主要是便于用戶查詢自己所需的圖書，節(jié)省客戶

84、的時間，該模塊又可分為以下三個小模塊：圖書分類瀏覽，按關鍵字排序和分頁查詢。</p><p><b>　?。?）圖書分類瀏覽</b></p><p>　　圖書分類可以按層次分為二級分類和三級分類，二級分類有：小說，青春，人文社科，管理，少兒和外語等，每個二級分類下又有一定數(shù)量的三級分類，層次分明，便于搜索，給用戶節(jié)省了一定的時間和精力，如圖3.11所示。</p&

85、gt;<p>　　圖3.11圖書分類瀏覽</p><p><b>　　具體代碼如下：</b></p><p>　　<c:forEach items="${cat.subCategory }" var="cat2"></p><p>　　<div class="bg

86、_old" onmouseover="this.className= 'bg_white';"onmouseout="this.className = 'bg_old';"></p><p><b>　　<h3></b></p><p><b>　　[<

87、/b></p><p>　　<a href="booklist.do?down_id=${cat2.subCategory[0].id }&upper_id=${cat2.id }">${cat2.cn_name }</a> ]</p><p><b>　　</h3></b></p>

88、<p>　　<ul class="ul_left_list"></p><p>　　<c:forEach items="${cat2.subCategory}" var="cat3"></p><p><b>　　<li></b></p><p

89、>　　<a href="booklist.do?down_id=${cat3.id }&upper_id=${cat2.id }">${cat3.cn_name }</a></p><p><b>　　</li></b></p><p>　　</c:forEach></p>

90、<p><b>　?。?）按關鍵字排序</b></p><p>　　圖書的排序方式有按默認排序，按價格升降排序，按出版時間升降排序，按上架時間升降排序，客戶根據(jù)自己不同的需求，選擇最適合的一種排序方式，這樣則更快找到自己最需要的圖書。如圖3.12所示。</p><p>　　圖3.12圖書按關鍵字排序</p><p><b>

91、;　　具體代碼如下：</b></p><p>　　<div class="list_r_title_text"></p><p><b>　　排序方式</b></p><p><b>　　</div></b></p><p>　　<htm

92、l:form action="booklist.do"></p><p>　　<html:select onchange="location='booklist.do?order='+this.value"</p><p>　　property='order' size='1' styleC

93、lass='list_r_title_ml'></p><p>　　<c:forEach items="${map}" var="map1"></p><p>　　<html:option style='color:#c3c3c3' value='${map1.key }'>

94、;</p><p>　　<bean:message key="${map1.value}"/></p><p>　　</html:option></p><p>　　</c:forEach></p><p>　　</html:select></p><p&

95、gt;　　</html:form></p><p><b>　?。?）圖書分頁查詢</b></p><p>　　當圖書超過一定數(shù)量時，一頁書架可能擺不下，所以這時要把多余的書擺在第二頁或更后面的頁面書架上。這樣的分頁查詢雖然效率不高，但是很實用，一目了然，也會便于客戶搜索所需的圖書。當前頁面是第一頁時，那么前一頁的按鈕會失去鏈接功能，如圖3-13所示。同理

96、，當前頁面是最后一頁時，那么下一頁的按鈕也會失去鏈接功能，如圖3-14所示。</p><p>　　圖3.13書架在第一頁時</p><p>　　圖3.14書架在最后一頁時</p><p><b>　　具體代碼如下：</b></p><p>　　<c:choose></p><p>　　

97、<c:when test="${bookform.page gt 1}"></p><p>　　<div class='list_r_title_text3a'></p><p>　　<a name=link_page_next href="booklist.do?page=${bookform.page-1

98、}"></p><p>　　<imgsrc='<%=request.getContextPath()%>/images/page_up.gif' /> </a></p><p><b>　　</div></b></p><p><b>　　

99、</c:when></b></p><p>　　<c: otherwise></p><p>　　<div class='list_r_title_text3a'></p><p>　　<imgsrc='<%=request.getContextPath()%>

100、;/images/page_up_gray.gif' /></p><p><b>　　</div></b></p><p>　　</c:otherwise></p><p>　　</c:choose></p><p>　　<div class='list_

101、r_title_text3b'></p><p>　　第${bookform.page }頁/共${totalpages }頁</p><p><b>　　</div></b></p><p>　　<c:choose></p><p>　　<c:when test="

102、${bookform.page eq totalpages}"></p><p>　　<div class='list_r_title_text3a'></p><p>　　<img src='<%=request.getContextPath()%>/images/page_down_gray.gif' /&g

103、t;</p><p><b>　　</div></b></p><p><b>　　</c:when></b></p><p>　　<c:otherwise></p><p>　　<div class='list_r_title_text3a'

104、;></p><p>　　<a name=link_page_next href="booklist.do?page=${bookform.page+1 }"></p><p>　　<imgsrc='<%=request.getContextPath()%>/images/page_down.gif'

105、; /></p><p><b>　　</a></b></p><p><b>　　</div></b></p><p>　　</c:otherwise></p><p>　　</c:choose></p><p>　　3

106、.3.3購物車管理模塊</p><p>　　用戶只有在登錄后才能購買書店中的圖書，未登錄的用戶在點擊購買時會跳轉(zhuǎn)到登錄界面，讓用戶去登錄購買，沒有賬號的用戶也可以直接注冊一個新賬號去登錄購買所需的商品。</p><p>　　當當網(wǎng)購書系統(tǒng)中購物車管理模塊主要功能有如下幾個部分:</p><p><b>　　1.創(chuàng)建一個購物車</b></p

107、><p>　　當用戶登錄后，購書系統(tǒng)會自動創(chuàng)建一個購物車給登錄的客戶，然后把購物車放在服務器一個session會話中，這樣用戶在整個會話中都會用相同的一個購物車，在購買商品時，都把商品放在這個購物車中。這里主要運用了Http協(xié)議中的session會話機制，將購物車保存在客戶的session會話中，這樣在整個用戶瀏覽不同頁面商品的過程中，都會使用同一個購物車對象。 具體執(zhí)行的步驟如下：</p><p

108、>　　在用戶登錄后，從用戶的請求對象中獲取Session會話對象</p><p>　　從Session會話對象中獲取之前的購物車對象</p><p>　　判斷之前的購物車對象是不是為空，如果是空就創(chuàng)建一個新的購物車對象</p><p><b>　　具體代碼如下：</b></p><p>　　HttpSession

109、session = request.getSession();</p><p>　　String userId = CookieUtils.findCookie(request,</p><p>　　ContantUtils.CID_USER_ID);</p><p>　　UserDao dao = UserDaoFactory.getUserDao();</

110、p><p>　　User user = dao.findUserById(Integer.parseInt(userId));</p><p>　　CartService cart = (CartService) session</p><p>　　.getAttribute(ContantUtils.SID_CART);</p><p>　　i

111、f (cart == null) {</p><p>　　cart = new CartService(user.getId());</p><p>　　String cartStr = CookieUtils.findCookie(request,</p><p>　　ContantUtils.CID_CART);</p><p>　　Sy

112、stem.out.println(cartStr);</p><p>　　if (cartStr != null) {</p><p>　　System.out.println("=====Hello");</p><p>　　cart.load(cartStr);</p><p><b>　　}</b&g

113、t;</p><p>　　session.setAttribute(ContantUtils.SID_CART, cart);</p><p><b>　　}</b></p><p>　　return cart;</p><p>　　向已創(chuàng)建購物車中添加一個商品項</p><p>　　已經(jīng)登錄的用

114、戶在網(wǎng)頁上看到自己所需的商品時，當用戶點擊購買的按鈕時，會向服務器發(fā)送一個“添加到購物車”的請求，然后執(zhí)行這個功能。</p><p><b>　　功能執(zhí)行過程如下：</b></p><p>　　(1)從用戶Request請求對象中獲取商品的ID(Product ID)</p><p>　　(2)調(diào)用業(yè)務層（service）中的方法，然后根據(jù)商品

115、ID到數(shù)據(jù)庫中查詢</p><p>　　品的信息，并返回商品對象</p><p>　　(3)從返回的商品對象中獲取商品名，商品價格，來構(gòu)建一個商品項對象</p><p>　　(4)從Session會話中獲取購物車對象</p><p>　　(5)調(diào)用業(yè)務層（service）的方法來根據(jù)購物車對象和商品項對象來執(zhí) </p><

116、p><b>　　行添加操作</b></p><p>　　(6)將購買的商品項對象放入到同一購物車中</p><p>　　從數(shù)據(jù)庫取到商品對象代碼如下：</p><p>　　Session session = Hbutils.getSession();</p><p>　　Query query = session.

117、createQuery("select </p><p>　　new Product(p.id,p.product_name,p.fixed_price,p.dang_price) from Product p");</p><p>　　List list = query.list();</p><p>　　if (list.size() >

118、; 1) {</p><p>　　return (Product) list.get(productId-1);</p><p>　　當當網(wǎng)購書系統(tǒng)在向購物車中添加商品的時會判斷商品條目是否已經(jīng)存在，若已存在的就不讓在加入，具體代碼實現(xiàn)如下：</p><p>　　if (cart.isExist(id)) {</p><p>　　messag

119、e = "該商品已經(jīng)存在!請</p><p>　　<a onclick='javascript:history.go(-1)'>返回</a>!";</p><p>　　request.setAttribute("message", message);</p><p>　　return m