基于Java web的音樂網站的設計與實現(xiàn)論文(共42頁)

1、 本科(bnk)畢業(yè)論文（設計） 題目(tm)：基于(jy)JSP的音樂網站的設計與實現(xiàn) 姓 名： 學 號： 專 業(yè)： 院 系： 指導老師： 職稱學位： 講師碩士 完成時間： 2015年 5月 教務處制安徽新華學院本科(bnk)畢業(yè)論文（設計）獨創(chuàng)承諾書 本人按照畢業(yè)論文（設計）進度計劃積極開展實驗（調查）研究活動，實事求是地做好實驗（調查）記錄，所呈交的畢業(yè)論文（設計）是我個人在導師指導下進行的研究工作及取得的研究成果。據(jù)我所知，除文中特別加以標注引用參考文獻資料外，論文（設計）中所有數(shù)據(jù)均為自己研究成果，不包含其他人已經發(fā)表或撰寫過的研究成果。與我一同工作的同志對本研究所做的工作已在論文中

2、作了明確說明并表示(biosh)謝意。畢業(yè)論文（設計）作者(zuzh)簽名： 日期： 安徽新華學院2015屆本科畢業(yè)論文（設計）PAGE 基于(jy)JSP的音樂網站的設計與實現(xiàn)摘 要隨著互聯(lián)網和寬帶上網(shn wn)的普及，網絡(wnglu)傳輸以其特有的快速、高效、便捷的傳輸方式越來越被人們接受。在當今社會的影響下，人們因為快節(jié)奏的工作和生活產生了極大的壓力，這時就需要一個放松的環(huán)境去釋放這些壓力，因此音樂網站也就應運而生了。與此同時，音樂網站也為廣大音樂愛好者提供了一個音樂交流的平臺，借此增加對音樂的了解。音樂網站系統(tǒng)以Struts2為框架進行開發(fā)，以JSP作為頁面載體，后臺數(shù)據(jù)庫使用

3、Mysql，在Windows環(huán)境下使用MyEclipse開發(fā)工具進行開發(fā)，采用Ajax和Jqury技術，使得系統(tǒng)更易維護。前臺主要實現(xiàn)了用戶的登陸注冊、音樂的上傳、試聽點歌、發(fā)送短消息、音樂下載以及對音樂進行留言等功能；后臺主要用于對數(shù)據(jù)庫的管理，實現(xiàn)管理員對音樂的刪除、對注冊過的用戶進行刪除、添加友情鏈接等功能。 關鍵詞：音樂網站; Struts2框架; Mysql數(shù)據(jù)庫 Music website design and implementation based on JSPAbstractWith the popularity of the Internet and broadband I

4、nternet access, network transmission by its unique rapid, efficient and convenient transport more and more accepted by people. Under the influence of todays society, people as fast-paced work and lives of great pressure, then you need a relaxed environment to release the pressure, so the music websi

5、te also came into being. At the same time, music website also for the vast number of music lovers provides a platform for the communication of music, to increase the understanding of music.Music website system with Struts2 as a framework for development, to the JSP page as the carrier, using Mysql b

6、ackend database, using the MyEclipse development tools under Windows environment for development, using Ajax and Jqury technology, makes the system easier to maintain. Front achieved a major user of land registration, upload music, audition song, send short messages, music downloads and music messag

7、es to other functions; background is mainly used to manage the database, the realization of the administrator of the deletion of the music, to the registered user to delete, and other functions.Keywords:Music Website ；Struts2 Framework；The Mysql database目 錄 TOC o 2-2 f h z u t 標題(biot) 1,2,標題 3,2 HY

8、PERLINK l _Toc419452417 1 緒論(xln) 安徽新華學院2015屆本科畢業(yè)論文（設計） 1 緒 論隨著網絡技術(jsh)以及計算機的發(fā)展，人們也逐步(zhb)進入(jnr)到計算機網絡這個范圍中，人們通過Internet相互交流和溝通。因此不同的網站也應運而生了，例如音樂網站、娛樂網站、聊天網站等等，正因為在這樣的一個信息化的網絡時代，音樂更是隨處可在。這就表明了，音樂網站要想有一個好的前景就必須用新的網絡技術去支持，不斷提升網絡的寬帶質量，更要提升音樂的試聽、下載速度。1.1 課題研究的目的隨著計算機網絡技術的發(fā)展，音樂網站系統(tǒng)正逐漸的滲透到各個領域，網絡化和信息化的

9、發(fā)展也促進了Web網頁應用和技術的快速發(fā)展。音樂網站正是在這樣的前提下而產生的，人們通過互聯(lián)網給日常生活增添了很大的樂趣，讓人們在工作之后可以進行休閑的娛樂。 因為寬帶用戶的增加,帶動了音樂網站產業(yè)的蓬勃興起。無論國內還是國外,音樂網站市場都呈現(xiàn)一派生氣,近年來,全球數(shù)字娛樂業(yè)持續(xù)發(fā)展。網絡傳播以其特有的快速、高效、便捷的傳輸方式被人們所接受,越來越多的走進了大家。并 且在當今音樂浪潮的影響下,隨著音樂事業(yè)逐漸走向高峰,音樂已無處不在,音樂己與我們密不可分。全球數(shù)字娛樂業(yè)的迅猛發(fā)展、網絡電視等,無不充斥著激烈的競爭。音樂網站在這種背景下逐漸發(fā)展起來。音樂網站改變了傳統(tǒng)音樂產業(yè)的產業(yè)結構。而現(xiàn)在

