1、1 緒論1.1 開發(fā)背景 近年來，隨著Internet的迅速崛起，互聯(lián)網(wǎng)已日益成為收集提供信息的最佳渠道并逐步進(jìn)入傳統(tǒng)的流通領(lǐng)域。于是電子商務(wù)開始流行起來，越來越多的商家在網(wǎng)上建起在線商店，向消費(fèi)者展示出一種新穎的購物理念1。促進(jìn)Internet高速發(fā)展的原因之一就是Web技術(shù)。現(xiàn)如今的Web已經(jīng)不再局限于僅僅提供大量的信息服務(wù)，Web技術(shù)的發(fā)展，使得那些具有交互式的動態(tài)頁面，有條理的數(shù)據(jù)庫查詢，豐富信息內(nèi)容的頁面成為最吸引人的網(wǎng)頁。瀏覽Web有著執(zhí)行Windows程序一樣的感覺和操作性。隨著Internet技術(shù)的發(fā)展，已經(jīng)成為一種操作平臺，為用戶提供強(qiáng)大的服務(wù)。網(wǎng)絡(luò)的應(yīng)用越來越廣泛，單純的提

2、供信息只是其中的一部分。未來的Web將是一套虛擬的信息平臺，其中包括在線購物，遠(yuǎn)程醫(yī)療，視頻點(diǎn)播，語音聊天等功能。功能的擴(kuò)展意味著數(shù)據(jù)量的增加，如果仍然用靜態(tài)頁面的生成模式，則會生成過多的超文本文件，不僅降低了瀏覽速度，也給維護(hù)造成了不便。靜態(tài)文檔的Web技術(shù)無法滿足人們進(jìn)一步的要求。隨著高版本HTML的出現(xiàn)和瀏覽器對Form表單的支持使Web技術(shù)進(jìn)入了動態(tài)交互頁面階段2。作為計算機(jī)領(lǐng)域發(fā)展最迅速之一的數(shù)據(jù)庫技術(shù)，已經(jīng)完成了一套獨(dú)有的理論，并廣泛的應(yīng)用于人們的生產(chǎn)和生活中。數(shù)據(jù)庫技術(shù)與網(wǎng)站的結(jié)合是當(dāng)今Web技術(shù)的一個熱點(diǎn)。有了數(shù)據(jù)庫的支持，可以擴(kuò)展網(wǎng)頁的功能，可以方便的設(shè)計出交互式頁面，可以構(gòu)

3、造功能強(qiáng)大的后臺管理系統(tǒng)，為網(wǎng)站的更新，維護(hù)提供極大的方便3。因此作為網(wǎng)絡(luò)開發(fā)者或者管理者，數(shù)據(jù)庫是必不可少的。當(dāng)前的頁面正在向兩個方向發(fā)展，一是多媒體，另一個是交互式。交互式的實(shí)現(xiàn)意味著網(wǎng)站個性化，意味著用戶將有權(quán)決定要查看哪些內(nèi)容4。所以網(wǎng)站必須提供一個給用戶的界面，讓用戶對內(nèi)容進(jìn)行分類篩選，最后得到用戶需要的內(nèi)容。這點(diǎn)是傳統(tǒng)靜態(tài)網(wǎng)頁無法實(shí)現(xiàn)的。天簌之心網(wǎng)上花店的設(shè)計解決了以上的弊端，將數(shù)據(jù)庫和頁面結(jié)合。利用HTML語言，JSP語言語法，SQL Server數(shù)據(jù)庫知識和網(wǎng)絡(luò)安全知識等制作?；赪eb的天簌之心網(wǎng)上花店就是這樣一個采用交互式動態(tài)網(wǎng)頁的網(wǎng)站。網(wǎng)站主要使用了JSP技術(shù)，采用SOL

4、 Server 2000數(shù)據(jù)庫。使用JDBC技術(shù)把數(shù)據(jù)庫和動態(tài)網(wǎng)頁相關(guān)聯(lián)。天簌之心網(wǎng)上花店需要達(dá)到以下目標(biāo)：1）支持用戶注冊和登錄。2）用戶登錄后可以根據(jù)價格、類型和其他關(guān)鍵詞進(jìn)行查詢。3）用戶可以購買商品，但是可以在提交之前取消購買這些商品。4）支持用戶在線留言。5）支持管理員通過后臺登錄，并對型同種的各種信息進(jìn)行維護(hù)。系統(tǒng)流程及模塊劃分：1）用戶登錄模塊：負(fù)責(zé)驗(yàn)證系統(tǒng)中用戶的登錄信息。2）商品查詢模塊:負(fù)責(zé)根據(jù)用戶輸入的各種查詢條件快速查詢符合用戶要求的鮮花商品。3）購物車模塊：負(fù)責(zé)記錄并保存用戶選購的商品信息，然后生成訂單。4）用戶留言模塊：負(fù)責(zé)接受并記錄用戶的留言信息。5）管理員管理模

5、塊：負(fù)責(zé)商品、訂單、用戶和廠商信息的查看、添加和刪除等維護(hù)操作。1.2 使用工具和技術(shù)的介紹天簌之心網(wǎng)上花店使用到的技術(shù)有：JSP、SQL Server 2000和Dreamweaver。以下對各種工具做一個簡單介紹。 JSP簡介 JSP概述JSP(Java Server Pages)是由Sun Microsystems公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。JSP技術(shù)有點(diǎn)類似ASP技術(shù)，它是在傳統(tǒng)的網(wǎng)頁HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標(biāo)記(tag)，從而形成JSP文件(*.jsp)。 用JSP開發(fā)的Web應(yīng)用是跨平臺的，

6、既能在Linux下運(yùn)行，也能在其他操作系統(tǒng)上運(yùn)行5。JSP技術(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ā)變得迅速和容易6。以下羅列了JSP所獨(dú)具的一些特點(diǎn)：1）將內(nèi)容的生成和顯示進(jìn)行分離 使用JSP技術(shù)，Web頁面開發(fā)人員可以使用HTML或者XML標(biāo)識來設(shè)計和格式化最終頁面。使用JSP標(biāo)識或者小腳本來生成頁面上的動態(tài)內(nèi)容。生成內(nèi)容的邏輯被封裝在標(biāo)識和JavaBeans組件中

