【潮流服裝網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)8600字（論文）】

潮流服裝網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)摘要隨著人們生活水平的不斷提高，網(wǎng)絡(luò)的不斷成熟時(shí)，網(wǎng)上購物也不斷成熟，網(wǎng)上商城也越來越多。人們對(duì)于高檔消費(fèi)品的需求也會(huì)不斷提高，而網(wǎng)上購物也會(huì)為這部分需求提供服務(wù)。因此，網(wǎng)上購物將會(huì)向這兩個(gè)不同的方向發(fā)展，擁有各自的客戶群體，并且都可能會(huì)做得很好。本文介紹了潮流服裝網(wǎng)站系統(tǒng)的開發(fā)環(huán)境，主要需求分析，界面設(shè)計(jì)，數(shù)據(jù)庫設(shè)計(jì)，以及主要的框架，配置和功能實(shí)現(xiàn)。我主要是用PowerDesigner來設(shè)計(jì)E-R圖，數(shù)據(jù)流圖，用mysql來創(chuàng)建數(shù)據(jù)庫與表，利用集成開發(fā)環(huán)境myeclipse+服務(wù)tomcat進(jìn)行基于Javaweb開發(fā)設(shè)計(jì)。系統(tǒng)的功能主要是完成并實(shí)現(xiàn)網(wǎng)站前臺(tái)和后臺(tái)的各項(xiàng)功能，系統(tǒng)前臺(tái)：該部分主要包括商品展臺(tái)、商品查詢、會(huì)員管理、商品購物。系統(tǒng)后臺(tái)：該部分主要對(duì)商城內(nèi)的一些基礎(chǔ)數(shù)據(jù)進(jìn)行有效管理，包括用戶管理、產(chǎn)品管理、類別管理、訂單管理等。關(guān)鍵詞：系統(tǒng)前臺(tái)，系統(tǒng)后臺(tái)，PowerDesigner，mysql，myeclipse目錄TOC\o"1-3"\h\u一、緒論 11、課題背景 12、研究內(nèi)容 1二、開發(fā)環(huán)境介紹 21、數(shù)據(jù)庫訪問技術(shù)分析 22、開發(fā)環(huán)境及框架介紹 2（1）MyEclipse 2（2）JSP語言環(huán)境 3（3）JavaScript腳本語言 3（4）SqlServer2000 3（5）PowerDesigner 4三、系統(tǒng)需求分析 51、客戶性能需求 52、系統(tǒng)功能需求 5四、數(shù)據(jù)庫設(shè)計(jì) 71、需求分析 7（1）數(shù)據(jù)流圖 7（2）系統(tǒng)E-R圖 82、結(jié)構(gòu)設(shè)計(jì) 103、數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì) 104、創(chuàng)建表的腳本文件 12（1）數(shù)據(jù)庫的安全性 13（2）數(shù)據(jù)完整性 14五、系統(tǒng)分析設(shè)計(jì)與實(shí)現(xiàn) 151、系統(tǒng)分析 15（1）業(yè)務(wù)層 15（2）DTO層 17（3）JavaScript語言的使用 17（4）css+div技術(shù)的使用 17（5）Ajax技術(shù)的使用 182、界面設(shè)計(jì) 18（1）用戶登錄界面設(shè)計(jì) 18（2）用戶購物模塊 193、本章小結(jié) 20參考文獻(xiàn) 22PAGE20一、緒論1、課題背景網(wǎng)上購物越來越受歡迎了，網(wǎng)上購物是一種潮流，網(wǎng)上購物是網(wǎng)絡(luò)發(fā)展的必然趨勢(shì)。網(wǎng)上購物的平臺(tái)有B2B的，有B2C的，大家耳熟能詳?shù)挠邪俣扔邪。詫毦W(wǎng)，卓越網(wǎng)，當(dāng)當(dāng)網(wǎng)，易趣網(wǎng)，拍拍網(wǎng)，還有一些較大的網(wǎng)上商城，如湖北天天電視購物等。網(wǎng)上購物的發(fā)展是一種趨勢(shì)。隨著人們生活水平的不斷提高，網(wǎng)絡(luò)的不斷成熟時(shí)，網(wǎng)上購物也不斷成熟，網(wǎng)上商城也越來越多。網(wǎng)上購物會(huì)出現(xiàn)兩種不同的發(fā)展趨勢(shì)：一種是走低價(jià)格路線，像超市一樣，有物美價(jià)廉的商品；另一種是銷售高檔消費(fèi)商品。隨著人民文化和生活水平的不斷提高，在人們生活必需品消費(fèi)價(jià)格越來越低的情況下，人們對(duì)于高檔消費(fèi)品的需求也會(huì)不斷提高，而網(wǎng)上購物也會(huì)為這部分需求提供服務(wù)。因此，網(wǎng)上購物將會(huì)向這兩個(gè)不同的方向發(fā)展，擁有各自的客戶群體，并且都可能會(huì)做得很好。2、研究內(nèi)容電子商務(wù)網(wǎng)站是信息時(shí)代企業(yè)生存的基礎(chǔ)，同時(shí)也是企業(yè)對(duì)外展示信息、從事商務(wù)活動(dòng)的窗口和平臺(tái)。如何設(shè)計(jì)、建立一個(gè)經(jīng)濟(jì)、實(shí)用、安全、高效、穩(wěn)定的網(wǎng)站是每個(gè)電子商務(wù)網(wǎng)站必須考慮的問題。使用該網(wǎng)站能夠提高企業(yè)內(nèi)部管理效率，充分利用企業(yè)內(nèi)部資源，從整體上降低成本，加快對(duì)市場(chǎng)的響應(yīng)速度，提高服務(wù)質(zhì)量，進(jìn)而全面提高企業(yè)的競(jìng)爭(zhēng)力。電子商務(wù)系統(tǒng)是一個(gè)典型的JavaWeb應(yīng)用程序，它由系統(tǒng)前臺(tái)和后臺(tái)管理兩部分組成。(1)系統(tǒng)前臺(tái)：該部分主要包括商品展臺(tái)、商品查詢、會(huì)員管理、商品購物。(2)系統(tǒng)后臺(tái)：該部分主要對(duì)商城內(nèi)的一些基礎(chǔ)數(shù)據(jù)進(jìn)行有效管理，包括用戶管理、產(chǎn)品管理、類別管理、訂單管理等。實(shí)現(xiàn)網(wǎng)上商城用戶的注冊(cè)，密碼的找回，用戶的登錄以及登錄后基本信息和密碼的修改，商品的展示，購物車，購物訂單貨單的制作，后臺(tái)：管理員的登錄，用戶信息的維護(hù)，商品管理（具體包括商品的查詢，增加商品，刪除商品，上傳更改商品圖片，商品信息的修改，商品分類），類別管理（具體包括類別的展示，增加類別，修改類別名以及刪除某些類別），用戶訂單狀態(tài)的修改及訂單的處理。