10、許多音樂網站不能提供在線播放,并且在技術支持上也不完善。于是設計和實現(xiàn)這樣一個音樂網站就成為了必須,不僅僅滿足用戶的可以試聽音樂的功能,而且還要保證在速度上不能慢，更要在功能和性能上滿足用戶更多的體驗和需求。1.2 課題研究意義隨著網絡通信技術、多媒體技術及數(shù)據(jù)存儲技術的快速發(fā)展，音樂網站作為一種大眾的Web服務，給喜愛音樂的網絡用戶提供了極大的便利，增添了音樂用戶的選擇。但有一些音樂網站由于各種不同的原因遭到了社會的淘汰，其原因主要集中在頁面設計、查詢?yōu)g覽的速度、功能模塊等不同方面。因此，為了用戶可以方便、快捷、簡單、安全地實現(xiàn)音樂搜索去查找自己喜歡的音樂，并能實時地試聽音樂、下載音樂、將音

11、樂加入到自己的音樂盒中、點歌并將自己的建議寫入到留言板以便網站的完善等，需要建立一個自由、安全的音樂網站。本音樂網站應用MVC模式進行設計開發(fā)。通過對網站有關音樂媒體發(fā)布事項的一番調查與分析(fnx)，在用戶對音樂需求的基礎上，明確音樂網站系統(tǒng)需要實現(xiàn)的具體功能并實現(xiàn)其功能。 1.3國內外現(xiàn)狀(xinzhung)2005年9月2日,全球最大的零售商沃爾瑪公司表示將與微軟公司正式合作,開設一家新的網絡音樂(ynyu)下載商店。從該網絡音樂下載商店下載的音樂能夠在微軟的媒體播放器上播放。無疑,沃爾瑪?shù)募尤?將會是國際音樂網站市場的又一有力的角逐者?，F(xiàn)如今,國際音樂網站市場上已經有IPod、 Mic

12、rosoft、Sony、 Napster.、eBay、 Real Networks等幾位實力相當雄厚的集團競爭,發(fā)展勢頭如日中天。也是音樂網站市場的領跑者。然而,由于國際上蘋果模式的沖擊,以及版權問題,中國音樂網站市場陷入了發(fā)展的低谷期,歩履蹣跚。中國的音樂市場在前幾年發(fā)展相對緩慢。據(jù)艾瑞咨詢最新發(fā)布的2007年中國音樂網站研究報告研究顯示,盜版和免費盛行嚴重影響著中國音樂網站市場的發(fā)展,2007年中國音樂網站產業(yè)與傳統(tǒng)唱片市場和國外音樂網站市場相差甚遠。同時,艾瑞分析指出,中國音樂網站潛在著巨大的市場需求,發(fā)展空間還有待市場各方充分挖掘。直至2012年,中國的音樂網站市場得到了飛速的發(fā)展,音

13、樂用戶包括下載和在線試聽的已達到數(shù)億,而國內的許多音樂網站,例如百度MP3,蝦米音樂等,也是發(fā)展迅速,提供著高端高質量的音樂服務。因此,中國音樂市場將歩入成熟階段,音樂網站潛藏的巨大空間將充分釋放。中國音樂市場在與傳統(tǒng)媒體,媒介與互聯(lián)網的融合發(fā)展中,日新月異。在內容提供方面,已經形成自制、沉積、購買版權、用戶上傳、合作集成等多渠道來源。網絡服務方面,電信和傳統(tǒng)媒體各有所長并發(fā)揮著重要作用。對于終端產品方而言,音樂網站的收聽從以前單一的媒體擴展到只要有網絡連接的各種電子器件。而用戶消費格局方面,除了傳統(tǒng)的廣告外,按次收費、包月收費、版權營銷等也越來越得到用戶的接受和用戶習慣的肯定。因此中國音樂網

14、站的發(fā)展,也正以迅猛的速度發(fā)展并與國際接軌。 2系統(tǒng)(xtng)環(huán)境概述本音樂網站系統(tǒng)(xtng)的設計是基于(jy)Struts2框架以及MySQL數(shù)據(jù)庫來實現(xiàn)的。本系統(tǒng)的開發(fā)工具主要有Myeclipse集成開發(fā)環(huán)境、MySQL數(shù)據(jù)庫管理工具、Tomcat服務器處理工具等。2.1 開發(fā)工具和服務器介紹對于音樂網站所涉及到的開發(fā)工具和服務器進行簡要的介紹。2.1.1 MySQL簡介MySQL是一個精巧的SQL數(shù)據(jù)庫管理系統(tǒng)，雖然MySQL不是開放源代碼的產品，但MySQL數(shù)據(jù)庫是開放源碼的一種小型關聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。MySQL數(shù)據(jù)庫的特點是體積小、處理速度快、總體成本低等，使得在因特網上的中

15、小型的網站的應用非常廣泛。并優(yōu)于其開放源碼這特點，有很多的中小型網站為了降低網站總體成本就必定會選擇Mysql數(shù)據(jù)庫作為網站數(shù)據(jù)庫12。對于其他大型數(shù)據(jù)庫例如Oracle、SQLserver、db2等相比，MySQL數(shù)據(jù)庫肯定有其不足的地方例如穩(wěn)定性和功能。但這也絲毫不會減少它受歡迎的程度，因為對于一般的個人和中小型企業(yè)來說，MySQL數(shù)據(jù)庫所提供的功能是絕對可以滿足的。2.1.2 MyEclipse開發(fā)平臺MyEclipse是一個開放源代碼的、基于Java的可擴展開發(fā)平臺。就其本身而言，它只是一個框架和一組服務，用于通過插件組件構建開發(fā)環(huán)境。雖然大多數(shù)用戶很樂于將MyEclipse當作Jav

16、a IDE來使用，但MyEclipse的目標不僅限于此。MyEclipse還包括插件開發(fā)環(huán)境（Plug-inDevelopmentEnvironment，PDE），這個組件主要針對希望擴展MyEclipse的軟件開發(fā)人員，因為它允許他們構建與MyEclipse環(huán)境無縫集成的工具。由于MyEclipse中的每樣東西都是插件，對于給MyEclipse提供插件，以及給用戶提供一致和統(tǒng)一的集成開發(fā)環(huán)境而言，所有工具開發(fā)人員都具有同等的發(fā)揮場所。MyEclipse是一個(y )開發(fā)源碼項目，它其實是Visual Age for Java的替代品，其界面(jimin)跟先前的VisualAgefor Ja

