“萌萌噠”線上鮮花銷售網(wǎng)站設(shè)計和實現(xiàn)網(wǎng)絡(luò)工程專業(yè)

《“萌萌噠”線上鮮花銷售網(wǎng)站設(shè)計和實現(xiàn)網(wǎng)絡(luò)工程專業(yè)》由會員分享，可在線閱讀，更多相關(guān)《“萌萌噠”線上鮮花銷售網(wǎng)站設(shè)計和實現(xiàn)網(wǎng)絡(luò)工程專業(yè)（34頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、 題 目： “萌萌噠”線上鮮花銷售網(wǎng)站 摘 要 21世紀(jì)的今天，隨著社會的不斷發(fā)展與進步，人們對于信息科學(xué)化的認(rèn)識，已由低層次向高層次發(fā)展，由原來的感性認(rèn)識向理性認(rèn)識提高，管理工作的重要性已逐漸被人們所認(rèn)識，科學(xué)化的管理，使信息存儲達到準(zhǔn)確、快速、完善，并能提高工作管理效率，促進其發(fā)展。 論文首先介紹了基于WEB的在線花店的現(xiàn)狀及開發(fā)背景，然后論述了系統(tǒng)的設(shè)計目標(biāo)，系統(tǒng)需求和總體設(shè)計方案，較詳細的論述了系統(tǒng)的詳細設(shè)計和實現(xiàn)。最后，對基于WEB的在線花店進行了測試。 本文以JSP+SSM框架為開發(fā)技術(shù)，實現(xiàn)了一個網(wǎng)上查看鮮花信息以及在線花店的系統(tǒng)。基于W

2、EB的在線花店分為兩大模塊，用戶模塊可以查看鮮花信息、網(wǎng)上在線花店等；管理員可以進行用戶管理、資訊管理、在線花店管理、訂單管理等。通過這些前臺、后臺功能模塊的設(shè)計，基本上實現(xiàn)了整個在線花店管理過程。 在設(shè)計方面，系統(tǒng)采用B/S三層結(jié)構(gòu)，同時使用JSP技術(shù)進行動態(tài)頁面的設(shè)計，從系統(tǒng)的安全性和代碼的可重用性方面考慮，運用JavaBean對程序的關(guān)鍵代碼進行封裝。后臺數(shù)據(jù)庫選用MY SQL 數(shù)據(jù)庫。 關(guān)鍵詞 ：基于WEB的在線花店；JSP技術(shù)；MY SQL數(shù)據(jù)庫；B/S結(jié)構(gòu)；SSM  Abstract Today in the 21st century, with the

3、 continuous development of society and progress, people for the understanding of the scientific information that has been developed from low level to high level development, from perceptual knowledge to rational knowledge, the importance of management work has been gradually known by people, scienti

4、fic management, to store information accurate, fast, perfect, and can improve the work efficiency of management, promote its development. This paper first introduced the current situation and development background of web-based online flower shop, and then discussed the system design objectives, sy

5、stem requirements and overall design scheme, a more detailed discussion of the detailed design and implementation of the system. Finally, a web-based online flower shop was tested. In this paper, JSP+SSM framework for the development of technology, the implementation of an online flowers to view in

6、formation and online flower shop system. Web-based online flower shop is divided into two modules, the user module can view the flowers information, online flower shop, etc. The administrator may carry on the user management, the information management, the flower management, the order management an

7、d so on. Through the design of these foreground and background function modules, the whole online flower shop management process is basically realized. In terms of design, the system adopts B/S three-layer structure, and USES JSP technology to design dynamic pages. Considering the security of the s

8、ystem and the reusability of the code, the key code of the program is encapsulated by JavaBean. The background database is MY SQL database. Key words: web-based online flower shop; JSP technology. MY SQL database; B/S structure; SSM  目 錄 1 概述 1 1.1 課題背景及意義 1 1.2 國內(nèi)外研究現(xiàn)狀 1 1.3 本課題主要工作 2

9、 2 系統(tǒng)開發(fā)環(huán)境 3 2.1JSP技術(shù) 3 2.2JavaScript 4 2.3 B/S結(jié)構(gòu) 4 2.4 HTML簡介 4 2.5 MY SQL數(shù)據(jù)庫 5 3 系統(tǒng)分析 7 3.1 可行性分析 7 3.1.1 技術(shù)可行性 7 3.1.2操作可行性 7 3.1.3 經(jīng)濟可行性 7 3.1.4 法律可行性 8 3.2系統(tǒng)流程設(shè)計 8 3.2.1系統(tǒng)開發(fā)流程 8 3.2.2 用戶登錄流程 9 3.2.3 系統(tǒng)操作流程 9 3.2.4 添加信息流程 10 3.2.5 修改信息流程 11 3.2.6 刪除信息流程 12 3.3系統(tǒng)用例分析 12 3.3.1 管

10、理員用例圖 12 3.3.2 會員用例圖 13 4 系統(tǒng)設(shè)計 15 4.1 系統(tǒng)概述 15 4.2 系統(tǒng)結(jié)構(gòu)設(shè)計 15 4.3 數(shù)據(jù)庫設(shè)計 16 4.3.1 數(shù)據(jù)庫設(shè)計原則 17 4.3.2 數(shù)據(jù)庫實體 17 4.3.3 數(shù)據(jù)庫表設(shè)計 18 5系統(tǒng)界面設(shè)計 20 5.1 系統(tǒng)前臺主界面 20 5.1.1用戶注冊界面 20 5.1.2查找鮮花信息界面 21 5.2管理員功能模塊的實現(xiàn) 22 5.2.1 管理員資訊管理界面 22 5.2.2管理員訂單管理界面 22 5.2.3管理員庫存管理界面 23 5.2.4管理員商品分類管理界面 23 5.2.5管理員會員管