7、，并且捆綁在小腳本中，所有的腳本在服務(wù)器端運(yùn)行。如果核心邏輯被封裝在標(biāo)識和Beans中，那么其他人，如Web管理人員和頁面設(shè)計者，能夠編輯和使用JSP頁面，而不影響內(nèi)容的生成。 在服務(wù)器端，JSP引擎解釋JSP標(biāo)識和小腳本，生成所請求的內(nèi)容（例如，通過訪問JavaBeans組件，使用JDBCTM技術(shù)訪問數(shù)據(jù)庫，或者包含文件），并且將結(jié)果以HTML（或者XML）頁面的形式發(fā)送回瀏覽器。這有助于作者保護(hù)自己的代碼，而又保證任何基于HTML的Web瀏覽器的完全可用性。 2）強(qiáng)調(diào)可重用的組件 絕大多數(shù)JSP頁面依賴于可重用的，跨平臺的組件（JavaBeans或者Enterprise JavaBeans

8、TM組件）來執(zhí)行應(yīng)用程序所要求的更為復(fù)雜的處理。開發(fā)人員能夠共享和交換執(zhí) 行普通操作的組件，或者使得這些組件為更多的使用者或者客戶團(tuán)體所使用?；诮M件的方法加速了總體開發(fā)過程，并且使得各種組織在他們現(xiàn)有的技能和優(yōu)化結(jié)果的開發(fā)努力中得到平衡。 3）采用標(biāo)識簡化頁面開發(fā) Web頁面開發(fā)人員不會都是熟悉腳本語言的編程人員。JavaServer Page技術(shù)封裝了許多功能，這些功能是在易用的、與JSP相關(guān)的XML標(biāo)識中進(jìn)行動態(tài)內(nèi)容生成所需要的。 標(biāo)準(zhǔn)的JSP標(biāo)識能夠訪問和實(shí)例化JavaBeans組件，設(shè)置或者檢索組件屬性，下載Applet，以及執(zhí)行用其他方法更難于編碼和耗時的功能。通過開發(fā)定制化標(biāo)識庫

9、，JSP技術(shù)是可以擴(kuò)展的。今后，第三方開發(fā)人員和其他人員可以為常用功能創(chuàng)建自己的標(biāo)識庫。這使得Web頁面開發(fā)人員能夠使用熟悉的工具和如同標(biāo)識一樣的執(zhí)行特定功能的構(gòu)件來工作。 JSP技術(shù)很容易整合到多種應(yīng)用體系結(jié)構(gòu)中，以利用現(xiàn)存的工具和技巧，并且擴(kuò)展到能夠支持企業(yè)級的分布式應(yīng)用。作為采用Java技術(shù)家族的一部分，以及Java 2（企業(yè)版體系結(jié)構(gòu)）的一個組成部分，JSP技術(shù)能夠支持高度復(fù)雜的基于Web的應(yīng)用。 由于JSP頁面的內(nèi)置腳本語言是基于Java編程語言的，而且所有的JSP頁面都被編譯成為Java Servlet，JSP頁面就具有Java技術(shù)的所有好處，包括健壯的存儲管理和安全性。 作為Ja

10、va平臺的一部分，JSP擁有Java編程語言“一次編寫，各處運(yùn)行”的特點(diǎn)。隨著越來越多的供應(yīng)商將JSP支持添加到他們的產(chǎn)品中，您可以使用自己所選擇的服務(wù)器和工具，更改工具或服務(wù)器并不影響當(dāng)前的應(yīng)用7。合理的選擇開發(fā)技術(shù)，對于網(wǎng)站開發(fā)的完成情況有著非常重要的影響。要開發(fā)一個網(wǎng)站，首先要選擇一個動態(tài)網(wǎng)頁開發(fā)技術(shù)。當(dāng)前比較流行的動態(tài)網(wǎng)頁開發(fā)技術(shù)有JSP、ASP、PHP。它們的特性比較如表1.1所示8：表1.1 asp/jsp/php比較表技術(shù)名稱ASPJSPPHP對數(shù)據(jù)庫的支持好好好開發(fā)難易度容易容易較難使用平臺Windows9X/NTWindows/UNIXUNIX安全性不好好不好對組件的支持支持

11、支持不支持執(zhí)行方式解釋執(zhí)行編譯之后執(zhí)行解釋執(zhí)行跨平臺不好好好這三種都是在傳統(tǒng)的HTML代碼中，利用HTML標(biāo)簽的擴(kuò)展，構(gòu)成頁面。不難看出，JSP的綜合實(shí)力是最強(qiáng)的，尤其是在安全性和跨平臺性兩個方面，比其他的兩種技術(shù)都要好，因此，最后選擇基于Java的JSP技術(shù)作為動態(tài)網(wǎng)頁的開發(fā)技術(shù)。 JSP的工作原理 下面以ch2.jsp為例介紹訪問過程：1）客戶端通過瀏覽器發(fā)送請求；2）Web服務(wù)器接收這個請求，然后轉(zhuǎn)給應(yīng)用服務(wù)器；3）應(yīng)用服務(wù)器會查找客戶要訪問的文件，假設(shè)訪問的文件為ch2.jsp；分兩種情況：第一次訪問：應(yīng)用服務(wù)器把JSP文件轉(zhuǎn)換成Java文件；然后編譯成class文件；然后加載類；實(shí)例

12、化對象并初始化；后續(xù)訪問：JSP文件對應(yīng)的頁面對象已經(jīng)存在，直接查找到這個對象；4）應(yīng)用服務(wù)器封裝請求信息，然后調(diào)用相應(yīng)的方法；5）應(yīng)用服務(wù)器把方法執(zhí)行結(jié)果（響應(yīng)客戶的內(nèi)容）傳遞給Web服務(wù)器；6）Web服務(wù)器把這個結(jié)果發(fā)給客戶端；7）客戶端瀏覽器把接收到的html代碼解析成網(wǎng)頁。這個就是我們看到的結(jié)果。1.2.2 Dreamweaver簡介Macromedia Dreamweaver MX 2004是一款專業(yè)的HTML編輯器，用于對Web站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。利用Dreamweaver中的可視化編輯功能，可以快速地創(chuàng)建頁面而無需編寫任何代碼?？梢圆榭此姓军c(diǎn)元素