二、開發(fā)環(huán)境介紹1、數(shù)據(jù)庫訪問技術(shù)分析JDBC是Java的開發(fā)者——Sun的Javasoft公司制定的Java數(shù)據(jù)庫連接(JavaDataBaseConnectivity)技術(shù)的簡稱，是為各種常用數(shù)據(jù)庫提供無縫聯(lián)接的技術(shù)。JDBC在Web和Internet應(yīng)用程序中的作用和ODBC在Windows系列平臺(tái)應(yīng)用程序中的作用類似。ODBC(OpenDataBaseConnectivity)，稱為開放式數(shù)據(jù)庫互聯(lián)技術(shù)，是由Microsoft公司倡導(dǎo)并得到業(yè)界普遍響應(yīng)的一門數(shù)據(jù)庫連接技術(shù)[1]。JDBC現(xiàn)在可以連接的數(shù)據(jù)庫包括：xbase、Oracle、Sybase、Aceess以及Paradox等。JDBC有一個(gè)非常獨(dú)特的動(dòng)態(tài)連接結(jié)構(gòu)，它使得系統(tǒng)模塊化。使用JDBC來完成對(duì)數(shù)據(jù)庫的訪問包括以下四個(gè)主要組件：Java的應(yīng)用程序、JDBC驅(qū)動(dòng)器管理器、驅(qū)動(dòng)器和數(shù)據(jù)源。用JDBC來實(shí)現(xiàn)訪問數(shù)據(jù)庫記錄可以采用下面的幾個(gè)步驟：①通過驅(qū)動(dòng)器管理器獲取連接接口。②獲得Statement或它的子類。③限制Statement中的參數(shù)。④執(zhí)行Statement。⑤查看返回的行數(shù)是否超出范圍。⑥關(guān)閉Statement。⑦處理其它的Statement。⑧關(guān)閉連接接口。2、開發(fā)環(huán)境及框架介紹（1）MyEclipseMyEclipse企業(yè)級(jí)工作平臺(tái)（MyEclipseEnterpriseWorkbench，簡稱MyEclipse）是對(duì)EclipseIDE的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫和J2EE的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發(fā)環(huán)境[4]，包括了完備的編碼、調(diào)試、測(cè)試和發(fā)布功能，完整支持HTML,Struts,JSF,CSS,Javascript,SQL,Hibernate。在結(jié)構(gòu)上，MyEclipse的特征可以被分為7類：1.J2EE模型。2.WEB開發(fā)工具。3.EJB開發(fā)工具。4.應(yīng)用程序服務(wù)器的連接器。5.J2EE項(xiàng)目部署服務(wù)。6.數(shù)據(jù)庫服務(wù)。7.MyEclipse整合幫助對(duì)于以上每一種功能上的類別，在Eclipse中都有相應(yīng)的功能部件，并通過一系列的插件來實(shí)現(xiàn)它們。MyEclipse結(jié)構(gòu)上的這種模塊化，可以讓我們?cè)诓挥绊懫渌K的情況下，對(duì)任一模塊進(jìn)行單獨(dú)的擴(kuò)展和升級(jí)。簡單而言，MyEclipse是Eclipse的插件，也是一款功能強(qiáng)大的J2EE集成開發(fā)環(huán)境，支持代碼編寫、配置、測(cè)試以及除錯(cuò)。（2）JSP語言環(huán)境JSP提供在HTML代碼中混合某種程序代碼、由語言引擎解釋執(zhí)行程序代碼的能力。JSP代碼被編譯Servlet并由Java虛擬機(jī)解釋執(zhí)行，這種編譯操作僅在對(duì)JSP頁面的第一次請(qǐng)求時(shí)發(fā)生。在JSP環(huán)境下，HTML代碼主要負(fù)責(zé)描述信息的顯示樣式，而程序代碼則用來描述處理邏輯。普通的HTML頁面只依賴于Web服務(wù)器，而JSP頁面需要附加的語言引擎分析和執(zhí)行程序代碼。程序代碼的執(zhí)行結(jié)果被重新嵌入到HTML代碼中，然后一起發(fā)送給瀏覽器。JSP是面向Web服務(wù)器的技術(shù)，客戶端瀏覽器不需要任何附加的軟件支持[3]。在傳統(tǒng)的網(wǎng)頁HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP標(biāo)記(tag)，就構(gòu)成了JSP網(wǎng)頁(*.jsp)。Web服務(wù)器在遇到訪問JSP網(wǎng)頁的請(qǐng)求時(shí)，首先執(zhí)行其中的程序片段，然后將執(zhí)行結(jié)果以HTML格式返回給客戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送email等等，這就是建立動(dòng)態(tài)網(wǎng)站所需要的功能。所有程序操作都在服務(wù)器端執(zhí)行，網(wǎng)絡(luò)上傳送給客戶端的僅是得到的結(jié)果，對(duì)客戶瀏覽器的要求最低，可以實(shí)現(xiàn)無Plugin，無ActiveX，無JavaApplet，甚至無Frame。（3）JavaScript腳本語言JavaScript語言的前身叫作LiveScript,自從Sun公司推出著名的Java語言之后,Netscape公司引了Sun公司有關(guān)Java的程序設(shè)計(jì)概念,將自己原有的LiveScript重新進(jìn)行設(shè)計(jì),并更名為JavaScript。JavaScript是由Netscape公司開發(fā)并隨Navigator導(dǎo)航者一起發(fā)布的、介于Java與HTML之間、基于對(duì)象事件驅(qū)動(dòng)的編程語言，通過JavaScript可以做到響應(yīng)用戶的需求事件（如表單的輸入），這樣當(dāng)一位使用者輸入一項(xiàng)信息時(shí)，它不需要通過網(wǎng)絡(luò)傳送到服務(wù)器端進(jìn)行處理再傳回來的過程，而可以直接在客戶端進(jìn)行事件的處理。因它的開發(fā)環(huán)境簡單，不需要Java編譯器，而是直接運(yùn)行在Web瀏覽器中，而因倍受Web設(shè)計(jì)者的所愛。（4）SqlServer2000SQLServer是一個(gè)關(guān)系數(shù)據(jù)庫管理系統(tǒng)它最初是由MicrosoftSybase和Ashton-Tate三家公司共同開發(fā)的于1988年推出了第一個(gè)OS/2版本在WindowsNT推出后Microsoft與Sybase在SQLServer的開發(fā)上就分道揚(yáng)鑣了Microsoft將SQLServer移植到WindowsNT。SQLServer2000的特性Microsoft?SQLServer?2000的特性包括：Internet集成：SQLServer2000數(shù)據(jù)庫引擎提供完整的XML支持。它還具有構(gòu)成最大的Web站點(diǎn)的數(shù)據(jù)存儲(chǔ)組件所需的可伸縮性、可用性和安全功能。SQLServer2000程序設(shè)計(jì)模型與WindowsDNA構(gòu)架集成，用以開發(fā)Web應(yīng)用程序，并且SQLServer2000支持EnglishQuery和Microsoft搜索服務(wù)等功能，在Web應(yīng)用程序中包含了用戶友好的查詢和強(qiáng)大的搜索功能。（5）PowerDesignerPowerDesigner是Sybase公司的CASE工具集，使用它可以方便地對(duì)管理信息系統(tǒng)進(jìn)行分析設(shè)計(jì)，它幾乎包括了數(shù)據(jù)庫模型設(shè)計(jì)的全過程。我們一般能利用PowerDesigner來制作數(shù)據(jù)流程圖、概念數(shù)據(jù)模型、物理數(shù)據(jù)模型，可以生成多種客戶端開發(fā)工具的應(yīng)用程序，還可為數(shù)據(jù)倉庫制作結(jié)構(gòu)模型，也能對(duì)團(tuán)隊(duì)設(shè)備模型進(jìn)行控制。它可與許多流行的數(shù)據(jù)庫設(shè)計(jì)軟件，例如：PowerBuilder，Delphi，VB等相配合使用來縮短開發(fā)時(shí)間和使系統(tǒng)設(shè)計(jì)更優(yōu)化。PowerDesigner系列產(chǎn)品提供了一個(gè)完整的建模解決方案，業(yè)務(wù)或系統(tǒng)分析人員，設(shè)計(jì)人員，數(shù)據(jù)庫管理員DBA和開發(fā)人員可以對(duì)其裁剪以滿足他們的特定的需要；而其模塊化的結(jié)構(gòu)為購買和擴(kuò)展提供了極大的靈活性，從而使開發(fā)單位可以根據(jù)其項(xiàng)目的規(guī)模和范圍來使用他們所需要的工具。PowerDesigner靈活的分析和設(shè)計(jì)特性允許使用一種結(jié)構(gòu)化的方法有效地創(chuàng)建數(shù)據(jù)庫或數(shù)據(jù)倉庫，而不要求嚴(yán)格遵循一個(gè)特定的方法學(xué)。PowerDesigner提供了直觀的符號(hào)表示使數(shù)據(jù)庫的創(chuàng)建更加容易，并使項(xiàng)目組內(nèi)的交流和通訊標(biāo)準(zhǔn)化，同時(shí)能更加簡單地向非技術(shù)人員展示數(shù)據(jù)庫和應(yīng)用的設(shè)計(jì)。