11、理界面 24 6系統(tǒng)測試 25 6.1系統(tǒng)測試的意義 25 6.2性能測試 26 6.3測試分析 26 結(jié) 論 28 致 謝 29 參考文獻 30 IV 1 概述 1.1 課題背景及意義 1.2 國內(nèi)外研究現(xiàn)狀 國內(nèi)互聯(lián)網(wǎng)相對起步較晚，在在線花店管理機制逐步發(fā)展的過程中，各機構(gòu)不但投資構(gòu)建各類硬件、軟件和構(gòu)建網(wǎng)絡(luò)，而且也在不斷的開發(fā)各類管理應(yīng)用系統(tǒng)，逐步構(gòu)建了信息化建設(shè)體系模型。但是，由于整體信息化發(fā)展相對落后，經(jīng)費短缺等原因，國內(nèi)企業(yè)在組織機構(gòu)設(shè)置、服務(wù)對象、服務(wù)水平等方面與國外相比都有一定的差距。然而國外則與國內(nèi)不同，不但信息化的體系建設(shè)

12、起步早，而且他們一般具有較大規(guī)模的穩(wěn)定的技術(shù)隊伍來提供服務(wù)與技術(shù)支持，因此本課題以網(wǎng)上基于WEB的在線花店管理為例，目的是開發(fā)一個實用的在線花店管理系統(tǒng)。 基于WEB的在線花店充分運用并體現(xiàn)了MIS的總體思想，綜合應(yīng)用MY SQL、JSP等技術(shù)，并能實現(xiàn)用戶對自己所需信息的相關(guān)操作和管理員對系統(tǒng)進行管理修改等功能，很好的將管理水平提升了，更好地達到服務(wù)于管理。 與國外信息化進程相比，我國的信息化進程發(fā)展速度緩慢。我國管理系統(tǒng)處于初級階段，管理制度還不成熟。各方面還不太完善。在國外早在幾十年前就出現(xiàn)了許多管理系統(tǒng)開始實現(xiàn)管理，縱觀這些系統(tǒng)主要有以下幾個特點： (1)先進性：實現(xiàn)網(wǎng)絡(luò)化管理。

13、 (2)通用性：各機構(gòu)都能使用。 (3)方便性：通過網(wǎng)絡(luò)就能完成管理工作。 (4)及時性：信息更新及時。 而我國進幾年才出現(xiàn)此類管理系統(tǒng)，大部分鮮花市場都沒有專門的基于WEB的在線花店管理系統(tǒng)，只是通過人工的管理方式，效率極低。因此建立基于WEB的在線花店可以使管理效率更高，使其更加規(guī)范化、科學(xué)化和信息化，滿足管理員通過網(wǎng)絡(luò)可實現(xiàn)用戶、花店的相關(guān)操作。 1.3 本課題主要工作 本文首先對系統(tǒng)所涉及到的基礎(chǔ)理論知識進行闡述，并在此基礎(chǔ)上進行了系統(tǒng)分析。系統(tǒng)分析是平臺開發(fā)的一個不可或缺的環(huán)節(jié)，主要是能讓這個系統(tǒng)比較有規(guī)律的整體被呈現(xiàn)出來，就一定要做好前期工作?；谙嚓P(guān)系統(tǒng)研究的基礎(chǔ)上，

14、對新系統(tǒng)的功能進行詳細的分析，從而為開發(fā)出完整的系統(tǒng)設(shè)計奠定基礎(chǔ)。本平臺利用了現(xiàn)在比較廣泛的JSP+MY SQL數(shù)據(jù)庫的架構(gòu)實現(xiàn)的，如何整體把控，這樣才能為進一步的實施奠定牢靠的基礎(chǔ)。 其次考慮到系統(tǒng)實施的可行性，在軟件方面我選擇了如今比較流行的JSP技術(shù)來進行開發(fā)管理平臺的設(shè)計，使用 MY SQL數(shù)據(jù)庫存儲數(shù)據(jù)。由于JSP 和MY SQL 都是非常成熟的開發(fā)工具，因此無論在安全性、可用性、可靠性方面都毋庸置疑。 第 30 頁 2 系統(tǒng)開發(fā)環(huán)境 2.1JSP技術(shù) JSP這個系統(tǒng)很好的運用了Java編程語言，JSP技術(shù)能夠?qū)Σ煌南到y(tǒng)實施有條理的分類。運用tags和scri

15、pt，網(wǎng)頁還可以推理各種應(yīng)用邏輯比如存在于服務(wù)器的資源的應(yīng)用邏輯。JSP可以打開各種網(wǎng)頁具有邏輯網(wǎng)頁邏輯與網(wǎng)頁設(shè)計和顯示，對可重用的對組件的設(shè)計更加先進，更容易的對基于Web的計算機系統(tǒng)進行改造。 當(dāng)Web計算機系統(tǒng)探查到需進入JSP網(wǎng)頁的請求時，第一個開始的系統(tǒng)運行，接下來將JSP文件中的HTML代碼和運行效果一起整合回饋給使用者。通過Java文件的插入能夠?qū)?shù)據(jù)庫、網(wǎng)頁多重定向等運行，從而滿足構(gòu)建動態(tài)網(wǎng)頁所需要的程序。JSP和Servle相同，都可以通過服務(wù)器端運行。由于能夠?qū)⒁粋€HTML文本返回給用戶端，所以用戶端具備瀏覽器就可以進行瀏覽。HTML程序和穿插在內(nèi)部的Java程序可以構(gòu)建