13、或資源并將它們從易于使用的面板直接拖到文檔中?？梢栽贛acromedia Fireworks 或其他圖形應(yīng)用程序中創(chuàng)建和編輯圖像，然后將它們直接導(dǎo)入 Dreamweaver，或者添加Macromedia Flash 對象，從而優(yōu)化開發(fā)工作流程11。Dreamweaver還提供了功能全面的編碼環(huán)境，其中包括代碼編輯工具（例如代碼顏色和標(biāo)簽完成）。有關(guān) HTML、層疊樣式表（CSS）、JavaScript、ColdFusion標(biāo)記語言 （CFML）、Microsoft Active Server Pages（ASP）和JavaServer Pages（JSP）的參考資料。Macromedia的可自

14、由導(dǎo)入導(dǎo)出HTML技術(shù)，可導(dǎo)入手工編碼的HTML文檔而不會重新設(shè)置代碼的格式，可以隨后用首選的格式設(shè)置樣式來重新設(shè)置代碼的格式12。Dreamweaver還可以使用服務(wù)器技術(shù)（例如 CFML、ASP.NET、ASP、JSP 和 PHP）生成由動態(tài)數(shù)據(jù)庫支持的Web應(yīng)用程序。Dreamweaver可以完全自定義?？梢詣?chuàng)建對象和命令，修改快捷鍵，甚至編寫JavaScript代碼，用新的行為、屬性檢查器和站點(diǎn)報告來擴(kuò)展Dreamweaver的功能。Dreamweaver是在多媒體方面頗有建樹的Macromedia公司推出的可視化網(wǎng)頁制作工具，它與Flash、Fireworks合在一起被稱為網(wǎng)頁制作三

15、劍客，這三個軟件相輔相承，是制作網(wǎng)頁的最佳選擇。其中，Dreamweaver主要用來制作網(wǎng)頁文件，制作出來的網(wǎng)頁兼容性比較好，制作效率也很高，F(xiàn)lash用來制作精美的網(wǎng)頁動畫，而Fireworks用來處理網(wǎng)頁中的圖形13。1.2.3 SQL Server簡介SQL Server是設(shè)計用到的另一個工具，它由微軟開發(fā)，是一個常見的客戶/服務(wù)器關(guān)系數(shù)據(jù)庫軟件。在中小型軟件開發(fā)中的應(yīng)用尤為廣泛。SQL Server 2000與Windows 2000緊密集成。SQL Server 2000不僅與Windows 2000 Server的活動目錄集成，當(dāng)運(yùn)行于Windows 2000之上時，SQL Ser

16、ver 2000還提供了增強(qiáng)的安全性、性能監(jiān)視以及管理特性。SQL Server 2000能夠利用Windows 2000中Kerberos安全的代理能力，把本地客戶端的驗(yàn)證信息傳遞給遠(yuǎn)程服務(wù)器。數(shù)據(jù)庫的性能監(jiān)視能夠在微軟管理控制臺（MMC）中和其它發(fā)監(jiān)視任務(wù)一起運(yùn)行。為了更進(jìn)一步減少多語言環(huán)境下用戶的擁有的成本以及簡化管理任務(wù)，SQL Server 2000支持多語言特性，包括在Windows 2000多語言版下改變SQL Server用戶界面語言環(huán)境的能力。Microsoft SQL Server 2000大大增進(jìn)了現(xiàn)今流行的SQL產(chǎn)品的許多功能。在產(chǎn)品的定義上已經(jīng)做了許多變化，其中包括關(guān)

17、系性引擎（Relational Engine）、管理和工具、復(fù)制、分析服務(wù)（OLAP服務(wù)和數(shù)據(jù)采集）、全文查找、與Windows 2000集成化等等。相對與SQL Server7.0而言，SQL Server 2000主要與Internet的集成、可伸縮性及易用性方面做了增強(qiáng)，同時SQL Server 2000還增加了一些新的特性，從而使其成為在大規(guī)模在線事物處理（OLPA）、數(shù)據(jù)倉庫和電子商務(wù)應(yīng)用程序方面極佳的數(shù)據(jù)平臺。在與Internet的集成方面，SQL Server 2000通過對XML的支持、對數(shù)據(jù)的Web訪問和支持Web的分析等方面增強(qiáng)了其作為電子商務(wù)數(shù)據(jù)平臺的競爭實(shí)力16。在可伸

18、縮性方面，SQL Server 2000通過同一產(chǎn)品的跨平臺使用、對64G大內(nèi)存的訪問、多達(dá)32個CPU的服務(wù)器的支持以及分布式視圖和索引視圖的使用充分保證了該產(chǎn)品的可伸縮性與執(zhí)行性能。在易用性方面，SQL Server 2000在自動動態(tài)管理方面比前一版本又有了更大的進(jìn)步，多種任務(wù)的向?qū)Чぞ呤蛊涫褂闷饋淼眯膽?yīng)手，增強(qiáng)的數(shù)據(jù)轉(zhuǎn)換服務(wù)（DTS）大大改善了可用性和可編程性，而集成的分析服務(wù)可以讓用戶對大量數(shù)據(jù)進(jìn)行分析而花費(fèi)很少的數(shù)據(jù)檢索執(zhí)行時間?？偠灾?，Microsoft SQL Server 2000是一個面向21世紀(jì)的高性能的數(shù)據(jù)庫管理系統(tǒng)。作為Windows家族中一個出類拔萃的成員，SQL

