基于Java web的音樂(lè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)論文(共42頁(yè))

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

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

3、Mysql，在Windows環(huán)境下使用MyEclipse開發(fā)工具進(jìn)行開發(fā)，采用Ajax和Jqury技術(shù)，使得系統(tǒng)更易維護(hù)。前臺(tái)主要實(shí)現(xiàn)了用戶的登陸注冊(cè)、音樂(lè)的上傳、試聽點(diǎn)歌、發(fā)送短消息、音樂(lè)下載以及對(duì)音樂(lè)進(jìn)行留言等功能；后臺(tái)主要用于對(duì)數(shù)據(jù)庫(kù)的管理，實(shí)現(xiàn)管理員對(duì)音樂(lè)的刪除、對(duì)注冊(cè)過(guò)的用戶進(jìn)行刪除、添加友情鏈接等功能。 關(guān)鍵詞：音樂(lè)網(wǎng)站; Struts2框架; Mysql數(shù)據(jù)庫(kù) 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 標(biāo)題(biot) 1,2,標(biāo)題 3,2 HY

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

9、發(fā)展也促進(jìn)了Web網(wǎng)頁(yè)應(yīng)用和技術(shù)的快速發(fā)展。音樂(lè)網(wǎng)站正是在這樣的前提下而產(chǎn)生的，人們通過(guò)互聯(lián)網(wǎng)給日常生活增添了很大的樂(lè)趣，讓人們?cè)诠ぷ髦罂梢赃M(jìn)行休閑的娛樂(lè)。 因?yàn)閷拵в脩舻脑黾?帶動(dòng)了音樂(lè)網(wǎng)站產(chǎn)業(yè)的蓬勃興起。無(wú)論國(guó)內(nèi)還是國(guó)外,音樂(lè)網(wǎng)站市場(chǎng)都呈現(xiàn)一派生氣,近年來(lái),全球數(shù)字娛樂(lè)業(yè)持續(xù)發(fā)展。網(wǎng)絡(luò)傳播以其特有的快速、高效、便捷的傳輸方式被人們所接受,越來(lái)越多的走進(jìn)了大家。并 且在當(dāng)今音樂(lè)浪潮的影響下,隨著音樂(lè)事業(yè)逐漸走向高峰,音樂(lè)已無(wú)處不在,音樂(lè)己與我們密不可分。全球數(shù)字娛樂(lè)業(yè)的迅猛發(fā)展、網(wǎng)絡(luò)電視等,無(wú)不充斥著激烈的競(jìng)爭(zhēng)。音樂(lè)網(wǎng)站在這種背景下逐漸發(fā)展起來(lái)。音樂(lè)網(wǎng)站改變了傳統(tǒng)音樂(lè)產(chǎn)業(yè)的產(chǎn)業(yè)結(jié)構(gòu)。而現(xiàn)在

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

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

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

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

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

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

16、a IDE來(lái)使用，但MyEclipse的目標(biāo)不僅限于此。MyEclipse還包括插件開發(fā)環(huán)境（Plug-inDevelopmentEnvironment，PDE），這個(gè)組件主要針對(duì)希望擴(kuò)展MyEclipse的軟件開發(fā)人員，因?yàn)樗试S他們構(gòu)建與MyEclipse環(huán)境無(wú)縫集成的工具。由于MyEclipse中的每樣?xùn)|西都是插件，對(duì)于給MyEclipse提供插件，以及給用戶提供一致和統(tǒng)一的集成開發(fā)環(huán)境而言，所有工具開發(fā)人員都具有同等的發(fā)揮場(chǎng)所。MyEclipse是一個(gè)(y )開發(fā)源碼項(xiàng)目，它其實(shí)是Visual Age for Java的替代品，其界面(jimin)跟先前的VisualAgefor Ja

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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