17、va差不多，但由于其開放源碼，任何人都可以免費得到，并可以在此基礎上開發(fā)(kif)各自的插件，因此越來越受人們關注。2.1.3 Tomcat服務器Tomcat是Apache軟件基金會的一個核心項目，并且是由Apach和Sun以及其他公司或個人共同開發(fā)而成的。因為有了Sun公司的參與和合作，最新的Servlet以及Jsp規(guī)范總是能夠在Tomcat中體現(xiàn)出來。Tomcat服務器是一種免費開源的Web應用服務器，是屬于輕量級的服務器，技術先進以及性能穩(wěn)定，普遍使用于中小型系統(tǒng)和并發(fā)訪問量不是很多的情況，是調試Jsp程序的法寶。Tomcat具有處理靜態(tài)Html頁面的功能，同時又是Servlet和Jsp

18、的容器，可以運行Jsp頁面和Servlet。Tomcat很受廣大編程愛好者的喜愛，因為在運行它的時候占用的系統(tǒng)資源不大，擴展性很好，支持系統(tǒng)開發(fā)應用常用的功能，并處于不斷的完善中，程序員可以根據(jù)自己的需要去更改或在Tomcat中加入新的功能。運行程序只需要將所做的項目部署到Tomcat中，然后啟動運行Tomcat，在瀏覽器上可以展示Jsp。一般的我們在選擇瀏覽器的時候用的是搜狗瀏覽器。2.2 開發(fā)技術介紹 HYPERLINK l _Toc230682171 2.2.1 Java編程語言簡介Java是Sun公司在1995年推出的一種編程語言，被特意設計用于互聯(lián)網的分布式環(huán)境。Java具有類似于C

19、+的感覺，但相比C+而言，更易于使用。采用了以對象為導向的編程方式。使用Java編寫的應用程序，既可以在一臺獨立的電腦上運行，也可以分布在一個網絡的服務器端和客戶端運行。另外，Java還可以用來編寫容量很小的應用程序模塊或者Applet，作為網頁的一部分使用。applet可使頁面使用者和頁面之間進行交互式操作34。Java推出之后馬上(mshng)給互聯(lián)網的交互式應用帶來了新面貌。目前，最常用的兩種互聯(lián)網瀏覽器軟件中都包括一個Java虛擬機5。并且?guī)缀跛械牟僮飨到y(tǒng)(co zu x tn)中都增添了Java編譯程序。Java語言比較于C語言而言比較簡單，具有跨平臺、安全性以及面向對象等特點?？?/p>

20、平臺指的是Java能運行于不同(b tn)的平臺，引進了虛擬機原理，實現(xiàn)了不同平臺的接口并且在虛擬機上運行。安全性指的是Java程序運行的時候，內存由操作系統(tǒng)直接分配而不是像C+那樣通過指針來對存儲器地址操作，這樣以來就可以避免了病毒通過指針入侵到系統(tǒng)中。面向對象指的是Java語言在編程的時候一般都是將屬性私有封裝在類中并提供公開的訪問方法6。這樣一來實現(xiàn)了程序的簡潔和可維護的性能。封裝繼承的思想使得程序只需做一次編譯，然后通過上述特性反復利用，程序開發(fā)者只需要將主要的精力投在類及接口的設計和實現(xiàn)上。2.2.2 JSP技術JSP是由SunMicrosystems公司倡導以及許多公司參與狗共同建

21、立的一種動態(tài)網頁技術標準。JSP是最早的Java EE規(guī)范之一，也是最經典的Java EE技術之一，直到今天，JSP依然廣泛地應用于各種Java EE應用中，充當Java EE應用的表現(xiàn)層角色。JSP技術有點類似ASP技術，它是在傳統(tǒng)的網頁HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標記(tag)，從而形成JSP文件(*.jsp) 7。JSP技術使用Java編程語言編寫類XML的tags和scriptlets，來封裝產生動態(tài)網頁的處理邏輯8。網頁還能通過tags和scriptlets訪問存在于服務端的資源的應用邏輯。JSP將網頁邏輯與網頁設計和顯示

22、分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。Web服務器在遇到訪問JSP網頁的請求時，首先執(zhí)行其中的程序段，然后將執(zhí)行結果連同JSP文件中的HTML代碼一起返回給客戶910。插入的Java程序段可以操作數(shù)據(jù)庫、重新定向網頁等，以實現(xiàn)建立動態(tài)網頁所需要的功能。JSP通過在標準的HTML頁面中嵌入Java代碼片段，或使用各種JSP標簽包括使用用戶自定義標簽，從而可以動態(tài)的提供頁面內容。也就是說JSP頁面的內容由兩部分組成：靜態(tài)部分（標準的HTML標簽、靜態(tài)的頁面內容，這些內容與靜態(tài)HTML頁面相同）和動態(tài)部分（受Java程序控制的內容，這些內容由Java程序來動態(tài)

23、生成11。JSP和Servlet是Java EE規(guī)范的兩個基本成員，它們是Java Web開發(fā)的重點知識，也是Java EE開發(fā)的基礎知識。JSP和Servlet的本質是一樣的，因此JSP最終必須編譯成Servlet才能運行，或者說JSP只是生成Servlet的“草稿”文件12。 2.2.3 Struts2框架(kun ji)技術Struts是全世界最早的MVC框架(kun ji)，它通過采用(ciyng) JavaServlet/JSP 技術，實現(xiàn)了基于Java EE Web應用的MVC設計模式的應用框架，Struts也確實是Java EE應用中使用最廣泛的MVC框架13，擁有廣泛的市場支持