16、JSP網(wǎng)頁。在服務(wù)器被用戶端訪問時，能夠處理相應(yīng)的Java代碼，然后將產(chǎn)生的HTML頁面再返回給用戶端的瀏覽器。JSP的最重要的部分就是Servlet，通常大型的Web計算機系統(tǒng)的設(shè)計成果也通過Java Servlet和JSP的幫忙。JSP既擁有了方便快捷的Java程序，又統(tǒng)統(tǒng)的面向用戶，既實現(xiàn)了平臺的無關(guān)性危險還比較小，可以具備互聯(lián)網(wǎng)的全部優(yōu)勢。JSP技術(shù)的優(yōu)點： （1）只需要設(shè)計完好便可以適用于各個系統(tǒng)。 除了最復(fù)雜的系統(tǒng)，這個不需要再做任何修改。 （2）系統(tǒng)的多平臺支持。通常情況下，能夠在任何情況下的全部平臺上進行設(shè)計，能夠安排在任何情況中，也能夠在任何情況下進行發(fā)展。相比ASP/.

17、net來說，優(yōu)點是顯而易見的。 （3）強大的可塑性。通過一個不大的Jar程序能夠?qū)ervlet/JSP進行運行，也能夠通過很多服務(wù)器進行集群和負(fù)載平衡，甚至能夠通過多臺Application解決問題。單臺服務(wù)器到多臺服務(wù)器，Java展現(xiàn)了一個強大的功能。 （4）具有強大和多樣化的開發(fā)工具支持。Java已經(jīng)有了很多的設(shè)計方法，何況大部分工具都是沒有花費的，這中間有很多都在多種平臺之下順暢的進展。 (5)支持服務(wù)器端組件。只有很有力的服務(wù)器端組件才能支撐web運行，因此開發(fā)者可以在調(diào)用web頁面時通過另外的開發(fā)工具來達成紛亂效用的組件，來加強系統(tǒng)的可操作性。JSP可以通過完善的JAVA

18、 BEANS 組件來達成紛亂的商務(wù)功能。 其他內(nèi)容展示出：request 系統(tǒng)要求，此請求包括了來自GET/POST請求的參數(shù)； response系統(tǒng)返回使用WiFi的要求；管理pageContext 網(wǎng)頁的屬性；session 與請求之間有關(guān)系的內(nèi)容；application servlet正在進行的內(nèi)容；out 用來輸送響應(yīng)的輸出流； config　代碼片段配置對象；page　JSP網(wǎng)頁本身。 2.2JavaScript JavaScript是一種根據(jù)對象和情況驅(qū)使而且相對危險性比較低的用戶端腳本語言。另一個功能就是可以為很多很多人的系統(tǒng)還可以大范圍的用于用戶Web設(shè)計的腳本語言，一般

19、可以用做增加HTML網(wǎng)頁動態(tài)功能，例如反饋用戶的所有操控。JavaScript的一個關(guān)鍵作用是向?qū)ο蟮墓δ埽鶕?jù)以對象為基礎(chǔ)的程序開發(fā)，能夠用更直接、系統(tǒng)化和能夠反復(fù)利用的方法設(shè)計程序。根據(jù)HTML程序，可以采用Javascript對交互式Web網(wǎng)頁進行設(shè)計。Javascript可以使系統(tǒng)與用戶能夠相適應(yīng)及時反饋。 2.3 B/S結(jié)構(gòu) 在這種系統(tǒng)，用戶可以通過瀏覽器向分布在網(wǎng)絡(luò)上的眾多服務(wù)器發(fā)出請求。B/S系統(tǒng)極大地簡化了客戶機的工作量，用戶只要使用簡單的系統(tǒng)就可以解決復(fù)雜大量的問題，完成對計算機系統(tǒng)的要求。 2.4 HTML簡介 HTML網(wǎng)頁主要是用來表示特定的語言，在因特網(wǎng)上在全世

20、界范圍里發(fā)布各種特殊的信息。發(fā)表在WWW（萬維網(wǎng)）是一種用于HTML語言。與HTML，他們致力于通過瀏覽器識別信息，任何形式的HTML文件編寫規(guī)則，我們參考相關(guān)資料，HTML“翻譯”來表達。 HTML功能： （1）標(biāo)題，文本，表格。 （2）通過鏈接到在線信息。 （3）遠程服務(wù)，信息和訂單可以被用來獲取產(chǎn)品的開發(fā)。 （4）文件，視頻剪輯，音頻剪輯，并直接包含一個表的其他應(yīng)用程序。 HTML標(biāo)記實際上是一個文本文件轉(zhuǎn)換為一系列的組合。 HTML標(biāo)簽通常是英文單詞（如段落P等）是可以的，但一般他們是不同的，因為他們是小三角支架和文字是成對出現(xiàn)的。當(dāng)您使用的標(biāo)簽 - <p>等標(biāo)簽

21、</ p>我們應(yīng)該接近。 一個HTML文檔可以分為以下幾部分： <HTML> <HEAD> <TITLE>頁</ title> </ HEAD> <BODY> 該網(wǎng)頁的內(nèi)容 </ BODY> </ HTML> 其中： <HTML>......</ HTML>這表明，它是一個HTML文件 <HEAD>......</ H EAD>：這是在網(wǎng)頁顯示的第一部分 <標(biāo)題> ...</ TITLE>頁