三、系統(tǒng)需求分析1、客戶性能需求（1）操作簡便系統(tǒng)操作按鈕簡潔，功能一目了然，操作過程簡單。（2）易于維護(hù)系統(tǒng)的開發(fā)方法基于目前最普遍而有效率的機(jī)制，使得本系統(tǒng)易于維護(hù)，管理，減少不必要的重復(fù)性工作及因人為因素導(dǎo)致的錯(cuò)誤。（3）易于使用系統(tǒng)配合企業(yè)實(shí)際操作的需要，后期可以根據(jù)實(shí)際情況方便的變換界面極其功能。（4）易于推廣系統(tǒng)界面定位友善，程序小而精致，可以很有效的介紹商品，完成各種網(wǎng)上購物的操作。（5）

配合未來行業(yè)趨勢(shì)系統(tǒng)設(shè)計(jì)時(shí)，將定位在人性化操作基礎(chǔ)上，順延現(xiàn)代行業(yè)化發(fā)展趨勢(shì)進(jìn)行。2、系統(tǒng)功能需求電子商務(wù)系統(tǒng)是一個(gè)典型的JavaWeb應(yīng)用程序，它由系統(tǒng)前臺(tái)和后臺(tái)管理兩部分組成。※系統(tǒng)前臺(tái)：該部分主要包括商品展臺(tái)、商品查詢、會(huì)員管理、商品購物。圖3-1.系統(tǒng)前臺(tái)功能模塊※系統(tǒng)后臺(tái)：該部分主要對(duì)商城內(nèi)的一些基礎(chǔ)數(shù)據(jù)進(jìn)行有效管理，包括用戶管理、產(chǎn)品管理、類別管理、訂單管理等。圖3-2.系統(tǒng)后臺(tái)功能模塊實(shí)現(xiàn)網(wǎng)上商城用戶的注冊(cè)，密碼的找回，用戶的登錄以及登錄后基本信息和密碼的修改，商品的展示，購物車，購物訂單貨單的制作，后臺(tái)：管理員的登錄，用戶信息的維護(hù)，商品管理（具體包括商品的查詢，增加商品，刪除商品，上傳更改商品圖片，商品信息的修改，商品分類），類別管理（具體包括類別的展示，增加類別，修改類別名以及刪除某些類別），用戶訂單狀態(tài)的修改及訂單的處理。