19、 Server 2000可以滿足各種類型的企業(yè)客戶和獨(dú)立軟件供應(yīng)商構(gòu)建商業(yè)應(yīng)用程序的需要。2 系統(tǒng)需求分析這一章將對天簌之心網(wǎng)上花店做一個總體的需求分析，明確所要實(shí)現(xiàn)的功能，確定研究的深度。2.1 開發(fā)系統(tǒng)的基本情況介紹設(shè)計題目為“天簌之心網(wǎng)上花店的設(shè)計與實(shí)現(xiàn)”，其開發(fā)主要包括后臺數(shù)據(jù)庫的建立和維護(hù)以及前臺界面的設(shè)計開發(fā)兩個方面。后臺數(shù)據(jù)庫的建立要求數(shù)據(jù)一致性和完整性強(qiáng)、數(shù)據(jù)安全性好；前端應(yīng)用程序的建立要求界面合理、美觀，功能完備，吸引用戶。注冊用戶登錄前臺后，可以瀏覽和購買網(wǎng)上花店的所有商品，并且可以在網(wǎng)站中留言。管理員通過后臺登錄后可以對系統(tǒng)中的商品以及注冊的用戶和用戶的留言進(jìn)行管理。該系

20、統(tǒng)的用戶模塊和管理員模塊是分離的，即用戶通過用戶模塊登錄到自己的模塊，管理員通過管理員模塊登錄到自己的模塊。用戶和管理員不在一起登錄。2.2 功能需求天簌之心網(wǎng)上花店主要滿足兩個功能需求：用戶需求、管理員需求。分析其需求主要完成的功能如下。 用戶功能需求a）首頁功能設(shè)計首頁集成了商品信息，商品搜索，友情鏈接和用戶登錄注冊。用戶點(diǎn)擊某一商品，查看有關(guān)商品的詳細(xì)信息、花語、價格和適用場合等詳細(xì)信息；用戶也可以通過快速查詢和高級查詢直接查找需要的商品信息。友情連接方便用戶訪問其他相關(guān)網(wǎng)站。只有登錄的用戶才有權(quán)限購買花束。所以用戶要想購買商品必須先登錄，而如果是新用戶就要注冊成為網(wǎng)站的會員再進(jìn)行登錄，

21、然后來使用網(wǎng)站提供的功能。網(wǎng)站管理員可以從首頁登錄，進(jìn)入到管理頁面，對網(wǎng)站的內(nèi)容進(jìn)行設(shè)置。b）站內(nèi)查詢搜索功能設(shè)計用戶可以通過快速查詢和高級查詢來實(shí)現(xiàn)對站內(nèi)花束信息的查找，通過直接填寫關(guān)鍵字詞和選擇查詢分類進(jìn)行快速查詢；通過直接輸入關(guān)鍵字和選擇查找方式、價格范圍、商品分類，可進(jìn)行高級查詢。通過從數(shù)據(jù)庫中提取相關(guān)數(shù)據(jù)，在頁面中顯示有關(guān)的花束信息供用戶瀏覽查看。首頁上還專門設(shè)置了查詢方式較多的按適用場合分類查詢和按價格分類查詢。c）查看商家的有關(guān)信息用戶可以點(diǎn)擊首頁導(dǎo)航欄中的企業(yè)商務(wù)來查看該網(wǎng)站的合作商家，以便使用戶知道商品來源。d）發(fā)表評論用戶可以在首頁的在線留言發(fā)表自己意見和建議，供其他用戶參

22、考和借鑒。2.2.2 管理員功能需求a）管理員信息管理網(wǎng)站的管理員可以在登錄后查看和添加管理員賬號。b）前臺信息管理管理員在登錄后可以對前臺頁面進(jìn)行管理，查看、添加或刪除前臺頁面顯示的商品信息，廠商信息等信息。管理員還可以查看和刪除網(wǎng)站用戶及訂單信息等。2.2.3 系統(tǒng)功能模塊圖在平臺功能的分析基礎(chǔ)上，得到本平臺的功能模塊圖如圖2.1所示： 圖2.1 平臺購物模塊圖用戶進(jìn)入網(wǎng)上花店平臺，用戶可以注冊，然后登錄后可以進(jìn)行修改資料，用戶可以通過商品搜索，找到自己想要產(chǎn)品。管理員可以通過后臺登錄進(jìn)去進(jìn)行用戶管理，訂單信息管理，商品信息管理，廠商信息管理，網(wǎng)站系統(tǒng)管理。在用戶管理中，可以對用戶進(jìn)行添加

23、刪除。3 概要設(shè)計3.1 概述隨著Web技術(shù)的發(fā)展和電子商務(wù)時代的到來，人們不再滿足于建立各種靜態(tài)地發(fā)布信息的網(wǎng)站，更多的時候需要能與用戶進(jìn)行交互，并能提供后臺數(shù)據(jù)庫的管理和控制等服務(wù)的動態(tài)網(wǎng)站。天簌之心網(wǎng)上花店的設(shè)計與實(shí)現(xiàn)不光通過用戶頁面能使使用戶能方便的，隨時隨地的在網(wǎng)上購買花束，并且還擁有強(qiáng)大的后臺處理功能，使管理者可以方便的及時的更新網(wǎng)站的內(nèi)容。3.2 網(wǎng)頁設(shè)計原理當(dāng)在Web站點(diǎn)中融入JSP功能后，將發(fā)生以下事情：1）客戶端通過瀏覽器發(fā)送請求；2）Web服務(wù)器接收這個請求，然后轉(zhuǎn)給應(yīng)用服務(wù)器；3）應(yīng)用服務(wù)器會查找客戶要訪問的文件，假設(shè)訪問的文件為ch2.jsp；分兩種情況：第一次訪問：

24、應(yīng)用服務(wù)器把JSP文件轉(zhuǎn)換成Java文件；然后編譯成class文件；然后加載類；實(shí)例化對象并初始化；后續(xù)訪問：JSP文件對應(yīng)的頁面對象已經(jīng)存在，直接查找到這個對象；4）應(yīng)用服務(wù)器封裝請求信息，然后調(diào)用相應(yīng)的方法；5）應(yīng)用服務(wù)器把方法執(zhí)行結(jié)果（響應(yīng)客戶的內(nèi)容）傳遞給Web服務(wù)器；6）Web服務(wù)器把這個結(jié)果發(fā)給客戶端；7）客戶端瀏覽器把接收到的html代碼解析成網(wǎng)頁。這個就是我們看到的結(jié)果。3.3 系統(tǒng)概要流程設(shè)計該系統(tǒng)網(wǎng)站主要分前臺管理和后臺管理員管理兩大模塊。3.3.1 前臺模塊設(shè)計普通用戶只有瀏覽頁面的功能，只有注冊為會員后，才可以購物。1）前臺購物流程如圖3.1 所示瀏覽商品選擇商品訂購商