22、 <BODY>... </ BODY>正文頁 2004年html5誕生，2007年被W3C接納并推廣使用，2010年，Ethan Marcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計“這個名詞，這也是它能夠廣泛使用的特別原因，可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。 2.5 MY SQL數(shù)據(jù)庫 MY SQL非常適用于Web站點或者其他應(yīng)用軟件的數(shù)據(jù)庫后端的開發(fā)工作。此外，用戶可利用許多語言編寫訪問MY SQL數(shù)據(jù)庫的程序。MY SQL數(shù)據(jù)庫也是開放源代碼的，開發(fā)者越來越喜歡使用MY SQL關(guān)系數(shù)據(jù)庫，應(yīng)用范圍也被推而廣之。這是由于速度快和易用性， Web站點或應(yīng)用

23、軟件的數(shù)據(jù)庫后端的開發(fā)也都在使用它。 MY SQL數(shù)據(jù)庫具有以下特點： 1、C和C ++可以進行測試來保證源代碼的可靠性和適用性。 2、功能強大AIX的，F(xiàn)reeBSD下，HP-UX，Linux和Mac OS中，Novell公司的Netware，OpenBSD系統(tǒng)，OS/2裹時，Solaris，Windows等。 3、可以進行多種語言編輯API。編程語言，如C,, C ++，Python和Java的，的Perl，PHP，埃菲爾鐵塔，Ruby和Tcl的。 4、以及使用的CPU資源來支持多線程。 5、算法優(yōu)化查詢SQL，快速提高效率。 6、網(wǎng)絡(luò)上的客戶端和服務(wù)器可以用來編程任何獨立的

24、編程環(huán)境，也有中國，GB2312，BIG5，日文寫作，一般基金，用于支持多國語言，并且可以嵌入在數(shù)據(jù)表和其他軟件shift_jis訪問柱可以用作的名稱。 7、TCP / IP，ODBC和JDBC數(shù)據(jù)庫，并可隨時切換。 8、管理工具的管理，控制和優(yōu)化數(shù)據(jù)庫的操作。 9、可以數(shù)以千萬計的記錄在一個大的數(shù)據(jù)庫。 3 系統(tǒng)分析 3.1 可行性分析 基于WEB的在線花店主要目標(biāo)是實現(xiàn)網(wǎng)上花店的智能化管理。在確定了目標(biāo)后，我們從以下四方面對能否實現(xiàn)本系統(tǒng)目標(biāo)進行可行性分析。 3.1.1 技術(shù)可行性 基于WEB的在線花店主要采用的技術(shù)員有JSP、Java技術(shù)，B/S結(jié)構(gòu)，MY SQL

25、數(shù)據(jù)庫，具體涵蓋前端應(yīng)用程序的開發(fā)以及后臺數(shù)據(jù)庫的建立和維護兩個方面。要求是使用簡單，功能健全，而對于數(shù)據(jù)庫的建立和維護則要求建立一個數(shù)據(jù)完整性強、數(shù)據(jù)安全性好、數(shù)據(jù)穩(wěn)定性高的庫。 1、Java提供了穩(wěn)定的性能、優(yōu)秀的升級性、更快速的開發(fā)、更簡便的管理、全新的語言以及服務(wù)，整個系統(tǒng)幫用戶做了大部分不重要的瑣碎的工作。 2、基于B/S模式的系統(tǒng)成果顯著。 3、我們都知道，Java是面向?qū)ο蟮拈_發(fā)語言。 綜上所述：基于WEB的在線花店的開發(fā)技術(shù)具有很高可行性，且開發(fā)人員掌握了一定的開發(fā)技術(shù)，所以系統(tǒng)的開發(fā)具有可行性。 3.1.2操作可行性 基于WEB的在線花店的登錄界面簡單易于操作，采

26、用常見的界面窗口來登錄界面，通過電腦進行訪問操作，用戶只要平時使用過電腦都能進行訪問操作。此系統(tǒng)的開發(fā)采用JSP語言開發(fā)，基于B/S結(jié)構(gòu)，這些開發(fā)環(huán)境使系統(tǒng)更加完善。本系統(tǒng)具有易操作、易管理、交互性好的特點，在操作上是非常簡單的。因此本系統(tǒng)可以進行開發(fā)。 3.1.3 經(jīng)濟可行性 基于WEB的在線花店是基于B/S模式，采用MY SQL數(shù)據(jù)庫儲存數(shù)據(jù)，所要求的硬件和軟件環(huán)境，市場上都很容易購買，程序開發(fā)主要是管理系統(tǒng)的開發(fā)和維護。所以程序在開發(fā)人力、財力上要求不高，這個系統(tǒng)特別簡單，用的時間也很短，在花費上也是很實。 3.1.4 法律可行性 此基于WEB的在線花店是自己設(shè)計的管理系統(tǒng)，具有

27、很大的實際意義。開發(fā)環(huán)境軟件和使用的數(shù)據(jù)庫都是開源代碼，因此對這個系統(tǒng)進行開發(fā)與普通的系統(tǒng)軟件設(shè)計存在很大不同，沒有侵權(quán)等問題，在法律上完全具有可行性。 綜上所述，基于WEB的在線花店在技術(shù)、經(jīng)濟、操作和法律上都具有很高的可行性，開發(fā)此程序是很必要的。 3.2系統(tǒng)流程設(shè)計 3.2.1系統(tǒng)開發(fā)流程 基于WEB的在線花店開發(fā)中時，首先進行需求分析，進而對系統(tǒng)進行總體的設(shè)計規(guī)劃，設(shè)計系統(tǒng)功能模塊，數(shù)據(jù)庫的選擇等，本系統(tǒng)的開發(fā)流程如圖3-1所示 圖3-1系統(tǒng)開發(fā)流程圖 3.2.2 用戶登錄流程 為了保證系統(tǒng)的安全性，要使用本系統(tǒng)對信息進行管理，必須先登陸到系統(tǒng)中。如圖3-2