24、。此外， Struts具有頁面導航功能，使系統(tǒng)的脈絡更加清晰。通過一個配置文件，即可把握整個系統(tǒng)各部分之間的聯(lián)系，這對于后期的維護有著莫大的好處。 Struts2由傳統(tǒng)的struts 1和WebWork兩個經典的MVC框架發(fā)展起來的，Struts2是一個非常優(yōu)秀的MVC的框架。與傳統(tǒng)的Struts 1相比，Struts2允許使用普通的、傳統(tǒng)的Java對象作為Action；Action的execute()方法不再與ServletAPI耦合，因而更易測試；支持更多的視圖技術；基于AOP思想的攔截器機制，提供了極好的可擴展性；更強大、更易用的輸入校驗；整合的Ajax支持等，這些都是Struts2的巨

25、大吸引力14。Struts2框架工作的原理可以通過以下幾個步驟來分析：首先客戶端發(fā)出一個請求指向Servlet容器，這個請求經過幾個過濾器后會到達Struts2框架的心臟FilterDispatcher過濾器，在處理用戶請求時，會和請求一起相互配合訪問Strurs2的底層框架結構15。在Web容器啟動時，Struts2框架會自動加載配置文件里面的相關參數(shù)，并轉換成相應的類。如：ConfigurationManager、ActionMapper和ObjectFactory。ConfigurationManager 存有配置文件的一些基本信息，ActionMapper存有action的配置信息。在

26、請求過程中所有的對象（Action，Results，Interceptors，等）都是通過ObjectFactory來創(chuàng)建的。過濾器會通過詢問ActionMapper類來查找到請求中需要用到的Action。過濾器會把請求的處理交給ActionProxy。ActionProxy作為Action的代理對象找到需要調用的Action類并創(chuàng)建一個實例。然后執(zhí)行所對應的Action，返回的結果一般是需要去展示的Jsp頁面或者是其他的標簽。 HYPERLINK l _Toc230682171 2.2.4 MVC分層結構(jigu) 概括來說，MVC思想將一個應用分成了Model、View、Control三

27、個部分，三個部分以最少的耦合協(xié)同工作，從而大大提高了應用的可擴展性和可維護性。MVC結構具有以下特點：多個視圖對應一個模型；模型返回的數(shù)據(jù)與顯示邏輯分離；三層架構(ji u)導致的低耦合性和易維護性16。那么(n me)在Struts2中，Model對應業(yè)務邏輯組件，它通常用于實現(xiàn)業(yè)務邏輯方法以及與底層數(shù)據(jù)庫的交互等；View對應視圖組件，通常是指Jsp頁面，但也適用于其他視圖顯示技術，如Velocity或者Excel文檔；Control對應系統(tǒng)核心控制器和業(yè)務邏輯控制器，系統(tǒng)核心控制器為Struts2框架提供的FilterDispatcher，它根據(jù)請求自動調用相應的Action。而業(yè)務邏輯

28、控制器是指開發(fā)人員自行定義的一系列Action，在Action中負責調用相應的業(yè)務邏輯組件來完成處理。2.2.5 Ajax和Jquery技術Ajax全稱是基于XML的異步JavaScript，是與服務器交換數(shù)據(jù)并更新部分網頁的技術。（即在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。)傳統(tǒng)的Web應用允許用戶填寫表單，當提交表單的時候向服務器發(fā)送一個請求，服務器接收并處理接收的表單，然后返回一個新的網頁。這種做法會浪費很多的帶寬，因為前后兩個頁面中的大部分Html代碼都是相同的。而與此不同的Ajax應用可以很好的解決這個問題，Ajax應用可以向服務器發(fā)送并取回必需的數(shù)據(jù)，它使用Soap

29、或其他一些Web Service接口，并且在客戶端采用 了js來處理來自服務器的響應1718。由于在瀏覽器和服務器之間交換的數(shù)據(jù)大量減少，所以應用響應會變得更快。綜上所述，可以發(fā)現(xiàn)Ajax應用程序具有如下優(yōu)勢：1.通過異步刷新，減少用戶等待時間，很好的提升了用戶的體驗度；2.Ajax引擎在客戶端運行，承擔了一部分本來有服務器承擔的工作，從而大大減輕服務器的負擔；3. Ajax優(yōu)化了服務器和瀏覽器之間的傳輸，減少了不必要的數(shù)據(jù)往返，減少了帶寬占用。Jquery是一個JavaScript庫，它通過封裝原生的JavaScript函數(shù)得到一整套定義(dngy)好的方法。具有(jyu)以下功能：1.鏈式

30、操作(cozu)方式(對發(fā)生在同一個Jquery對象上的一組動作，可以直接連接寫而無需重復獲取對象。)；2.許多成熟的插件可供選擇；3.可靠的事件處理機制；4.實現(xiàn)動畫效果更方便1920，并且為網站提供Ajax交互。Jquery已經集成了js、CSS、DOM和Ajax于一體的強大功能，可以利用很少的代碼，完成更多復雜的功能。Jquery作為封裝的庫，其目的在于簡化開發(fā)者使用js。3 詳細設計本網站是一個免費、開放的音樂交流平臺，對于網站，都必須有固定的服務器讓用戶進行訪問，用戶的訪問在本系統(tǒng)中會記錄相關信息。音樂網站有后臺管理員，管理員可以對在網站內上傳的音樂進行刪除操作，也可以刪除注冊過的用