25、品去購物車確定訂單提交訂單未注冊用戶已登錄注冊用戶未登錄注冊用戶注冊登錄圖3.1 前臺購物流程圖用戶再前臺可以瀏覽商品，看到自己喜歡的商品可以選擇商品，然后訂購商品，如果是沒有注冊的用戶需要注冊，如果是注冊了沒有登錄的用戶，則跳轉(zhuǎn)到登錄頁面，已經(jīng)登錄的用戶則跳轉(zhuǎn)到購物車頁面，然后提交訂單。2）注冊功能流程如圖3.2所示 圖3.2 注冊功能流程圖注冊的具體實(shí)現(xiàn)為：點(diǎn)擊主頁面的用戶注冊選項(xiàng)后，會彈出一個注冊信息頁面，用戶需要如實(shí)填寫用戶名，密碼，E_mail,地址，電話，真實(shí)，姓名等各項(xiàng)信息，提交后，系統(tǒng)進(jìn)行檢測判斷該用戶名是否已經(jīng)注冊過，如果已經(jīng)存在則彈出新頁面，提示用戶該用戶名已經(jīng)注冊過，如果

26、沒有則進(jìn)行下一步判斷，用戶輸入的兩次密碼是否一致，然后依次往后判斷用戶所填寫的各項(xiàng)信息是否符合要求，直到所有信息均正確無誤，系統(tǒng)將該用戶注冊信息寫入會員表并提示用戶注冊成功，用戶登陸后，就可以進(jìn)行有效的購物了。3）商品搜索流程如圖3.3所示開始搜索輸入條件搜索結(jié)果查看商品購物車下訂單續(xù)搜索是否圖3.3 商品搜索流程圖商品的搜索功能使用戶更加方便的進(jìn)行自己所需要的商品的查詢，節(jié)省時間，提高效率。用戶搜索時只要輸入商品的關(guān)鍵字就能搜索到所有相關(guān)的商品。并且能列出通過搜索得到的商品的詳細(xì)信息。4）會員功能模塊圖如圖3.4所示。圖3.4會員功能模塊圖5）購物車流程如圖3.5所示購物車查看商品滿意嗎下訂

27、單調(diào)整商品結(jié)束否是 圖3.5 購物車流程圖購物車具體的實(shí)現(xiàn)可采用這種形式：定義一個購物車的類(Class)。1）列出商品的列表，使用戶能夠自由選擇所需要的商品。2）當(dāng)用戶在點(diǎn)擊“添加到購物車”的鏈接時，執(zhí)行如下功能：檢查用戶購物車類是否存在。如不存在，則建立，并注冊Session變量；在有用戶購物車類存在的情況下，檢查該類中是否有該商品。如存在，則商品數(shù)量相應(yīng)加1；如沒有該商品，則將該商品添加到該類中。3.3.2 后臺模塊設(shè)計管理員模塊各個模塊的約束比較少，只要是有管理員登錄到管理員模塊中就可以使用管理員模塊各個功能模塊的功能。后臺管理模塊如圖3.6所示圖3.6 后臺管理模塊圖3.4 數(shù)據(jù)庫設(shè)

28、計在建設(shè)網(wǎng)站系統(tǒng)之前，我們必須對系統(tǒng)所用到的數(shù)據(jù)進(jìn)行大致的分類和具體的結(jié)構(gòu)設(shè)計，既要做到清晰明了，又要能適應(yīng)系統(tǒng)各項(xiàng)功能的調(diào)用，而不至于產(chǎn)生結(jié)構(gòu)上的邏輯混亂，保證關(guān)鍵數(shù)據(jù)在意外情況下不會被破壞，可以說數(shù)據(jù)庫是系統(tǒng)的重中之重。數(shù)據(jù)庫設(shè)計要遵循一些規(guī)則，一個好的數(shù)據(jù)庫滿足一些嚴(yán)格的約束和要求。盡量分離各實(shí)體對應(yīng)的表，一個實(shí)體對應(yīng)一個表，搞清楚該實(shí)體有哪些屬性，對應(yīng)有些什么字段，以及各實(shí)體之間有何種聯(lián)系。實(shí)體、屬性與聯(lián)系是進(jìn)行概念設(shè)計時要考慮的三個元素，也是一個好的數(shù)據(jù)庫設(shè)計的核心。從實(shí)際出發(fā)，經(jīng)過仔細(xì)地設(shè)計，得到各表的設(shè)計，它們分別是表5-1管理員信息表 admin，表5-2 商品信息表goods

29、，表5-3留言表leaveLanguage，表5-4訂單表orders，圖5-5訂單詳細(xì)信息表ordersDetails，表5-6商家信息表produce，表5-7 商家詳細(xì)信息表produceDetails，表5-8 商品類別表sort，表5-9 用戶信息表users。天簌之心網(wǎng)上花店的數(shù)據(jù)庫設(shè)計共涉及到9個表，在此對每個表做詳細(xì)說明。a）admin（管理員信息表）用來記錄管理員信息，對于此表， adminId為主鍵。admin（管理員信息表）具體說明如表3.1。表3.1 admin（管理員信息表）表項(xiàng)數(shù)據(jù)類型說明adminIdInt自動編號adminNameVarchar用戶名adminP

30、assVarchar密碼b）orders（訂單表）用來記錄訂單信息，對于此表ordersId為主鍵。orders（訂單表）具體說明如表3.2。表3.2 orders（訂單表）表項(xiàng)數(shù)據(jù)類型說明ordersIdInt自動編號usersNameVarchar用戶名ordersPriceVarchar訂單價格ordersDatetimeVarchar 訂單時間c）goods（商品信息表）用來記錄商品信息，對于此表，goodsId為主鍵。goods（商品信息表）具體說明如表3.3。表3. 3 goods（商品信息表）表項(xiàng)數(shù)據(jù)類型說明goodsIdInt自動編號goodsNameVarchar商品名稱go