28、所示。 圖3-2 登錄流程圖 3.2.3 系統(tǒng)操作流程 用戶打開系統(tǒng)，首先進入系統(tǒng)登錄界面，用戶需通過正確的用戶名、密碼進行登錄，系統(tǒng)會進行檢查用戶登錄信息，信息正確則進入對應(yīng)用戶功能界面，可進行功能操作處理，否則提示信息錯誤，登錄失敗?；赪EB的在線花店操作流程如圖3-3所示。 圖3-3 系統(tǒng)操作流程圖 3.2.4 添加信息流程 管理員可以對用戶信息、資訊信息、鮮花信息、訂單信息等進行信息的添加，用戶也可以對自己權(quán)限內(nèi)的信息進行添加，輸入所要添加的信息，系統(tǒng)會自動對信息數(shù)

29、據(jù)進行驗證，信息合法，則驗證成功添加至數(shù)據(jù)庫，信息不合法提示添加失敗，重新輸入信息。添加信息流程如圖3-4所示。 圖3-4 添加信息流程圖 3.2.5 修改信息流程 管理員可以對用戶信息、資訊信息、鮮花信息、訂單信息等進行信息的修改，用戶也可以對自己權(quán)限內(nèi)的信息進行修改，首先進入修改信息界面，輸入修改信息數(shù)據(jù)，系統(tǒng)進行數(shù)據(jù)的判斷驗證，修改信息合法則修改成功，信息更新至數(shù)據(jù)庫，信息不合法則修改失敗，重新輸入。修改信息流程圖如圖3-5所示。 圖3-5 修改信息流程圖 3.2.6 刪除信息流程 管理員可以對用戶信息、資訊信息、鮮花信息、訂單信息等進行信息的刪除，選中所要刪

30、除的信息，單擊刪除按鈕，系統(tǒng)則提示是否確定刪除信息，選擇確定刪除，則刪除信息成功，系統(tǒng)數(shù)據(jù)庫將信息進行刪除。刪除信息流程圖如圖3-6所示。 圖3-6 刪除信息流程圖 3.3系統(tǒng)用例分析 3.3.1 管理員用例圖 系統(tǒng)中的核心用戶是系統(tǒng)管理員，管理員登錄后，通過管理員菜單來管理后臺系統(tǒng)。主要功能有：系統(tǒng)管理、用戶信息、資訊信息、鮮花信息、訂單信息、個人資料管理等。管理員用例如圖3-7所示。 圖3-7 管理員用例圖 3.3.2 會員用例圖 會員進入系統(tǒng)可查看網(wǎng)站信息，包括網(wǎng)站首頁、鮮花等信息，注冊后登錄，可以進行網(wǎng)上訂購鮮花等。用戶

31、用例如圖3-8所示。 圖3-8 會員用例圖 4 系統(tǒng)設(shè)計 4.1 系統(tǒng)概述 基于WEB的在線花店采用B/S結(jié)構(gòu)(Browser/Server,瀏覽器/服務(wù)器結(jié)構(gòu))和基于Web服務(wù)兩種模式，是一個適用于Internet環(huán)境下的模型結(jié)構(gòu)。只要用戶能連上Internet,便可以在任何時間、任何地點使用。系統(tǒng)工作原理圖如圖4-1所示： 圖4-1 系統(tǒng)工作原理圖 4.2 系統(tǒng)結(jié)構(gòu)設(shè)計 系統(tǒng)架構(gòu)的整體設(shè)計是一個將一個龐大的任務(wù)細分為多個小的任務(wù)的過程，這些小的任務(wù)分段完成后，組合在一起形成一個完整的任務(wù)。它具體的工作步驟是： 1、系統(tǒng)被分解多個子模塊 2、對各個子模塊的功能

32、進行預(yù)先的設(shè)計 3、對各個子模塊之間的邏輯關(guān)系進行設(shè)計 4、對各個模塊的界面以及模塊間信息的傳輸進行設(shè)計 在整個設(shè)計過程，以確定可能的具體方案達成每一個小的最終目標(biāo)，對于每一個小的目標(biāo)而言，我們必須先了解一些相關(guān)的需求分析的信息。然后對系統(tǒng)進行初步的設(shè)計，并對其逐漸進行優(yōu)化，設(shè)計出一個具體可實現(xiàn)的系統(tǒng)框架。 基于WEB的在線花店的整體結(jié)構(gòu)設(shè)計如圖4-2所示。 圖4-2 系統(tǒng)結(jié)構(gòu)圖 順序圖；時間用垂直虛線表示。每個對象下面延伸出來的虛線叫做生命線（lifeline）生命線上的窄矩形條叫做激活（activation）。 使用順序圖可以更好的將系統(tǒng)模塊化，并明確各個模塊的功能。下面