31、戶，還可以根據(jù)一些情況來增加其他管理員對音樂網站進行管理。 對于只有注冊過的用戶，才可以對本網站內容進行瀏覽，進行音樂上傳、試聽及收藏和留言等。注冊過的用戶可以修改自己的密碼，可以查詢自己的賬戶信息，上傳自己的喜歡的音樂及留言別人上傳的音樂，還可以將別人上傳的并且自己還喜歡的音樂添加到音樂盒。 在功能實現(xiàn)方面，注冊過的用戶可以根據(jù)音樂了解其隸屬于哪張專輯；根據(jù)上傳的音樂可以查詢到該音樂的信息（包括上傳人的信息）；根據(jù)上傳時間查詢最新上傳的作品；可試聽音樂，試聽后如果喜歡也可下載音樂；并且可以對音樂進行留言。 3.1 性能分析音樂網站可以說是關于音樂的專場，在這里人們可以搜索其他用戶上傳的并且自

32、己喜歡的音樂，也可以進行音樂的留言，這樣能使其他用戶更加深刻的了解其他的人對這首歌的感想。從而讓人們能夠在上傳的音樂中找到自己喜歡的音樂，既省時又省事還省力。3.2 功能分析 音樂網站系統(tǒng)主要(zhyo)由兩部分組成: 前臺管理(gunl)模塊和后臺管理模塊。注冊過的用戶在進入該網站后，不僅可以(ky)查看音樂、上傳音樂、并將自己喜歡的音樂添加到音樂盒，還可以進行留言。管理員登錄后，不僅可以查看用戶狀態(tài)，還可以管理音樂、用戶的信息。管理員還可以根據(jù)情況添加一些管理員以維護該音樂網站的環(huán)境及安全。登錄與注銷每個用戶必須用自己的注冊的帳號登錄到系統(tǒng)才可以訪問網站。用戶操作完成后退出系統(tǒng)，注銷后可以

33、重新登錄系統(tǒng)。系統(tǒng)管理員實現(xiàn)管理員對音樂的刪除、對注冊過的用戶進行刪除、添加友情、修改密碼鏈接等功能。普通用戶普通用戶可以瀏覽該網站的主頁，包括試聽、下載音樂，也可以進行留言；但不能查看音樂網站中的其他信息；必須要先注冊之后才能登陸到系統(tǒng)中進行查看。登陸用戶不但可以瀏覽該網站的信息, 也可以進行留言、下載音樂；還可以通過網站給其他注冊過的用戶點歌，并將自己喜歡的音樂加入到音樂盒。3.3 系統(tǒng)架構音樂網站分前臺管理和后臺管理兩個大模塊，其中前臺管理又分為：首頁、音樂盒、短信息、分享音樂、播放列表五大模塊；后臺管理又分為：后臺首頁、音樂管理、友情鏈接、用戶管理、添加管理員、修改密碼。根據(jù)以上功能，

34、設計出了網站的總體架構模型，涵蓋了整個網站的應用。邏輯模型如圖3.1所示:圖3.1 邏輯(lu j)模型(mxng)3.4 系統(tǒng)(xtng)登錄流程音樂網站的登錄流程應順著系統(tǒng)信息流動的過程逐步地進行，用戶登陸采用常用的登陸模式。用戶輸入用戶名和密碼，后臺會進行驗證，正確的話就可以登陸進書籍瀏覽頁面，錯誤則會提示用戶名或者是密碼錯誤。未經注冊過的用戶要進行注冊。用戶注冊模塊包括用戶名、密碼、確認密碼。用戶在注冊的時候系統(tǒng)會對用戶注冊的信息進行驗證，如簡單的輸入字符長度和規(guī)范可以通過js來驗證，檢測該用戶名是否已經注冊過了，則是通過后臺訪問數(shù)據(jù)庫來驗證，不允許相同的用戶重復注冊。管理員登陸的方式

35、，管理員登陸進去的是后臺的界面，可以對用戶和音樂的信息進行查看和刪除等操作，添加友情鏈接和管理員，還可以修改密碼。系統(tǒng)的登錄流程圖，如圖3.2所示：圖3.2登錄(dn l)流程圖3.5 系統(tǒng)(xtng)功能設計音樂網站系統(tǒng)(xtng)主要由前臺模塊和后臺管理模塊兩部分組成。用戶在進入該網站后，不僅可以查看其各種自己喜歡的音樂，還可以選擇查看關于自己喜歡的音樂的信息。管理員登錄后，不僅可以查看用戶狀態(tài)，還可以管理音樂、用戶的信息。管理員還可以根據(jù)實際情況添加其他管理員以維護該音樂網站的環(huán)境和安全。3.5.1 前臺功能設計 音樂網站的前臺功能設計，如圖3.3所示：圖3.3 前臺(qinti)功能設

36、計模塊(m kui)前臺(qinti)功能模塊描述：（1）注冊模塊：普通用戶可以在次注冊，填寫相關的信息，注冊成功后可以享受本網站的所有信息資料，也可在此進行試聽和下載音樂，并可以對試聽過的音樂進行留言。 （2）音樂盒模塊：在這里用戶可以對在網站里的一切音樂，隨意試聽。并將自己喜歡的音樂加入到音樂盒中。（3）短信息模塊：此模塊顯示了如果其他用戶給你發(fā)送短消息，你可以點此查看，并可以在此界面進行回復。（4）分享音樂模塊：注冊過的用戶可以點此進入，進行上傳音樂。（5）播放列表模塊：播放過的音樂會存在此頁面上。3.5.2 后臺功能設計根據(jù)前面的系統(tǒng)的系統(tǒng)功能分析中，可將后臺功能劃分成7個模塊，如圖3

37、.4所示：圖3.4 后臺功能設計模塊后臺功能模塊描述：（1）登錄模塊：是管理員的登錄界面，用于管理員的登錄。（2）后臺首頁模塊：顯示網站名稱和制作人。（3）音樂管理：對一些不滿意的音樂可以進行刪除；也可以了解音樂的情況（包括歌名、歌手、所屬專輯、簡介等）。（4）友情鏈接：添加(tin ji)鏈接的網站名稱(mngchng)和地址。（5）用戶(yngh)管理：可以對注冊過的用戶進行刪除。（6）添加管理員：此模塊顯示了管理員可以根據(jù)音樂網站的實際情況進行添加一些管理員，方便管理。（7）修改密碼：可以在這個模塊對管理員的密碼進行修改。3.5.3 系統(tǒng)用例分析 管理員用例圖設計如圖3.5所示，用戶用例