31、odsmaterialVarchar花束材料goodsPackageVarchar花束包裝goodsLanguageVarchar話語goodsPriceFloat價錢goodsCentVarchar積分goodsScopeVarchar銷售方向goodsPlaceVarchar適用場合goodsHabitusVarchar是否上架sortNameVarchar分組名稱d）leaveLanguage（留言表）用來記錄用戶留言信息，對于此表， leaveLanguageId為主鍵。leaveLanguage（留言表）具體說明如表3.4。表3.4 leaveLanguage（留言表）表項(xiàng)數(shù)據(jù)類型說

32、明leaveLanguageIdInt自動編號nameVarchar用戶名稱qqVarcharqq號emailVarcharEmail地址leaveLanguageVarchar留言內(nèi)容dateTimeVarchar留言時間e）ordersDetails（訂單詳細(xì)信息表）用來記錄訂單詳細(xì)信息，對于此表，ordersId為主鍵。ordersDetails（訂單詳細(xì)信息表）具體說明如表3.5。表3.5 ordersDetails（訂單詳細(xì)信息表）表項(xiàng)數(shù)據(jù)類型說明ordersIdInt自動編號goodsNameVarchar商品名goodsPrice Varchar商品價格goodsCountInt

33、商品數(shù)量f）produce（商家信息表）用來記錄商家信息，對于此表，produceId為主鍵。produce（商家信息表）具體說明如表3.6。表3.6 produce（商家信息表）表項(xiàng)數(shù)據(jù)類型說明produceIdInt 自動編號produceNameVarchar商家名稱g）produceDetails（商家詳細(xì)信息表）用來記錄商家詳細(xì)信息。produceDetails（商家詳細(xì)信息表）具體說明如表3.7。表3.7 produceDetails（商家詳細(xì)信息表）表項(xiàng)數(shù)據(jù)類型說明produceIdInt自動編號produceNameVarchar商家名稱sortIdInt分類編號goodsId

34、Int商品編號h）sort（商品類別表）用來記錄商品類別。sort（商品類別表）具體說明如表3.8。表3.8 sort（商品類別表）表項(xiàng)數(shù)據(jù)類型說明sortIdInt自動編號sortNameVarchar類別名稱i） users（用戶信息表）用來記錄用戶信息，對于此表usersId為主鍵。users（用戶信息表）具體說明如表3.9。表3.9 users（用戶信息表）表項(xiàng)數(shù)據(jù)類型說明usersIdInt自動編號usersNameVarchar用戶名usersPassVarchar密碼usersRepassVarchar重復(fù)密碼usersPassQuestionVarchar提問問題usersPa

35、ssReplyVarchar答案usersTrueNameVarchar真實(shí)姓名usersAddressVarchar用戶地址usersPhoneVarchar電話usersE_mailVarcharEmail4 詳細(xì)設(shè)計這一章介紹各個功能模塊的詳細(xì)設(shè)計。4.1 站點(diǎn)的建立首先打開Dreamweaver開發(fā)工具，點(diǎn)擊菜單欄的站點(diǎn)，點(diǎn)擊管理站點(diǎn)選項(xiàng)在彈出的對話框中點(diǎn)擊新建站點(diǎn)，新建一個站點(diǎn)，命名為“flowershop”。然后就可以在站點(diǎn)中新建網(wǎng)頁文件。4.2 頁面的設(shè)計 網(wǎng)站首頁頁面設(shè)計在剛建立的站點(diǎn)中新建一個文件，命名為“index.jsp”，作為網(wǎng)站首頁，為了讓網(wǎng)站不管是在800*600還

36、是1024*768的顯示分辨率的時候都能很好的顯示，可以將所有設(shè)計的布局和界面的控件都放在表格里。在Dreamweaver開發(fā)工具中選擇其設(shè)計視圖點(diǎn)擊菜單欄上的插入，選擇表格，插入一個表格。在下面的屬性欄里將其寬度設(shè)置成812將其對其方式選擇為居中對齊，將其邊框?qū)挾仍O(shè)置為0。通過拆分合并單元格，調(diào)整單元格的高度，把網(wǎng)頁拆分成不同的模塊，將其布局調(diào)整成提前設(shè)計的布局的樣子。接下來對首頁的內(nèi)容進(jìn)行設(shè)計。網(wǎng)站首頁的頂部主要是顯示網(wǎng)站logo，及常用的購物車等功能的圖標(biāo)，通過超級鏈接使用戶可以方便的跳轉(zhuǎn)到相應(yīng)的頁面。另外還有網(wǎng)站的banner及導(dǎo)航欄。接下來就是會員注冊及登錄模塊，會員通過這里登錄網(wǎng)站

37、然后購買商品。這里還有商品導(dǎo)購功能，將鮮花按用途或價格等不同關(guān)鍵詞分類，用戶可通過這里的導(dǎo)航直接找到自己想要的類型的商品。另外用戶還可以通過商品搜索直接尋找感興趣的內(nèi)容。在此還設(shè)置了最新公告功能，顯示網(wǎng)站的一些新的公告。首頁上顯示的主要內(nèi)容是一些網(wǎng)站最新推薦的特價商品，還有一些最新上架的商品。在首頁的底部顯示和其他各個網(wǎng)站的友情鏈接，通過鏈接，用戶可以很方便的瀏覽其他網(wǎng)站。首頁的foot部分還有管理員登錄后臺的鏈接，以便管理員登錄。設(shè)計中發(fā)現(xiàn)頁面的樣式并不理想中的樣式，可以通過來添加樣式來使的頁面的樣式效果更漂亮。在index.jsp文件的HTML語句的中添加如下的語句：TD FONT-SIZ