33、就介紹本系統(tǒng)幾個主要模塊的順序圖。 所有用戶均可進行登錄操作，登錄順序圖如圖4-3所示。 圖4-3 登錄順序圖 4.3 數(shù)據(jù)庫設(shè)計 目前，電腦系統(tǒng)的關(guān)鍵與核心部分就是數(shù)據(jù)庫。數(shù)據(jù)庫開發(fā)的優(yōu)劣對整個系統(tǒng)的質(zhì)量和速度有著直接影響。 4.3.1 數(shù)據(jù)庫設(shè)計原則 在概念設(shè)計中，通常用四種方法： 在物理結(jié)構(gòu)設(shè)計階段首先分兩步走： 確定數(shù)據(jù)庫的物理結(jié)構(gòu)，在關(guān)系數(shù)據(jù)庫中主要是指存取方法和存儲結(jié)構(gòu)。 對物理結(jié)構(gòu)的評價是時間和空間效率。 4.3.2 數(shù)據(jù)庫實體 在此階段，用戶可以參與和評價數(shù)據(jù)庫系統(tǒng)的設(shè)計，從而有利于保證數(shù)據(jù)庫系統(tǒng)的設(shè)計與用戶的需求相吻合。在概念模式的設(shè)計中，E-R模型法

34、是最常見的設(shè)計方法。 通過上述分析對數(shù)據(jù)庫的需求，與系統(tǒng)概念模型的特點及開發(fā)方法相結(jié)合，我們可以建立E-R模型圖，本系統(tǒng)的E-R圖如下圖所示： 1、鮮花商品實體E-R圖如圖4-4所示： 圖4-4鮮花商品實體圖 2、訂單信息實體屬性圖如圖4-5所示： 圖4-5訂單信息實體屬性圖 3、會員實體屬性圖如圖4-6所示： 圖4-6會員實體屬性圖 4、評論實體屬性圖如圖4-7所示： 圖4-7評論實體屬性圖 4.3.3 數(shù)據(jù)庫表設(shè)計 數(shù)據(jù)庫的設(shè)計通常是以一個已經(jīng)存在的數(shù)據(jù)庫管理系統(tǒng)為基礎(chǔ)的，常用的數(shù)據(jù)庫管理系統(tǒng)有MY SQL，MY SQL Oracle等。本基于WE

35、B的在線花店采用了MY SQL數(shù)據(jù)庫管理系統(tǒng)，下面介紹數(shù)據(jù)庫中的各個表的詳細信息。 表4-1 t_shangpin鮮花商品信息表 列名 數(shù)據(jù)類型 長度 主鍵 允許空 說明 id bigint 20 是 否 主鍵 mingcheng varchar 255 否 是 名稱 jiage varchar 255 否 是 價格 huiyuanzhekou varchar 255 否 是 會員折扣 leibie varchar 255 否 是 類別 xianshixiaoshou varchar 255 否 是 限時銷售

36、 pinglun varchar 255 否 是 評論 shifoushangjia bigint 20 否 是 是否上架 表4-2 t_dingdan訂單信息表 列名 數(shù)據(jù)類型 長度 主鍵 允許空 說明 id int 11 是 否 主鍵 jiner varchar 255 否 是 金額 dingdanyonghuID int 11 否 是 用戶ID shouhuodizhi varchar 255 否 是 收貨地址 shifoufukuan varchar 255 否 是 是否付款 shifo

37、ufahuo varchar 255 否 是 是否發(fā)貨 wuliuxinxi varchar 255 否 是 物流信息 addtime timestamp 否 是 時間 表4-3 t_huiyuan會員信息表 列名 數(shù)據(jù)類型 長度 主鍵 允許空 說明 id int 4 是 否 主鍵 Yonghuming varchar 255 否 是 用戶名 Xingming varchar 255 否 是 姓名 mimi varchar 255 否 是 密碼 Lianxidianhua varchar 2

38、55 否 是 聯(lián)系電話 youxiang varchar 255 否 是 郵箱 表4-4 t_pinglun評論信息表 列名 數(shù)據(jù)類型 長度 主鍵 允許空 說明 id int 4 是 否 主鍵 pinglunren varchar 255 否 否 評論人 haogandu varchar 255 否 否 好感度 songhuoyuan varchar 255 否 否 送貨員 neirong varchar 255 否 否 內(nèi)容 addtime varchar 255 否 否 時間 5

39、系統(tǒng)界面設(shè)計 5.1 系統(tǒng)前臺主界面 當(dāng)用戶登錄網(wǎng)站時，會來到系統(tǒng)的主界面，主界面主要有登錄信息、鮮花信息、資訊等內(nèi)容。其界面如圖5-1所示。 圖5-1 網(wǎng)站首頁界面 5.1.1用戶注冊界面 用戶輸入相關(guān)信息，可以通過網(wǎng)站執(zhí)行注冊。其界面如圖5-2所示。 圖5-2用戶注冊界面 5.1.2查找鮮花信息界面 用戶可以通過商品功能，查找想要的鮮花信息，然后進行預(yù)訂。其界面如圖5-3、5-4所示。 圖5-3查找鮮花信息界面 圖5-4訂單信息界面 5.2管理員功能模塊的實現(xiàn) 5.2.1 管理員資訊管理界面 管理員對資訊信息進行添加、修改、刪除，支持按照條