四、數(shù)據(jù)庫設(shè)計(jì)1、需求分析網(wǎng)上商城有以下功能：用戶的注冊(cè)，密碼的找回，用戶的登錄以及登錄后基本信息和密碼的修改，商品的展示，購物車，購物訂單貨單的制作，后臺(tái)：管理員的登錄，用戶信息的維護(hù)，商品管理（具體包括商品的查詢，增加商品，刪除商品，上傳更改商品圖片，商品信息的修改，商品分類），類別管理（具體包括類別的展示，增加類別，修改類別名以及刪除某些類別），用戶訂單狀態(tài)的修改及訂單的處理。（1）數(shù)據(jù)流圖①用戶登陸模塊：用戶只有在注冊(cè)后或有賬號(hào)的情況下才能登陸，登陸時(shí)要輸入用戶賬號(hào)，密碼，經(jīng)過后臺(tái)數(shù)據(jù)庫的檢驗(yàn)，正確則可登陸進(jìn)行購物，其流程圖如圖4-1。圖4-1.用戶登陸流程圖②用戶購物模塊：用戶注冊(cè)成為會(huì)員后可進(jìn)行修改密碼，修改信息，購物等操作，購物時(shí)會(huì)員可把要買的商品放入購物車中，這樣就可以同時(shí)買很多東西，當(dāng)會(huì)員想要購買時(shí)可選中購物車中的商品，點(diǎn)擊購買系統(tǒng)會(huì)打印出貨單，上面有商品的基本信息，如單價(jià)，數(shù)量等,其流程圖如圖4-2。圖4-2.用戶購物流程圖③后臺(tái)管理：只有管理員才能進(jìn)入后臺(tái)，當(dāng)管理員登陸后可進(jìn)行一些操作，其中包括用戶的刪除(當(dāng)用戶很長的一段時(shí)間沒登陸時(shí)則可刪除，一些錯(cuò)誤用戶也可刪除)，類別的添加刪除修改，商品的添加刪除修改。商品的添加還包括圖片的上傳。其流程圖如圖4-3。圖4-3.后臺(tái)管理流程圖（2）系統(tǒng)E-R圖網(wǎng)上商城主要有如下實(shí)體：用戶實(shí)體，商品實(shí)體，訂單實(shí)體，貨單實(shí)體，類別實(shí)體。(其E-R圖如圖4-4，物理模型圖如圖4-5)一個(gè)用戶有多個(gè)訂單，而一個(gè)訂單只屬于一個(gè)用戶。當(dāng)用戶要購買某物時(shí)系統(tǒng)就會(huì)打印訂單。一個(gè)訂單中可以有很多個(gè)貨單，而一個(gè)貨單只屬于一個(gè)訂單。貨單是記錄某種產(chǎn)品的單價(jià)，數(shù)量等信息的，而訂單中不只一種商品。一個(gè)貨單中有多個(gè)商品，而一個(gè)商品只屬于一張貨單。一張貨單中有一到多個(gè)商品。一個(gè)類別中有很多個(gè)商品，一個(gè)商品也可以有多個(gè)類別。一個(gè)番茄既是水果類又是蔬菜類。圖4-4.系統(tǒng)整體E-R圖圖4-5.物理模型圖2、結(jié)構(gòu)設(shè)計(jì)1.會(huì)員類