38、E: 9pt; COLOR: #353535; LINE-HEIGHT: 120%/表格字體的大小、顏色、行距BODY FONT-SIZE: 9pt; LINE-HEIGHT: 120% /網(wǎng)站字體屬性A:link COLOR: #000000; TEXT-DECORATION: none /鏈接字體的樣式A:visited COLOR: #000000; text-deration: none /訪問過的鏈接顏色A:hover RIGHT: 0px; COLOR: #336699; POSITION: relative; TOP: 1px; TEXT-DECORATION: none /鼠標(biāo)

39、經(jīng)過鏈接的顏色A:active COLOR: #000000; TEXT-DECORATION: none /鼠標(biāo)點(diǎn)擊時的顏色這樣用戶界面的首頁就設(shè)計完成了。 商品的詳細(xì)頁面設(shè)計商品信息的顯示頁面左側(cè)顯示花束的圖案。右邊顯示鮮花的詳細(xì)信息，包括編號、名稱。話語等。這些詳細(xì)信息都是管理員傳進(jìn)數(shù)據(jù)庫的。在頁面的下部是添加至購物車按鈕，登錄的會員可以點(diǎn)擊這里將鮮花添加至購物車。通過在中插入來控制頁面樣式。通過從其他頁面?zhèn)鬟^來的goodsId的值，通過SQL語句操作數(shù)據(jù)庫，從數(shù)據(jù)庫中提取需要的該商品號對應(yīng)的商品的數(shù)據(jù)顯示在網(wǎng)頁中。4.2.3 會員注冊頁面設(shè)計如果用戶還不是會員則提示用戶進(jìn)行注冊，用戶提

40、交信息之后，系統(tǒng)開始判斷用戶的注冊信息是否有效，首先是用戶名是否為空，用戶輸入的兩次密碼是否一致，然后依次往后判斷用戶所填寫的各項(xiàng)信息是否符合要求，直到所有信息均正確無誤，系統(tǒng)將該用戶注冊信息寫入會員表并提示用戶注冊成功，用戶登陸后，就可以進(jìn)行有效的購物了。注冊頁面要實(shí)現(xiàn)對所填寫的內(nèi)容進(jìn)行驗(yàn)證，只有完全符合條件后才能注冊成功。部分驗(yàn)證代碼如下：function checkuserinfo() if(checkspace(document.userinfo.usersPass.value) | document.userinfo.usersPass.value.length 20) docume

41、nt.userinfo.usersPass.focus(); alert(密碼長度不能不能這空，在6位到20位之間，請重新輸入！);return false; if(document.userinfo.usersPass.value != document.userinfo.usersRepass.value) document.userinfo.usersPass.focus();document.userinfo.usersPass.value = ;document.userinfo.usersRepass.value = ; alert(兩次輸入的密碼不同，請重新輸入！);return

42、 false; if(document.userinfo.usersE_mail.value.length!=0) if t(0)=. | document.userinfo.usersE_mail.value.charAt(0)=| document.userinfo.usersE_mail.value.indexOf(, 0) = -1 | document.userinfo.usersE_mail.value.indexOf(., 0) = -1 | document.userinfo.usersE_mail.value.lastIndexOf()=document.userinfo.u

43、sersE_mail.value.length-1 | document.userinfo.usersE_mail.value.lastIndexOf(.)=document.userinfo.usersE_mail.value.length-1) alert(Email地址格式不正確！); document.userinfo.usersE_mail.focus(); return false; else alert(Email不能為空！); document.userinfo.usersE_mail.focus(); return false; 4.2.4 用戶登陸模塊的實(shí)現(xiàn)用戶登陸模塊是防

44、止非法用戶登陸的第一道防線，通過它可以保護(hù)后臺數(shù)據(jù)庫的安全性，當(dāng)用戶要進(jìn)行定購時，首先要進(jìn)入的就是身份驗(yàn)證界面，只有在密碼正確的情況下才能進(jìn)行以后的購物，如果輸入的密碼不正確，則不能進(jìn)行定購。如果用戶以瀏覽者的身份進(jìn)入網(wǎng)站，則只能進(jìn)行一般的商品瀏覽和搜索，而不能進(jìn)行選購，如果是第一次登陸，請先注冊。4.2.5 網(wǎng)站管理員頁面設(shè)計管理員界面的頁面設(shè)計采用了嵌入框架頁的形式，所以和用戶界面的頁面設(shè)計有一些不同，在HTML視圖中寫下如下代碼：在所用到的Web頁面的HTML里設(shè)置如下，來保證點(diǎn)擊鏈接時在iframe框架中顯示其內(nèi)容。4.3 連接數(shù)據(jù)庫網(wǎng)站中的大部分內(nèi)容都是通過連接數(shù)據(jù)庫，從數(shù)據(jù)庫中提取

45、數(shù)據(jù)顯示到頁面的，管理員對網(wǎng)站的管理也主要是對數(shù)據(jù)庫中數(shù)據(jù)的管理。所以將數(shù)據(jù)庫的連接代碼保存為一個文件DBConnection.jsp。其主要代碼如下：String driver=sun.jdbc.odbc.JdbcOdbcDriver; String url=jdbc:odbc:buyFlowers; String user=sa; String password=; try Class.forName(driver); return DriverManager.getConnection(url,user,password); catch(Exception e) e.printStack

46、Trace(); return null; 在需要用連接數(shù)據(jù)庫的頁面直接引入就可以對數(shù)據(jù)庫進(jìn)行訪問了，可以從數(shù)據(jù)庫提取數(shù)據(jù)在頁面上顯示，也可以通過SQL語句實(shí)現(xiàn)對數(shù)據(jù)庫中數(shù)據(jù)的增刪改。4.4 前臺主要功能模塊詳細(xì)設(shè)計 前臺總體架構(gòu)前臺主要功能模塊介紹。網(wǎng)站導(dǎo)航：方便用戶瀏覽網(wǎng)頁，留言等。會員登錄：主要用于會員登錄購買商品。會員注冊： 存儲的注冊信息有助于商家和購買商品的用戶聯(lián)系。商品導(dǎo)購：按不同的內(nèi)容分類，方便用戶按不同的分類查詢自己所需商品。最新公告：顯示網(wǎng)站最新推出的信息。商品搜索：實(shí)現(xiàn)用戶對網(wǎng)站內(nèi)容的搜索。最新推薦特價商品：顯示網(wǎng)站最新推薦的部分商品基本信息。最新上架商品：顯示網(wǎng)站最新上