40、件查詢。其界面如圖5-5所示。 圖5-5管理員資訊管理界面 5.2.2管理員訂單管理界面 管理員對訂單信息進行添加、修改、刪除，支持按照條件查詢。其界面如圖5-6所示。 圖5-6管理員訂單管理界面 5.2.3管理員庫存管理界面 管理員可以對庫存信息進行增加，修改和刪除。其界面如圖5-7所示。 圖5-7 管理員庫存信息界面 5.2.4管理員商品分類管理界面 管理員可以對商品信息進行管理，支持按照條件查詢。其界面如圖5-8所示。 圖5-8管理員商品管理界面 5.2.5管理員會員管理界面 管理員可以對會員管理信息進行添加、修改、刪除，支持按照條件查詢。其

41、界面如圖5-9所示。 圖5-9 管理員會員信息管理界面  6系統(tǒng)測試 系統(tǒng)測試是軟件設(shè)計的最后一道工序，也是非常重要的一步。用于檢查軟件的質(zhì)量、性能、安全性等是否能夠滿足用戶需求。一套符合要求測試過程將大大提高軟件的質(zhì)量、可信度、可靠性，降低軟件的出錯率，降低用戶風(fēng)險系數(shù)。通常系統(tǒng)測試包括：功能測試、安全測試、可用性測試、性能測試等方面。 為了使本軟件運行更加穩(wěn)定，我對它進行了全面的測試，其中測試分為二部分，一種是界面測試；另一種功能測試。 首先我們來說界面測試，界面測試是為了使程序在不同的的操作平臺上能夠運行界面，并且能夠保持原來的風(fēng)格。經(jīng)測試程序運行正常，運行界面

42、上的字體圖片等設(shè)置都能夠保持得非常好。不出現(xiàn)字體變形等情況！ 其次進行功能測試。該系統(tǒng)測試采用的是單元測試，集成測試，完善性測試等多種方式進行測試。 6.1系統(tǒng)測試的意義 測試的定義：程序測試的目的是為了找到錯誤而實行程序的一個過程。測試(Testing)的任務(wù)與目的可以表現(xiàn)為： 目的：發(fā)現(xiàn)程序的錯誤； 任務(wù)：通過運行計算機上的程序，找到程序中隱藏的錯誤。 另一個預(yù)測的相關(guān)術(shù)語叫糾錯(Debugging)。其目的以及任務(wù)可以規(guī)定為： 目的：找到并且糾正錯誤； 任務(wù)：解除軟件的故障，從而保證程序的可靠運行。測試與糾錯的關(guān)系，可以用圖6-1的數(shù)據(jù)流圖來說明。從圖中可以看出，每一次系

43、統(tǒng)的測試是要準(zhǔn)備好若干個測試數(shù)據(jù)，從而與被測試的程序一起送入計算機進行命令執(zhí)行。一般我們把程序執(zhí)行一次所需要的測試數(shù)據(jù)，叫做一個“測試用例(Test Case)。其中每一個測試用所例產(chǎn)生相應(yīng)的“測試結(jié)果”。但是如果它的測試結(jié)果與“期望結(jié)果”不一致的話，那就是說明程序中的錯誤是存在的，需要我們來找到并改正。 測試 評 價 糾 錯 系統(tǒng) 測試數(shù)據(jù) 測試結(jié)果 錯誤信息 改正信息 期望結(jié)果 圖6-1 測試與糾錯信息流程 6.2性能測試 性能測試主要通過在模擬的系統(tǒng)環(huán)境中進行運行，看可否滿足客戶的要求。性能測試有三個指標(biāo)，分別包括系

44、統(tǒng)運行的速度、網(wǎng)絡(luò)響應(yīng)時間和支持并發(fā)節(jié)點數(shù)。 1、系統(tǒng)運行速度：在不同配置的電腦運行本系統(tǒng)，遲鈍現(xiàn)象沒有出現(xiàn)。 2、網(wǎng)絡(luò)響應(yīng)時間：網(wǎng)絡(luò)響應(yīng)時間即系統(tǒng)運行過程中所使用的時間多少，它有三個參數(shù)，分別為網(wǎng)絡(luò)最小相應(yīng)時間，平均響應(yīng)時間以及最大響應(yīng)時間。經(jīng)過測試，在網(wǎng)絡(luò)通暢的狀態(tài)下，網(wǎng)絡(luò)響應(yīng)時間三個參數(shù)分別為：2/3/6s，符合客戶正常需求，屬于用戶心理可承受范圍。 3、支持并發(fā)節(jié)點數(shù)：經(jīng)過模擬環(huán)境測試，本系統(tǒng)在并發(fā)節(jié)點達55個時，網(wǎng)絡(luò)運營速度會發(fā)生較大波動，延遲時間10秒左右，符合客戶需求。 6.3測試分析 本基于WEB的在線花店在設(shè)計時借鑒了國內(nèi)外優(yōu)秀網(wǎng)站的優(yōu)點，從界面到系統(tǒng)設(shè)計都保證了管

45、理員以及用戶能夠方便操作。系統(tǒng)的主要特點和優(yōu)點歸納如下： （1）本系統(tǒng)用的移置性和針對性都比較高，因為針對性高可以提供更好的服務(wù)而移置性可以在多個系統(tǒng)上運行，更給客戶帶來了極大的方便。 （2）該基于WEB的在線花店內(nèi)容全面，管理方便可以及時的全面的處理各種錯誤，異常，這樣避免了很多因客戶的馬虎操作而出現(xiàn)的失誤，其操作方便，用戶界面友好，能夠上網(wǎng)的人都可以很好的進行操作。 經(jīng)過對總體測試分析，基于WEB的在線花店的設(shè)計與實現(xiàn)滿足客戶的要求和需求。功能齊全，操作簡單，產(chǎn)品運行性能良好，能促進公司的發(fā)展，發(fā)展前景廣闊。 結(jié) 論 本系統(tǒng)通過對JSP和MY SQL數(shù)據(jù)庫的簡介，從硬件