38、圖如圖3.6所示：圖3.5 管理員用例圖 圖3.6 用戶用例圖3.6 數(shù)據(jù)庫設計音樂網站系統(tǒng)是提供給用戶音樂信息，并對音樂信息進行管理的系統(tǒng)，數(shù)據(jù)庫是該系統(tǒng)的核心和基礎。并將系統(tǒng)中的信息按照特定的模型組織起來，提供系統(tǒng)可以方便地獲取所需信息。同樣,數(shù)據(jù)庫設計更是整個系統(tǒng)應用的根基，是軟件設計的起點，起著決定性的質變作用。 HYPERLINK l _Toc230682171 3.6.1 E-R關系圖根據(jù)對數(shù)據(jù)庫的功能和數(shù)據(jù)庫表的設計，我們能夠很容易地抽象到的實體有管理員信息實體、音樂留言信息實體、友情鏈接信息實體、短消息信息實體、音樂信息實體和用戶信息實體。系統(tǒng)總體E-R圖如圖3.7所示。還有關

39、于本系統(tǒng)一些實體的E-R圖：管理員實體E-R圖如圖3.8所示，音樂留言實體E-R圖如圖3.9所示，友情鏈接實體E-R圖如圖3.10所示，短消息實體E-R圖如圖3.11所示，音樂信息實體E-R圖如圖3.12所示，用戶信息實體E-R圖如圖3.13所示。圖3.7 系統(tǒng)(xtng)總體E-R圖管理員用戶名稱密碼 圖3.8 管理員E-R圖音樂留言用戶名稱留言內容留言的音樂編號編號留言時間圖3.9 音樂(ynyu)留言E-R圖 友情鏈接鏈接名稱鏈接地址圖3.10 友情鏈接E-R圖新到消息里、短消息發(fā)送定位標題消息內容消息時間發(fā)送消息人名稱圖3.11 短消息E-R圖歌手音樂名稱 音樂所屬專輯簡介上傳時間網頁

40、地址音樂點擊次數(shù)圖3.12 音樂(ynyu)信息E-R圖用戶用戶名稱密碼圖3.13 用戶(yngh)信息E-R圖3.6.2 數(shù)據(jù)(shj)表設計(shj)根據(jù)網站的需求我們創(chuàng)建的數(shù)據(jù)庫主要分為7個表：管理員表admin、留言表comments、友情鏈接表link、短信息表message、音樂列表music、最新消息通知表tip、用戶表user。這七個表分別涵蓋了整個網站所要用到的數(shù)據(jù)。下面分別介紹這幾個表的結構：（1）admin（管理員表），是專為管理網站后臺的人員創(chuàng)建的表，用于存儲管理員的信息，其中還設置了管理員的權限，管理員可以在網站后臺修改信息。包括編號（id），管理員名稱（name），

41、密碼（pwd）。其中，id（編號）為該表的主鍵。如表3.14所示：表3.14 管理員表（admin）（2）comments（留言表），本網站所有用戶的留言都存儲在此表中，方便用戶查詢。包括留言編號（id），留言內容（value），用戶昵稱（name），留言音樂編號（music_id），留言時間（time）。其中，id（留言編號）為該表的主鍵，如表3.15所示: 表3.15 留言表（comments）（3）link（友情鏈接表），音樂網站添加(tin ji)的友情鏈接網站的信息存儲在這里。包括(boku)id（友情鏈接編號(bin ho)），友情鏈接網站名稱（value），友情鏈接網站地址（ti

42、tle），id（友情鏈接編號）為該表的主鍵，如表3.16所示：表3.16 友情鏈接表（link）（4）message（短消息表），此表用來存儲網絡用戶給其他用戶點歌的短消息的，包括發(fā)送消息人的名稱（from），發(fā)送定位（to），消息標題（title），消息內容（value），消息時間（time），新到消息（new），管理員可以通過管理此表來管理短消息。其中，id（點歌的編號）為該表的主鍵。如表3.17所示：表3.17 短信息表（message）（5）music（音樂表），此表是音樂的信息，盡可能的詳細音樂信息，方便用戶以后的查找過程。此表包括音樂編號（id），音樂名稱（title），歌手（si

43、nger），音樂所屬專輯（special），音樂簡介（value）,音樂上傳時間（time ），音樂點擊次數(shù)（clink），網頁地址（url）。其中，id（音樂編號）為該表的主鍵，如表3.18所示：表3.18 音樂(ynyu)列表（music）（6）tip（最新消息通知(tngzh)表），用戶可以(ky)根據(jù)此消息來了解是誰上傳了哪一首音樂，隨時了解音樂網站的上傳音樂動態(tài)。包括消息通知編號（id），消息內容（value），。其中，消息通知編號（id）為改表的主鍵。如表3.19所示：表3.19 最新信息通知表（tip）（7）user（用戶表），專門存儲在本網站注冊的用戶，方便用戶的下次登錄。包括

44、用戶編號（id）,用戶名稱（name），用戶密碼（pwd），其中，id（用戶編號）為該表的主鍵。如表3.20所示：表3.20 用戶表（user）4 系統(tǒng)(xtng)實現(xiàn)整個(zhngg)音樂(ynyu)網站豐富多彩，界面功能模塊清晰，讓用戶可以更加的了解這個音樂網站的功能，也借此增加用戶對此音樂網站的喜愛。4.1 用戶注冊用戶可以在本網站注冊、填寫相關的信息、注意格式一定要正確，否則會系統(tǒng)會自動提示出錯，注冊成功后可以享受本網站的所有信息資料，包括音樂上傳、發(fā)送短消息等相關操作。如圖4.1 及對應代碼如下所示：圖4.1 用戶注冊界面圖4.2 首頁首頁界面是富有特色的，既涵蓋了整個網站的內容又顯