47、架的部分商品，以供用戶選購。友情鏈接：顯示友情鏈接的logo。后臺登錄入口：為管理員進(jìn)入后臺提供一個入口。 前臺首頁模塊的詳細(xì)設(shè)計首頁模塊主要是供用戶瀏覽信息，給用戶提供最新商品信息。本模塊主要是一些靜態(tài)供用戶瀏覽的信息，所以該頁面做成了純靜態(tài)的。 會員注冊設(shè)計如果用戶沒有注冊要先進(jìn)行注冊才能登錄，用戶的注冊相對復(fù)雜，在用戶提交時要驗(yàn)證用戶輸入的內(nèi)容是否完整正確，它的作用是確保用戶不跳過輸入，像注冊的用戶名和密碼等信息都是不能跳過的必須要輸入內(nèi)容。為了保證用戶的密碼正確無誤，在這里要求用戶輸入密碼和確認(rèn)的密碼，兩次輸入的值保持一致才能正確注冊。該驗(yàn)證類型檢查可預(yù)知的字符序列，如電子郵件地址中的

48、字符序列。有了這些驗(yàn)證就可以是用戶輸入必要的和有效的信息，也便于后臺對數(shù)據(jù)庫的管理。注冊頁是register.jsp頁面，該頁面添加了若干的文本框用來輸入用戶名，密碼等信息。注冊的代碼比較簡單就是用SQL語句向數(shù)據(jù)庫中添加一條數(shù)據(jù)記錄。注冊界面見圖4.1。圖4.1 會員注冊模塊示意圖4.4.4 會員登錄設(shè)計會員在首頁直接登錄，登錄成功后會自動跳轉(zhuǎn)到網(wǎng)站首頁，在首頁登部將顯示出會員的名稱，普通用戶只可以查看商品信息、在線留言等，會員登錄后可以選購商品到購物車，然后生成訂單。4.4.5 商品導(dǎo)購商品導(dǎo)購?fù)ㄟ^將商品按適用場合分類（例如：生日，祝福，婚禮等），按價格分類（例如：100元以內(nèi)，10020

49、0元等）等，創(chuàng)建不同的鏈接，像子頁面?zhèn)鬟f不同的參數(shù)，然后從數(shù)據(jù)庫里調(diào)用相應(yīng)信息的鮮花的基本信息顯示在頁面上。用戶可以直接進(jìn)入所需商品的頁面進(jìn)行選購，使用戶使用方便，還節(jié)省了時間。4.4.6 商品搜索商品搜索主要實(shí)現(xiàn)用戶按類別搜索網(wǎng)站內(nèi)容，也能實(shí)現(xiàn)對關(guān)鍵字的直接搜索。商品搜索分為快速查詢和高級查詢兩項(xiàng)，快速查詢中在下拉列表框中用戶可以根據(jù)需要選擇要查詢的信息類別，搜索網(wǎng)站內(nèi)相應(yīng)的內(nèi)容。高級查詢中用戶可以輸入關(guān)鍵字，選擇查找方式、價格范圍、商品分類等來縮小查找的范圍，當(dāng)然也可以有選擇的選擇其中的一項(xiàng)或幾項(xiàng)來查詢。這兩種查詢都可以實(shí)現(xiàn)如果用戶已經(jīng)明確要查詢的內(nèi)容，可直接在文本框中輸入要查詢的打折商品

50、的名稱，直接跳轉(zhuǎn)到相應(yīng)的頁面的功能。搜索按鈕的設(shè)置代碼如下。   4.4.7 友情鏈接在頁面下邊部分顯示友情鏈接，用戶可以通過點(diǎn)擊友情鏈接關(guān)鍵字，跳轉(zhuǎn)到相應(yīng)的網(wǎng)站，進(jìn)行瀏覽。4.4.8 商品詳細(xì)信息顯示頁面設(shè)計商品詳細(xì)信息的顯示是在1.jsp這個頁面中設(shè)計完成的，商品信息的顯示頁面左側(cè)顯示花束的圖案。右邊顯示鮮花的詳細(xì)信息，包括編號、名稱。話語等。這些詳細(xì)信息都是管理員傳進(jìn)數(shù)據(jù)庫的。在頁面的下部是添加至購物車按鈕，登錄的會員可以點(diǎn)擊這里將鮮花添加至購物車。通過在中插入來控制頁面樣式。通過從其他頁面?zhèn)鬟^來的goodsId的值，通過SQL語句操作數(shù)據(jù)庫，從數(shù)據(jù)庫中提取需要的該商品號對應(yīng)的

51、商品的數(shù)據(jù)顯示在網(wǎng)頁中。其中商品詳細(xì)信息界面如下圖4.2所示：圖4.2 商品詳細(xì)信息模塊示意圖4.5 后臺主要功能模塊詳細(xì)設(shè)計 后臺總體架構(gòu)后臺主要功能模塊介紹。后臺登錄模塊：用于管理員進(jìn)入后臺管理頁面。網(wǎng)站用戶管理模塊：包括增加用戶，查找用戶，刪除用戶等。其中查找用戶包括查找全部、按用戶號查詢和按用戶名查詢。訂單信息管理模塊：包括增加訂單、刪除訂單和查找訂單管理。其中查找訂單包括查找所有訂單、按訂單號進(jìn)行查找和按用戶名進(jìn)行查找。商品信息管理模塊：包括增加類別、增加商品、刪除商品信息和查看商品。其中查看商品包括查看全部商品、按商品號查找、按商品名查找、按價格查找。廠商信息管理模塊：包括增加廠商、刪除廠商和查找廠商。查找廠商包括查看所有廠商、按廠商號查找和按廠商名查找。留言信息管理模塊：查找留言后，可查看用戶的留言，對于那些惡意留言可進(jìn)行刪除。網(wǎng)站系統(tǒng)管理模塊：包括增加