46、和軟件兩反面說明了基于WEB的在線花店的可行性，本文結(jié)論及研究成果如下：實現(xiàn)了JSP與MY SQL相結(jié)合構(gòu)建的基于WEB的在線花店，通過本次基于WEB的在線花店的研究與實現(xiàn)，我感觸到學(xué)習(xí)一門新技術(shù)，最重要的是實踐，只有多動手才能盡快掌握它，一個系統(tǒng)的開發(fā)，經(jīng)驗是最重要的，經(jīng)驗不足，就難免會有許多考慮不周之處。 由于在此之前對于JSP知識沒有深入了解，所以從一開始就碰到許多困難，例如一開始的頁面顯示不規(guī)范、數(shù)據(jù)庫連接有問題已經(jīng)無法實現(xiàn)參數(shù)的傳遞等等，不過通過在網(wǎng)上尋找有關(guān)資料以及同學(xué)的幫助下最后都得到了解決，在此過程中，我不僅學(xué)到了很多知識，也提高了自己解決問題的能力，尤其是學(xué)會如何從大量的信

47、息中篩選出所需有用的信息，同時我更加深刻的體會到了，雖然書本上的大部分知識都是有價值，正確的，但實際上每個人編程的思路和對數(shù)據(jù)處理的方法、思想都是不同的，這就要求我們一定要通過實踐才能找到解決問題的方案。在此次畢業(yè)設(shè)計活動中，我學(xué)到了很多，也收獲了很多。 通過這次基于WEB的在線花店的開發(fā)，我參考了很多相關(guān)系統(tǒng)的例子，取長補短，吸取了其他系統(tǒng)的長處，逐步對該系統(tǒng)進行了完善，但是該系統(tǒng)還是有很多的不足之處，有待以后進一步學(xué)習(xí)。 實踐證明，基于WEB的在線花店有著非常好的發(fā)展前景，經(jīng)過測試運行。本系統(tǒng)界面友好、使用靈活、操作簡單、功能齊全、表現(xiàn)方式獨特，已基本具備了成熟的技術(shù)理論。

48、致 謝 通過這次畢業(yè)設(shè)計的整個開發(fā)過程，從需求分析到具體功能實現(xiàn)，再到最終測試和維護的理解有了很大的進步，讓我對系統(tǒng)開發(fā)有了更深刻的認(rèn)識，極大的提高了我的動手能力和獨立解決問題的能力，這是這次畢業(yè)設(shè)計最大的收獲。 首先想在論文寫作中要感謝我的指導(dǎo)老師給了我很大的幫助，其次，我要感謝專業(yè)課的所有老師們，是他們在我的專業(yè)課的學(xué)習(xí)過程中無私的教授給我許多專業(yè)知識和技能，使我能夠在論文寫作的過程中順利解決難題和疑問。同時還要感謝所有給予我關(guān)心和幫助的同學(xué)和朋友們，她們在生活和學(xué)習(xí)中給了我大量的幫助，對她們的關(guān)懷和幫助致以崇高的敬意。在今后的人生道路上，我一定謹(jǐn)遵恩師的教誨，發(fā)揮自己的潛能。

49、 最后，對閱讀和評審本論文的各位老師表示衷心的感謝! 參考文獻 [1] 張孝祥、徐明華, JAVA基礎(chǔ)與案例開發(fā)詳解, 清華大學(xué)出版社, 2009. [2] 康牧，JSP動態(tài)網(wǎng)站開發(fā)實用教程，清華大學(xué)出版社，2009. [3] 劉亞賓，精通Eclipse--JAVA技術(shù)大系，電子工業(yè)出版社，2005. [4] 于萬波,網(wǎng)站開發(fā)與應(yīng)用案例教程，清華大學(xué)出版社，2009. [5] 楊學(xué)瑜，高立軍，軟件開發(fā)過程與項目管理，電子工業(yè)出版社，2008. [6] 張潔才，Java web應(yīng)用開發(fā)教程，科學(xué)出版社，2005. [7] 戴維爾，JavaScript程序員教程，電子工業(yè)

50、出版社，2010. [8] 黎連業(yè)、王華、李淑春，軟件測試與測試技術(shù)，清華大學(xué)出版社，2009. [9] 黃梯云著.管理信息系統(tǒng).北京.電子工業(yè)出版社.2006 . [10].馬赫著. Dreamweaver MX 2004 網(wǎng)頁設(shè)計經(jīng)典108例.中國青年出版社.2005. [11]付昕. 基于B/S模式倉庫管理系統(tǒng)的實現(xiàn)[J].山東省農(nóng)業(yè)管理干部學(xué)院學(xué)報, 2010, 27(4):166-168 [12] 黃艷峰. 在Java語言中實施“案例基于WEB的在線花店”的研究與探索[J]. 電腦知識與技術(shù), 2010, 6(5):1148-1149 [13] 趙鋼. JSP Serv

51、let+EJB的Web模式應(yīng)用研究[J]. 電子設(shè)計工程, 2013, 21(13):47-49 [14] 肖英. 解決JSP/Servlet開發(fā)中的中文亂碼問題[J]. 科技傳播, 2011, (1)11-25 [15] Hsiao I H, Sosnovsky S, Brusilovsky P. Guiding students to the right questions: adaptive navigation support in an e-learning system for Java programming[J]. Journal of Computer Assisted Learning, 2010, 26(4):270-283.