45、得簡明、簡便明了，可以讓用戶一眼就找到自己想要的功能模塊，為其提供了方便。在網站首頁用戶可以登錄，登錄后可在首頁上點相應導航，進行操作。未經注冊的用戶瀏覽網站時，如果沒有任何用戶上傳音樂，則會看到顯示內容暫無任何音樂，快來分享給大家把！如圖4.2所示：圖4.2 首頁（無音樂(ynyu)上傳）界面(jimin)圖未經注冊的用戶(yngh)瀏覽網站時，如果有用戶上傳了音樂，就可以對上傳的音樂進行試聽、下載，也可以對上傳的音樂進行留言，還可以閱讀其他瀏覽者對這首音樂的留言，借此了解這首音樂。但不能將音樂添加到自己的音樂盒，也不能點歌，更不能上傳音樂、發(fā)送短消息。必須注冊成用戶登錄進去才可以點歌、上傳

46、音樂、發(fā)送短消息等。有音樂上傳的首頁，如圖4.3所示：圖4.3 首頁（有音樂上傳）界面圖首頁主頁面顯示了五個大塊：首頁、音樂盒、短信息、分享音樂、播放列表。人們可以在本網站的首頁進行注冊用戶，填寫相關的信息，注意格式一定要正確，否則會系統(tǒng)會自動提示出錯，注冊成功后可以享受本音樂網站的所有信息資料，包括對音樂進行試聽、下載、留言以及上傳音樂，還可以將自己的喜歡的音樂點給其他用戶。點歌功能如圖4.4所示：圖4.4 點歌(din )界面(jimin)圖在首頁中點擊(din j)閱讀留言進入留言模塊中，留言內容通過表單插件Jquery.form使其最近留言信息進行異步更新，也就是只有更新了最近留言顯示

47、這一塊，其他不進行更新。音樂留言如圖4.5所示：圖4.5 音樂留言界面圖主要代碼(di m)如下： 4.3 音樂盒在這里(zhl)用戶(yngh)可以(ky)在首頁里任意的查找其他用戶上傳的音樂并將自己喜歡的音樂加入到自己的音樂盒中。加入之后，自動保存，用戶在下次登錄之后可在音樂盒中看到自己原先添加到音樂盒中的音樂。等過一段時間不喜歡自己所加入到音樂盒中的音樂也可以將其刪除。如圖4.6所示： 圖4.6 音樂(ynyu)盒界面(jimin)圖4.4 短消息在這里你可以查看(chkn)其他用戶發(fā)給你的短消息，自己也可以給其他用戶發(fā)送短消息。以此來增進彼此的了解，也可以讓其他用戶更加貼切的了解自己喜

48、歡的音樂和事情。如圖4.7和圖4.8所示：圖4.7 發(fā)送(f sn)短消息界面(jimin)圖 圖4.8 查看(chkn)短消息界面圖4.5 分享音樂在這個模塊可以上傳音樂，上傳音樂時的類型必須為MP3類型，也必須寫上音樂名稱、歌手、所屬專輯、簡介等信息，讓不了解的人們更加快的了解到這首音樂。如圖4.9所示：圖4.9 分享音樂(ynyu)界面圖4.6 播放列表只有在音樂(ynyu)盒里對音樂進行過播放，才會有播放列表的存在，如果播放過此音樂，就可以(ky)點擊播放上次創(chuàng)建的播放列表。如圖4.10所示：圖 4.10 播放列表界面圖4.7 后臺(huti)管理管理員通過賬號和密碼進入后臺管理系統(tǒng)，

49、進行網站的相關維護。后臺管理又單獨設置了幾個頁面，為的就是使管理員的工作更加方便，使任何信息的刪除，修改都集中到另一個界面(jimin)上，這樣的話就不會跟前臺頁面混淆了。如圖4.11所示：圖4.11 管理(gunl)員登錄以上所有實現(xiàn)的功能都是通過Struts2框架來開發(fā)的，首先在web.xml文件中定義核心Filter來攔截用戶請求，之后利用配置文件定義處理用戶請求的Action類，在配置Action，還需要配置處理結果和物理視圖資源之間的對應關系，最后編寫視圖資源。Jquery是一個JavaScript庫，它通過封裝原生的JavaScript函數(shù)得到一整套定義好的方法。Jquery有許多

50、成熟的插件可供選擇，例如：通過Ncejforms可美化表單，通過Thickbox可設置彈出效果，通過Audioplayer可支持音樂播放器等。通過使用Jquery表單插件Jquery.form來實現(xiàn)音樂網站系統(tǒng)中對于留言這一模塊進行異步刷新，其中AjaxSubmit（）由Ajax來提交表單。大多數(shù)情況下，都是調用AjaxSubmit來對用戶提交表單進行響應。5 系統(tǒng)(xtng)測試5.1 系統(tǒng)(xtng)測試(csh)的目的系統(tǒng)測試是為了發(fā)現(xiàn)錯誤而執(zhí)行程序的過程，成功的測試是發(fā)現(xiàn)了至今尚未發(fā)現(xiàn)的錯誤的測試。測試的目的就是希望能以最少的人力和時間發(fā)現(xiàn)潛在的各種錯誤和缺陷。應根據(jù)開發(fā)各階段的需求、

51、設計等文檔或程序的內部結構精心設計測試用例，并利用這些實例來運行程序，以便發(fā)現(xiàn)錯誤。信息系統(tǒng)測試應包括軟件測試、硬件測試和網絡測試。硬件測試、網絡測試可以根據(jù)具體的性能指標來進行，此處所說的測試更多的是指軟件測試。系統(tǒng)測試是保證系統(tǒng)質量和可靠性的關鍵步驟，是對系統(tǒng)開發(fā)過程中的系統(tǒng)分析系統(tǒng)設計和實施的最后復查。5.2 測試(csh)用例和測試結果5.2.1 測試用例測試編號測試目標測試步驟期望結果實際結果001測試輸入已經注冊過的用戶是否正確。(1)進MyEclipse;(2)輸入相應程序；(3)運行相應代碼；(4)觀察結果及相關提示信息。當輸入已經注冊過的用戶會提示用戶名已存在。當輸入已經注冊

52、過的用戶會提示用戶名已存在。002測試在未登陸的情況下是否可以訪問除首頁外的其他的界面。(1)進MyEclipse;(2)輸入相應程序；(3)運行相應代碼；(4)觀察結果及相關提示信息。在未登陸的情況下訪問其他的界面，會出現(xiàn)提示請登錄后再訪問。在未登陸的情況下訪問其他的界面，會出現(xiàn)提示請登錄后再訪問。003測試在登陸頁面輸入注冊過用戶名和正確的密碼，是否可以登陸成功并跳轉到系統(tǒng)主頁面。(1)進MyEclipse;(2)輸入相應程序；(3)運行相應代碼；(4)觀察結果及相關提示信息。在登陸頁面輸入注冊過用戶名和正確的密碼，此時登陸成功并跳轉到系統(tǒng)主頁面。在登陸頁面輸入注冊過用戶名和正確的密碼，此

53、時登陸成功并跳轉到系統(tǒng)主頁面。004測試點擊下載是否可以下載音樂。(1)進MyEclipse;(2)輸入相應程序；(3)運行相應代碼；(4)觀察結果及相關提示信息。點擊下載可以下載音樂。點擊下載可以下載音樂。005測試點擊注銷登錄是否提示注銷成功。(1)進MyEclipse;(2)輸入相應程序；(3)運行相應代碼；(4)觀察結果及相關提示信息。點擊注銷登錄提示注銷成功。點擊注銷登錄提示注銷成功。 5.2.2 測試(csh)結果1. 在注冊界面中輸入(shr)已經注冊過的用戶會提示用戶名已存在(cnzi)。如圖5.1所示：圖5.1 登錄界面圖提示圖2.在未登陸的情況下不可以訪問除首頁外的其他的界

54、面，并且還會出現(xiàn)提示請登錄后再訪問。如圖5.2所示： 圖5.2 登錄界面圖提示圖3.在登陸頁面輸入注冊過用戶名和正確(zhngqu)的密碼，登陸成功并跳轉到系統(tǒng)主頁面，點擊(din j)下載也可以下載音樂。如圖5.3所示：圖5.3 下載(xi zi)界面圖4. 點擊注銷登錄會否提示注銷成功。如圖5.4所示：圖5.4 注銷成功界面圖6 總 結經過此次畢業(yè)設計，充分認識到了自己編程能力方面的缺陷，感覺到自己的基礎比較薄弱。但在這段時間里，我不斷地發(fā)現(xiàn)自己的問題，并且找出問題產生的原因，根據(jù)相關的方法解決問題。經過努力，查閱相關資料，終于完成了音樂網站的功能實現(xiàn)。從開始的時候確定論文題目，總體設計需

55、求分析，模塊功能設計，到后面每一個功能模塊的實現(xiàn)，再到整個系統(tǒng)開發(fā)的實現(xiàn)。這次畢業(yè)設計讓我認識到了自己的能力，也是對自己在大學四年里學習的一次實踐和總結，同時也讓我更徹底地了解了開發(fā)的基本流程，相信這些經驗對于以后從事的工作會有極大的影響。在本次(bn c)系統(tǒng)設計中，我學會很多不錯(bcu)的技術，例如Struts2框架(kun ji)、Java、Jsp、Ajax、Jquery等?？梢园l(fā)現(xiàn)Ajax技術的應用能夠讓系統(tǒng)的用戶體驗度更好，例如，通過Ajax技術可異步刷新首頁中的留言這一模塊；Jquery作為Js的封裝能夠簡化程序的開發(fā)，Jquery提供了豐富的插件，節(jié)省了對代碼的編寫時間。通過此

56、次畢業(yè)設計，將我所學的Java知識、軟件測試知識以及學的有關MyEclipse的知識等綜合應用，在設計的過程中我遇到了很到問題，不過在尹老師的幫助和自己的思考下還是很好的完成了。通過此次的鍛煉，我對MyEclipse開發(fā)平臺有了一個比較清楚的認識，使我體會到理論和實踐的重要性。由于自己的分析設計和程序經驗不足，該系統(tǒng)設計和實現(xiàn)過程中，還有許多沒有完善的地方，比如用戶界面設計不夠美觀，異常出錯處理比較差等多方面問題，這些都有待進一步完善和提高。對于文中出現(xiàn)的不足和系統(tǒng)中出現(xiàn)的問題敬請老師指導。致 謝在大學四年的學習和生活中，我非常感謝學校的各位老師對我的不倦教誨，讓我有了很強的專業(yè)知識，使我的見識更加長遠，并且自己的知識更加完善。同時也感謝學校能夠提供給了我這樣一個良好的鍛煉自己各方面能力的舞臺，不僅在專業(yè)技能上有所提升，在與人相處和做事上也是我獲益匪淺。經過這段時間對音樂網站的分析、設計，使我對音樂網站有了全面的了解與認識，同時我對音樂網站做了詳細的解剖。我的畢業(yè)設計和 HYPERLINK /Article/ 論文是在老師的精心指導下完成的，在準備畢業(yè)設計的過程中，尹老師從選題指導、