在線音樂網(wǎng)站的設(shè)計(jì)

1、內(nèi)容摘要現(xiàn)在熱愛音樂的人越來越多，因?yàn)橐魳房梢宰尡陡猩鐣?huì)壓力的人們的身心放松，心情愉悅。我們做這個(gè)網(wǎng)站的目的就是讓那些熱愛音樂的人，能夠在我們的網(wǎng)站收聽自己喜歡的歌曲，感受音樂帶給他們的無窮的力量。當(dāng)前，在網(wǎng)上有許多音樂方面的文章。網(wǎng)站的質(zhì)量確不盡相同。在功能方面，許多關(guān)于音樂方面的網(wǎng)站的歌曲的音質(zhì)以及數(shù)量都存在不少的問題。再多數(shù)的音樂網(wǎng)站里面，給用戶提供音樂體現(xiàn)比較少。音樂網(wǎng)站是比較新穎的以音樂分享為主要目的的網(wǎng)站。在這個(gè)網(wǎng)站里，用戶能夠?qū)σ魳穼?shí)行共享，相互之間還可以交流。在這個(gè)網(wǎng)站里面，能夠?qū)庉嬕魳芬约安シ帕斜?。不斷?duì)網(wǎng)站進(jìn)行完善。在這個(gè)網(wǎng)站里，還能提供音質(zhì)效果非常好的服務(wù)和體驗(yàn)效果。本

2、文介紹了音樂網(wǎng)頁兩個(gè)組成結(jié)構(gòu)。第一個(gè)是前臺(tái)界面。在這個(gè)界面內(nèi)，注冊(cè)之后的用戶可以聽自己要聽的音樂。如果喜歡還可以下載下來保存到電腦上；第二個(gè)是后臺(tái)界面，管理員能夠?qū)σ魳愤M(jìn)行維護(hù)的功能。像對(duì)音樂增加信息量，對(duì)歌曲的歌手以及信息進(jìn)行增加或刪除等等。 關(guān)鍵詞：在線音樂系統(tǒng)；音樂網(wǎng)站；后臺(tái)界面37Content in this paper,Now more and more people love music, because music can make people feel social pressure to relax and happy. We do the purpose of this

3、 site is to make people who love music, can be in our website to listen to your favorite songs, feeling the music bring their endless power. At present, there are a lot of music on the Internet. The quality of the site is not the same. In terms of function, many websites about music songs sound qual

4、ity and quantity are a lot of problems. Most of the music web site again, and provide users with music reflect less. Music website is a new music sharing as the main purpose of the site. In this web site, users can share the music for, you can also communicate with each other. In this web site, to b

5、e able to edit music and playlists. Constantly to improve website. In this website, can also provide sound effect is very good service and experience the effect. This paper introduces the music page two structure. The first is the front desk interface. After registered in this interface, users can l

6、isten to listen to the music. If you like can also save downloaded to a computer; The second is the backend interface, administrators can protect the function of music. As for music to increase the amount of information, the singer of the song and to add or delete information, and so on.keywordsOnli

7、ne music system; Music website; Backend interface 目 錄一.緒論4問題的提出4二. 在線音樂網(wǎng)站建模研究基礎(chǔ)5 在線音樂網(wǎng)的理解51 在線音樂網(wǎng)站的概念52 在線音樂網(wǎng)的特點(diǎn)5 網(wǎng)絡(luò)在線音樂網(wǎng)站開發(fā)的原則及理論模型61 網(wǎng)絡(luò)在線音樂網(wǎng)站的開發(fā)原則62 網(wǎng)絡(luò)在線音樂網(wǎng)站的理論模型7三. 開發(fā)工具及運(yùn)行環(huán)境9 網(wǎng)站開發(fā)環(huán)境介紹91 基礎(chǔ)結(jié)構(gòu)分析92 原理分析103 功能分析10 開發(fā)工具和技術(shù)的選取101 JSP 技術(shù)102 JDBC技術(shù)113 JavaScript腳本語言114 MySql數(shù)據(jù)庫115 開發(fā)工具之Dreamweaver116 AJ

8、AX 技術(shù)11 服務(wù)器的選擇111 Tomcat6.0的簡介11 系統(tǒng)所需的硬件設(shè)備12 系統(tǒng)的運(yùn)行環(huán)境12四. 系統(tǒng)需求分析12 系統(tǒng)功能需求121 系統(tǒng)功能需求描述122 數(shù)據(jù)流圖13 系統(tǒng)性能需求151 系統(tǒng)時(shí)間特性規(guī)定152 系統(tǒng)靈活性153 輸入輸出要求164 數(shù)據(jù)管理及故障處理要求16五. 系統(tǒng)設(shè)計(jì)16 系統(tǒng)概要設(shè)計(jì)161 系統(tǒng)數(shù)據(jù)流圖設(shè)計(jì)162 系統(tǒng)總體功能設(shè)計(jì)183 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)20 系統(tǒng)詳細(xì)設(shè)計(jì)241 代碼編寫規(guī)范252 系統(tǒng)主要功能流程及模塊26六. 系統(tǒng)實(shí)現(xiàn)27 系統(tǒng)開發(fā)平臺(tái)及工具27 系統(tǒng)主要模塊的實(shí)現(xiàn)271 在線音樂前臺(tái)的實(shí)現(xiàn)272 歌曲試聽的實(shí)現(xiàn)283 音樂盒功能

9、的實(shí)現(xiàn)294 MV功能的實(shí)現(xiàn)305 歌曲收藏功能的實(shí)現(xiàn)306 后臺(tái)管理的實(shí)現(xiàn)31七. 系統(tǒng)測試31 系統(tǒng)功能測試311 測試步驟312 測試用例323 結(jié)果分析33八. 后續(xù)研究展望33致 謝35參考文獻(xiàn)36在線音樂網(wǎng)站的設(shè)計(jì)一、緒論問題的提出 隨著互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，許多網(wǎng)站的出現(xiàn)將會(huì)使人們?cè)陔娔X旁邊就會(huì)了解世界各地的變化?；ヂ?lián)網(wǎng)將世界各地之間的距離變得非常小了。在這樣一個(gè)信息化社會(huì)，人們的生活中，音樂是不可缺少了。多媒體出現(xiàn)之后，音樂在人們的生活中變的更加普及了。人們?cè)陔娔X旁邊打開電腦就會(huì)搜索到各種各樣的音樂。外國一些音樂也會(huì)在網(wǎng)上供用戶試聽和下載。因此，隨著人們對(duì)音樂品味的不斷提高，用戶

10、對(duì)于音樂方面的網(wǎng)站也會(huì)不斷提出更高的要求。它們不但會(huì)對(duì)音樂試聽速度方面有嚴(yán)格要求，還對(duì)音樂各方面的信息要求了解的更加詳細(xì)。這就要求網(wǎng)絡(luò)需要不斷提高網(wǎng)速，也需要網(wǎng)絡(luò)技術(shù)的大力支持這種網(wǎng)站。數(shù)據(jù)壓縮編碼將逐漸應(yīng)用到音樂類網(wǎng)站中去。在線的音樂網(wǎng)站用這些技術(shù)不斷開發(fā)設(shè)計(jì)。它的出現(xiàn)將會(huì)在一定程度上滿足用戶對(duì)音樂的要求。對(duì)于在線音樂網(wǎng)站這個(gè)領(lǐng)域，近年來成為國內(nèi)外網(wǎng)絡(luò)音樂研究的熱點(diǎn)之一。網(wǎng)絡(luò)在線音樂網(wǎng)站是指在計(jì)算機(jī)網(wǎng)絡(luò)的基礎(chǔ)上，由相互聯(lián)系制約、相對(duì)獨(dú)立的各模塊構(gòu)成，并最終實(shí)現(xiàn)音樂網(wǎng)站功能，從技術(shù)層面上講，一般具有后臺(tái)音樂管理、試聽歌曲、下載歌曲、上傳歌曲管理、用戶注冊(cè)功能等多種功能。網(wǎng)絡(luò)在線音樂網(wǎng)站的各項(xiàng)功

11、能要得以實(shí)現(xiàn)，必須從硬件和軟件兩個(gè)方面對(duì)網(wǎng)站進(jìn)行開發(fā),是網(wǎng)站成功開發(fā)的關(guān)鍵。二、在線音樂網(wǎng)站建模研究基礎(chǔ) 在線音樂網(wǎng)的理解1 在線音樂網(wǎng)站的概念、數(shù)字音樂定義的概念對(duì)于數(shù)字音樂的定義是，它是以數(shù)字的形式為存儲(chǔ)的方式的。然后以網(wǎng)絡(luò)為介質(zhì)進(jìn)行音樂的傳輸。怎么下載都不會(huì)發(fā)生改變，現(xiàn)在，數(shù)字音樂已經(jīng)發(fā)展飛速，在國內(nèi)有這些不可磨滅的地位，古典音樂也相續(xù)向數(shù)字音樂發(fā)展。、在線音樂的概念在線音樂是指在網(wǎng)上不用下載就可以直接通過網(wǎng)絡(luò)的連接來收聽歌曲，并且可以對(duì)歌曲做出相應(yīng)的操作。2 在線音樂網(wǎng)的特點(diǎn)網(wǎng)絡(luò)在線音樂網(wǎng)具有以下特征：、廣泛性不管你 是何種身份以及相貌專門樣，還是你來自哪個(gè)國家。這都是不重要的，你都會(huì)

12、參加到網(wǎng)絡(luò)音樂中來。這些要求的基本條件就是一個(gè)硬件基礎(chǔ)，利用互聯(lián)網(wǎng)技術(shù),其在國家里,哪個(gè)民族以外的人,這是沒有限制的。這種情況就對(duì)網(wǎng)絡(luò)音樂的傳播大大降低了門檻。、公平性 網(wǎng)絡(luò)環(huán)境中，所有人都是公平對(duì)待的。人們能夠按照自己的意愿發(fā)揮自己的特長。這種情況能夠解決在現(xiàn)實(shí)生活中不公平對(duì)待的情況。這就使許多人有著同等對(duì)待競爭的情況。、互動(dòng)性 網(wǎng)絡(luò)音樂發(fā)明之前，人們通過磁帶以及光盤的形式來收聽音樂。但是，這種方式使人們不能自由的選擇音樂的曲目。在收聽的時(shí)候，不能隨著自己的愛好進(jìn)行收聽。但是自從網(wǎng)絡(luò)音樂發(fā)展以來，人們的生活越來越美好，音樂愛好者可以隨時(shí)選擇自己喜歡的曲目來進(jìn)行音樂欣賞，并且非常便捷。在收聽過

13、程中，有能夠?qū)⒆约貉莩囊魳钒l(fā)布到網(wǎng)絡(luò)中去，推廣自己的創(chuàng)作，最終得到大家的認(rèn)可。、成本低廉 音樂創(chuàng)作人只要對(duì)音樂創(chuàng)作好了，就能馬上上傳到網(wǎng)絡(luò)上面去。由于這種便利方法，網(wǎng)絡(luò)音樂的價(jià)格比較低。這種情況就會(huì)給唱片行業(yè)帶來巨大的壓力。不僅如此，便宜的盜版光盤也很少有人購買。人們想要聽什么音樂去網(wǎng)上就能很容易進(jìn)行下載下來。下載速度非?？臁＿@就使許多人不愿意花錢買正版光盤了。唱片公司的發(fā)展受到了嚴(yán)重影響。這需要網(wǎng)絡(luò)傳媒人需要及時(shí)解決的問題。 網(wǎng)絡(luò)在線音樂網(wǎng)站開發(fā)的原則及理論模型1 網(wǎng)絡(luò)在線音樂網(wǎng)站的開發(fā)原則網(wǎng)絡(luò)在線音樂網(wǎng)站的設(shè)計(jì)是一項(xiàng)復(fù)雜的任務(wù)，要考慮一些問題和一些原則，具體設(shè)計(jì)原則主要有以下幾個(gè)方面：、

14、一致性原則一致性原則就是網(wǎng)站的總的風(fēng)格要一致。一個(gè)網(wǎng)站假如是多種風(fēng)格制作的，網(wǎng)站就會(huì)雜亂無章，不能讓人接受。還有，網(wǎng)頁中的內(nèi)容以及形式要互相達(dá)成一樣。在網(wǎng)頁中如果沒有吸引人的地方，靠比較好看的外表，印象深刻的永遠(yuǎn)是外表，不會(huì)是你的內(nèi)容。做一個(gè)網(wǎng)站不是為了給別人看界面的，而是內(nèi)容，這樣這個(gè)網(wǎng)站就會(huì)沒人訪問。網(wǎng)站內(nèi)的背景以及圖片和內(nèi)容要相互一樣。所以，比較成功的網(wǎng)站需要一個(gè)好的背景來襯托。、重點(diǎn)突出原則當(dāng)一個(gè)人的網(wǎng)站內(nèi)容沒有重點(diǎn)突出。所有的東西都寫進(jìn)去，那么就會(huì)使網(wǎng)站得不到訪問者好的印象，就會(huì)讓人有種比較亂的感受。音樂網(wǎng)站需要給訪問者看的東西比較多，這些內(nèi)容有音樂的類別，作者等一些信息。數(shù)據(jù)庫資源

15、等。如何將這些項(xiàng)目有效地組織起來，如何歸類，是設(shè)計(jì)網(wǎng)頁時(shí)必須考慮到的問題。、最新原則對(duì)于網(wǎng)站日常管理要內(nèi)容不斷進(jìn)行更新，檢查鏈接情況。一個(gè)能吸引人的網(wǎng)站，要有他的獨(dú)特之處。要讓訪問者一進(jìn)去就有中新穎的感受。我們必須要關(guān)注的是網(wǎng)站的風(fēng)格設(shè)計(jì)出來后，不要隨便更換。平時(shí)對(duì)網(wǎng)站管理中，需要更換的就是一些音樂的信息等。、獨(dú)特性原則每一個(gè)網(wǎng)站不能千篇一律，一個(gè)模式，都應(yīng)要有自己獨(dú)特的特點(diǎn),用戶自己想的是什么樣式就可以在界面顯示出什么樣式，可以根據(jù)自己的想法來實(shí)現(xiàn)自己的個(gè)性化東西。2 網(wǎng)絡(luò)在線音樂網(wǎng)站的理論模型根據(jù)網(wǎng)絡(luò)在線音樂網(wǎng)站的定義、理論基礎(chǔ)以及設(shè)計(jì)原則，由此可以得出網(wǎng)絡(luò)在線音樂網(wǎng)站所應(yīng)具備的主要功能,

16、前臺(tái)功能結(jié)構(gòu)下圖所示。前臺(tái)功能總結(jié)構(gòu)圖：Malone Music登錄注冊(cè)留言音樂盒音樂館音樂MV互動(dòng)播放歌曲用戶評(píng)論編輯視頻上傳刪除播放展示刪除展示播放上傳收藏歌曲音樂搜索歌曲排行上傳視頻登錄留言注冊(cè)按人名按類別后臺(tái)功能結(jié)構(gòu)總圖：公告發(fā)布個(gè)人信息修改內(nèi)容修改評(píng)論修改留言修改歌曲管理MV刪除歌曲刪除擴(kuò)展業(yè)務(wù)（積分）網(wǎng)站訪問量用戶信息修改用戶刪除管理員創(chuàng)建公告修改公告刪除其他后臺(tái)管理用戶管理公告 從功能角度看，網(wǎng)絡(luò)在線音樂。網(wǎng)站主要有幾大模塊組成。這幾大模塊有用戶管理模塊、歌曲管理模塊、評(píng)論管理模塊、歌曲類別管理模塊和歌曲搜索模塊。用戶管理模塊是游客在注冊(cè)頁面填寫好自己的信息提交成功后，成為網(wǎng)站的

17、一個(gè)用戶，可以為音樂網(wǎng)站添加歌曲、試聽、下載等功能，但管理員還能對(duì)歌曲的刪除和修改等功能，評(píng)論管理模塊是游客和用戶在試聽和下載后，可以對(duì)該歌曲進(jìn)行評(píng)論，管理員可以對(duì)評(píng)論進(jìn)行管理，歌曲類別管理模塊是對(duì)不同種類的歌曲進(jìn)行分類，讓游客和用戶瀏覽歌曲和查找歌曲更加方便，管理員也更好進(jìn)行管理。（2）從用戶角度看，網(wǎng)絡(luò)在線音樂網(wǎng)站主要分為游客類、用戶類、管理員類三大類別。三. 開發(fā)工具及運(yùn)行環(huán)境 網(wǎng)站開發(fā)環(huán)境介紹1 基礎(chǔ)結(jié)構(gòu)分析對(duì)于網(wǎng)絡(luò)的結(jié)構(gòu)模型，目前用的是B/S模式。這種模式將數(shù)據(jù)庫技術(shù)和其他技術(shù)結(jié)合到一起，形成了一門新技術(shù)。這種新技術(shù)對(duì)環(huán)境形成了一種分離。在用戶端內(nèi)，瀏覽器代替了客戶軟件。這就在一定程

18、度上實(shí)現(xiàn)了多媒體服務(wù)。對(duì)于這種模式可以分為三個(gè)結(jié)構(gòu)。這三個(gè)結(jié)構(gòu)分別是瀏覽器，WEB服務(wù)器以及數(shù)據(jù)庫服務(wù)器。它們的結(jié)構(gòu)組成我們從圖3.1中可以看出： 圖3.1 B/S模式圖（1）用戶界面部分-瀏覽器； （2）WEB 服務(wù)器是作為應(yīng)用界面的部分。（3)數(shù)據(jù)庫的作用是信息和對(duì)數(shù)據(jù)進(jìn)行存儲(chǔ)。2 原理分析用戶請(qǐng)求的原理是當(dāng)用戶提出一個(gè)請(qǐng)求到服務(wù)器，服務(wù)器接受請(qǐng)求把請(qǐng)求存到容量池中，在容量池中在把用戶的請(qǐng)求來做轉(zhuǎn)變，然后在由servlet服務(wù)器裝發(fā)出來。3 功能分析、數(shù)據(jù)庫mysql是關(guān)系數(shù)據(jù)庫。關(guān)系系統(tǒng)庫數(shù)據(jù)管理的結(jié)構(gòu)數(shù)據(jù)相對(duì)于簡單，數(shù)據(jù)以表來存儲(chǔ)，采用查詢語言SQL結(jié)構(gòu)化，數(shù)據(jù)之間的聯(lián)系是由主鍵表示。

19、、瀏覽器用HTML編寫用戶頁面，用戶用瀏覽器查看頁面。當(dāng)用戶提出請(qǐng)求后服務(wù)器發(fā)出請(qǐng)求到瀏覽器中，在瀏覽器中的tomacat在通過協(xié)議展現(xiàn)給瀏覽器中給用戶展示。、WEB 服務(wù)器Web服務(wù)器主要是來接受用戶的請(qǐng)求，處理用戶的請(qǐng)求，在的到處理的結(jié)果做請(qǐng)求的轉(zhuǎn)發(fā)，轉(zhuǎn)發(fā)給瀏覽器。 開發(fā)工具和技術(shù)的選取1 JSP 技術(shù)Jsp主要是用來做html的進(jìn)化版的動(dòng)態(tài)界面，jsp的原身是servlet，只是在servlet的上面在加入了html代碼，主要組成就大部分html代碼和小部分servlet功能代碼。2 JDBC技術(shù)Jdbc技術(shù)主要是起到連接橋的作用，采用的是io流的原理，在連接數(shù)據(jù)庫，達(dá)到用戶可以在客戶端

20、可以直接拿到數(shù)據(jù)庫的東西。3 JavaScript腳本語言Javascript腳本語是一個(gè)語言，和java一樣是一門發(fā)展好的語言，他主要是給靜態(tài)頁面添加動(dòng)態(tài)的效果，達(dá)到用戶的界面多元化。4 MySql數(shù)據(jù)庫Mysql數(shù)據(jù)庫就是用來存取數(shù)據(jù)的，他的優(yōu)點(diǎn)就是本身容量小，對(duì)數(shù)據(jù)庫的操作方便，對(duì)數(shù)據(jù)的操作的操作也安全且方便可靠。5 開發(fā)工具之Dreamweaver Dreamweaver 的簡介Dreamweaver主要是用來做Html,jsp等網(wǎng)頁,他的主要優(yōu)點(diǎn)就是方便，操作簡單，在實(shí)際開發(fā)過程中可以減少開發(fā)人員不少的開發(fā)時(shí)間，提高開發(fā)效率。6 AJAX 技術(shù)這種技術(shù)的稱為“Asynchronous

21、 JavaScript and XML”。它是一種不同步的網(wǎng)頁開發(fā)技術(shù)。AJAX的優(yōu)點(diǎn)就是在網(wǎng)頁改變數(shù)據(jù)的時(shí)候，不會(huì)改所有的數(shù)據(jù)，而是異步改變數(shù)據(jù)，你要改那里就改那里。 服務(wù)器的選擇1 Tomcat6.0的簡介這個(gè)服務(wù)器是輕量級(jí)的。它被普遍應(yīng)用在比較小的系統(tǒng)中以及一些場合。對(duì)程序進(jìn)行開發(fā)以及調(diào)試首選這個(gè)服務(wù)器。如果一臺(tái)電腦設(shè)計(jì)了Apache服務(wù)HTML頁面的訪問請(qǐng)求。那就是對(duì)Tomcat部分是Apache服務(wù)器進(jìn)行了擴(kuò)展。當(dāng)它們?cè)诜謩e對(duì)tomacat進(jìn)行運(yùn)行的時(shí)候，本質(zhì)上是單獨(dú)運(yùn)行Apache獨(dú)立的進(jìn)程。 系統(tǒng)所需的硬件設(shè)備 1 windows7及其以上的操作系統(tǒng)。 2 P4或以上的處理器；

22、3 128M或以上的內(nèi)存； 4 20GB或以上的硬盤； 5 鼠標(biāo)鍵盤； 系統(tǒng)的運(yùn)行環(huán)境1服務(wù)器端：window7 + Tomcat 6.0 +mysql2 客戶端：window7 +google四. 系統(tǒng)需求分析在網(wǎng)絡(luò)在線音樂網(wǎng)站的需求分析，主要分以下兩步工作：（1）系統(tǒng)功能分析；（2）系統(tǒng)性能需求。 系統(tǒng)功能需求在線音樂網(wǎng)站需求滿足二個(gè)大的方面的需要，一是游客和用戶，二是管理者。游客打開網(wǎng)站時(shí)，可以試聽歌曲，他們也可以在網(wǎng)頁注冊(cè)一個(gè)新的用戶，這樣就會(huì)有更多的功能了。網(wǎng)站管理員能夠?qū)σ魳返男畔⑦M(jìn)行修改，也可以對(duì)用戶進(jìn)行管理和評(píng)論管理。1 系統(tǒng)功能需求描述通過對(duì)系統(tǒng)進(jìn)行詳細(xì)的分析與研究，我們認(rèn)為

23、，系統(tǒng)主要進(jìn)行的是前臺(tái)的銷售，后臺(tái)的銷售等一些功能。其中，前臺(tái)銷售主要包括用戶注冊(cè)和登錄，下載以及試聽功能等。后臺(tái)管理內(nèi)容包括用戶以及歌曲的評(píng)論管理，歌曲的類別管理等。、基本用戶信息管理：對(duì)游客進(jìn)行注冊(cè)的基本信息進(jìn)行添加、修改、刪除的基本操作。、歌曲管理：管理員對(duì)一些陳舊的或過時(shí)的歌曲進(jìn)行刪除和修改，添加當(dāng)前最的歌曲的基本操作。、歌曲類別管理：管理員對(duì)歌曲進(jìn)行分類讓游客或用戶進(jìn)行查找方便。、下載功能：游客或用戶都有的功能可以把自己喜歡的歌曲下載到自己的電腦里。、評(píng)論歌曲：游客和用戶試聽或下載該歌曲之后，可以對(duì)該歌曲進(jìn)行一個(gè)簡單的評(píng)論。、對(duì)歌曲進(jìn)行搜索：為了給網(wǎng)頁訪問者帶來快速搜索歌曲的便利，能

24、夠根據(jù)曲名，歌曲的演唱者和歌曲的專輯名稱進(jìn)行查詢。2 數(shù)據(jù)流圖數(shù)據(jù)流圖是來展示系統(tǒng)的流動(dòng)情況，數(shù)據(jù)處理等業(yè)務(wù)。數(shù)據(jù)流程圖如圖4.1顯示。 表4.1 數(shù)據(jù)流圖符號(hào)在線音樂網(wǎng)的功能需求分析如下圖所示：圖4.1通過頂層數(shù)據(jù)流的分析得到1層數(shù)據(jù)流，如圖4.2、圖4.3所示：圖4.2在線音樂網(wǎng)1層游客數(shù)據(jù)流圖圖4.3在線音樂網(wǎng)1層用戶數(shù)據(jù)流圖 系統(tǒng)性能需求1 系統(tǒng)時(shí)間特性規(guī)定我們要想使音樂網(wǎng)站健康持續(xù)的發(fā)展運(yùn)行下去，就必需要把網(wǎng)站建立起滿足下列要求的網(wǎng)站。要使網(wǎng)站具有時(shí)間特定的要求。比如:，軟磁盤讀寫過程要在規(guī)定的時(shí)間范圍內(nèi)進(jìn)行；，對(duì)數(shù)據(jù)進(jìn)行處理的時(shí)間要保持在2秒和3秒之間；，對(duì)于接受用戶發(fā)送的信息要比

25、較快速并且準(zhǔn)確。2 系統(tǒng)靈活性 為了適應(yīng)不同環(huán)境對(duì)系統(tǒng)的不同要求，我們應(yīng)該對(duì)系統(tǒng)設(shè)計(jì)的相當(dāng)靈活。具體要求如下： ，對(duì)于操作方式要建立個(gè)比較靈活的界面； ，當(dāng)運(yùn)行的環(huán)境發(fā)生變化的時(shí)候，要有適應(yīng)能力； ，當(dāng)在音樂網(wǎng)站上保存的數(shù)據(jù)的有效時(shí)間的改變要做到隨機(jī)應(yīng)變和反應(yīng)的能力。3 輸入輸出要求對(duì)不對(duì)的數(shù)據(jù)進(jìn)行檢測，保證輸入的數(shù)據(jù)的正確性，對(duì)輸出的數(shù)據(jù)也可以進(jìn)行過濾，保證數(shù)據(jù)輸出的可靠性。4 數(shù)據(jù)管理及故障處理要求我的網(wǎng)站主要用的是mysql數(shù)據(jù)庫,Mysql數(shù)據(jù)庫具有容量高，本身數(shù)據(jù)庫的數(shù)量低，方便存取，對(duì)數(shù)據(jù)的操作簡易，方便，對(duì)故障的處理更加有優(yōu)勢，在以些不可抗拒的故障處理的時(shí)候有其的優(yōu)點(diǎn)，還有完善的

26、數(shù)據(jù)備份功能和數(shù)據(jù)還原功能，對(duì)數(shù)據(jù)的安全具有不錯(cuò)的功能。五. 系統(tǒng)設(shè)計(jì) 系統(tǒng)概要設(shè)計(jì)1 系統(tǒng)數(shù)據(jù)流圖設(shè)計(jì)在這個(gè)系統(tǒng)里面，訪問者開始進(jìn)入網(wǎng)頁的時(shí)候，對(duì)自己喜歡的音樂可以適應(yīng)也可以收藏起來。若系統(tǒng)沒有檢索到用戶名，則不允許上傳歌曲，那就需要進(jìn)一步的驗(yàn)證；才可以上傳歌曲，還可以對(duì)個(gè)人信息，歌曲信息，MV信息的修改。在線音樂的網(wǎng)上傳歌曲流程圖如圖5.1所示。 圖5.1 用戶上傳歌曲流程在線音樂網(wǎng)評(píng)論歌曲數(shù)據(jù)流圖，如圖5.2所示：圖5.2 評(píng)論歌曲流程2 系統(tǒng)總體功能設(shè)計(jì)經(jīng)分析，該系統(tǒng)前臺(tái)包括歌曲展示、用戶注冊(cè)、歌曲搜索、用戶登錄、歌曲評(píng)論、試聽排行榜與下載排行榜等功能。其功能結(jié)構(gòu)圖如5.3、5.4所示

27、：前臺(tái)功能總結(jié)構(gòu)圖5.3：Malone Music登錄注冊(cè)留言音樂盒音樂館音樂MV互動(dòng)播放歌曲用戶評(píng)論視頻內(nèi)容上傳刪除播放展示刪除展示播放上傳收藏歌曲音樂搜索歌曲排行上傳視頻登錄留言注冊(cè)構(gòu)按人名按類別后臺(tái)功能結(jié)構(gòu)總圖5.4：公告發(fā)布個(gè)人信息修改視頻修改評(píng)論修改留言修改歌曲管理MV刪除歌曲刪除 可擴(kuò)展業(yè)務(wù)(積分)網(wǎng)站訪問量用戶信息修改用戶刪除管理員創(chuàng)建公告修改公告刪除其他后臺(tái)管理用戶管理公告3 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)庫設(shè)計(jì)原則、容錯(cuò)率低、靈活性高、故障處理 數(shù)據(jù)庫設(shè)計(jì)我們對(duì)數(shù)據(jù)關(guān)系進(jìn)行分析是用E-R圖來表示的。在音樂網(wǎng)站中，我們將列出實(shí)體圖以及E-R圖的具體內(nèi)容。如圖5.5所示是歌曲的信息師徒圖。在

28、這個(gè)圖里有歌曲ID、歌曲名、演唱者、專輯名、歌曲類型、上傳日期、下載次數(shù)、試聽次數(shù)、文件格式等基本數(shù)據(jù)。記錄每一首歌曲的基本信息，有助于更好了解歌曲的基本情況。圖5.5 歌曲信息實(shí)體圖用戶表如圖5.6所示：圖5.6 用戶信息實(shí)體圖如圖5.7所示為E-R圖。一個(gè)管理員可以同時(shí)對(duì)許多個(gè)用戶進(jìn)行管理，還可以對(duì)音樂的類別以及信息等進(jìn)行管理，也可以對(duì)每個(gè)用戶以及歌曲的基本信息被多個(gè)管理員管理，用戶和歌曲信息也是多對(duì)多的關(guān)系，每個(gè)類別可以有多首歌曲，但每一歌曲只能屬于一個(gè)類別，評(píng)論和歌曲也是多對(duì)多的關(guān)系。圖5.7實(shí)體-關(guān)系圖 數(shù)據(jù)庫表設(shè)計(jì)用戶信息表的作用是對(duì)用戶信息進(jìn)行保存。對(duì)這些信息可以進(jìn)行增加和刪除的

29、功能。如下表所示。表5.1 用戶信息表序號(hào)名稱字段名稱類別長度備注說明1IDidInt10主鍵用于表示用戶編號(hào)2用戶名ManagerVarcher50非空用于存儲(chǔ)用戶的姓名3密碼pwdVarcher50非空用于存儲(chǔ)用戶的密碼4性別SexVarcher2非空用于存儲(chǔ)用戶的性別5電子郵箱emailVarcher50非空用于存儲(chǔ)用戶的電子郵箱6頭像imageNameVarcher50允許空用于存儲(chǔ)用戶的頭像7上傳歌曲次數(shù)upSongInt允許空用于存儲(chǔ)用戶的上傳歌曲次數(shù)8注冊(cè)時(shí)間rdateDatetime非空用于存儲(chǔ)用戶的注冊(cè)時(shí)間歌曲信息主要是用來存取歌曲信息的和歌曲的遍歷與瀏覽，如表5.2表5.2

30、 歌曲信息表序號(hào)名稱字段名稱類別長度備注說明1IDidInt10主鍵用于表示歌曲編號(hào)2歌曲名songNameVarcher50非空用于存儲(chǔ)歌曲的歌曲名3演唱者singerVarcher30非空用于存儲(chǔ)歌曲的演唱者4專輯名specialNameVarcher30允許空用于存儲(chǔ)歌曲所屬的專輯名5文件大小fileSizeVarcher10允許空用于存儲(chǔ)歌曲的文件大小6文件URLfileURLVarcher100非空用于存儲(chǔ)歌曲的文件URL7文件格式formatVarcher10非空用于存儲(chǔ)歌曲的文件格式8試聽次數(shù)hitsInt非空用于存儲(chǔ)歌曲的試聽次數(shù)9下載次數(shù)downloadInt非空用于存儲(chǔ)歌曲

31、的下載次數(shù)10上傳時(shí)間upTimeDatetime非空用于存儲(chǔ)歌曲的上傳時(shí)間11歌曲類型songTypeInt非空用于存儲(chǔ)歌曲所屬的類別評(píng)論信息表用于存儲(chǔ)對(duì)歌曲進(jìn)行評(píng)論的基本信息。如表5.3所示。表5.3 歌曲評(píng)論信息表序號(hào)名稱字段名稱類型長度備注說明1IDidInt10主鍵用于表示歌曲評(píng)論編號(hào)2評(píng)論者authorVarchar50非空用于存儲(chǔ)歌曲評(píng)論的作者3評(píng)論內(nèi)容contentsVarchar200非空用于存儲(chǔ)歌曲評(píng)論的內(nèi)容4歌曲IDsongIdInt10非空用于存儲(chǔ)歌曲評(píng)論所屬歌的ID5評(píng)論時(shí)間datesdatetime非空用于存儲(chǔ)歌曲評(píng)論的時(shí)間管理員信息表的作用是對(duì)管理員的信息登錄過程

32、中驗(yàn)證登錄的。如下表所示。表5.4 管理員信息表歌曲類別信息表用于存儲(chǔ)所有歌曲分成類別的基本信息。如表5.5所示。表5.5 管理員信息表序號(hào)名稱字段名稱類別長度備注說明1IDidInt 10主鍵用于表示歌曲類別的編號(hào)2類型名typeNamevarcher50非空用于存儲(chǔ)歌曲類別的類別名 系統(tǒng)詳細(xì)設(shè)計(jì)在線音樂網(wǎng)站是采用JSP編寫，利用Mysql數(shù)據(jù)庫存儲(chǔ)信息。網(wǎng)頁按實(shí)際需求及功能模塊編寫，按如下順序詳細(xì)介紹，包括問網(wǎng)站后臺(tái)主頁面、前臺(tái)主頁面、下載歌曲的實(shí)現(xiàn)、試聽歌曲的實(shí)現(xiàn)。1 代碼編寫規(guī)范2 系統(tǒng)主要功能流程及模塊 用戶管理流程用戶管理主要是來管理用戶的，用戶可更改個(gè)人資料信息，確認(rèn)無誤后，即可

33、提交更改后的信息，如圖5.8所示。圖5.8 用戶管理流程圖 歌曲管理流程當(dāng)管理員在后臺(tái)登錄的時(shí)候，需要對(duì)身份進(jìn)行校驗(yàn)，密碼不對(duì)不可以進(jìn)去，當(dāng)密碼正確后進(jìn)入系統(tǒng)之后，可以進(jìn)行曲目的添加等功能，增加數(shù)據(jù)庫中沒有的歌曲或者進(jìn)行修改已經(jīng)存在的歌曲等。如圖5.9所示，為歌曲管理的流程圖。圖5.9 歌曲管理流程圖 歌曲試聽和下載流程網(wǎng)站訪問者當(dāng)進(jìn)入網(wǎng)站主頁的時(shí)候，能夠搜索出自己想聽的音樂。他們可以下載下來再聽也可以在線試聽，當(dāng)不存在該歌曲則會(huì)提示該歌曲暫沒有上傳，繪制出如圖5.10所示，圖中為歌曲試聽的下載流程圖。圖5.10 歌曲試聽下載流程圖六. 系統(tǒng)實(shí)現(xiàn) 系統(tǒng)開發(fā)平臺(tái)及工具1、服務(wù)器端： 操作系統(tǒng)：w

34、indow7 Web服務(wù)器：Tomcat 6.0 數(shù)據(jù)庫服務(wù)器：mysql2、客戶端： 操作系統(tǒng)：window7 瀏覽器：google3、主要開發(fā)工具： Myeclipse10.0 +Tomcat6.0+dreamweaver8.04、主要開發(fā)技術(shù)： JSP+Ajax+HTML+JavaScript+CSS 系統(tǒng)主要模塊的實(shí)現(xiàn)1 在線音樂前臺(tái)的實(shí)現(xiàn)在線音樂網(wǎng)站的前臺(tái)主要是用來展示整個(gè)頁面的主要東西，把需要顯示的東西放在前臺(tái)，效果如圖6.1所示。圖6.1 前臺(tái)主界面圖顯示數(shù)據(jù)的同時(shí)系統(tǒng)會(huì)自動(dòng)按歌曲所屬類別進(jìn)行分類顯示，如點(diǎn)擊歌曲鏈接，則在頁面中只顯示屬于該類的所有歌曲。2 歌曲試聽的實(shí)現(xiàn)當(dāng)訪問者

35、進(jìn)入音樂網(wǎng)站主頁的時(shí)候，他們能夠選擇自己喜歡聽的音樂，在音樂的后面點(diǎn)擊試聽如圖6.2所示。圖6.2 歌曲試聽界面圖 3 音樂盒功能的實(shí)現(xiàn) 音樂盒主要是用來給歌曲分類的，還有歌曲播放功能如圖6.4所示。圖6.44 MV功能的實(shí)現(xiàn)MV功能主要是用來播放MV的效果如圖6.5所示。圖6.5MV界面5 歌曲收藏功能的實(shí)現(xiàn)歌曲收藏主要是用戶用來收藏歌曲的，當(dāng)用戶試聽有一首歌曲的時(shí)候，喜歡的話就可以收藏。如圖6.6所示。圖6.6 歌曲收藏界面6 后臺(tái)管理的實(shí)現(xiàn)后臺(tái)管理主要是管理整個(gè)程序的所有需要管理的資料。程序運(yùn)行結(jié)果如圖6.9所示。圖6.9后天管理界面七. 系統(tǒng)測試 系統(tǒng)功能測試1 測試步驟我們的測試過程

36、為3步，分別為個(gè)人測試、團(tuán)隊(duì)測試、最后測試。（1）個(gè)人測試個(gè)人測試就是自己測試自己的模塊，測試自己模塊能不能正確地實(shí)現(xiàn)了規(guī)定的功能。主要目的用于發(fā)現(xiàn)自己模塊內(nèi)部可能存在的一些差錯(cuò)。 （2）團(tuán)隊(duì)測試團(tuán)隊(duì)測試就是整個(gè)團(tuán)隊(duì)一起測試，就是在個(gè)人測試的前提下，把已經(jīng)測試過的模塊合起來一起測試，在個(gè)人測試沒有錯(cuò)的前提下來測試整個(gè)系統(tǒng)的功能的全面性和完整性。（3）最后測試最后測試就是在團(tuán)隊(duì)測試完成后項(xiàng)目發(fā)布之前進(jìn)行的測試。也是用來檢測軟件的合格性。2 測試用例測試用例就是我們?cè)趥€(gè)人測試，團(tuán)隊(duì)測試，最后測試中所用到的模塊功能，例如用戶登錄模塊，用戶管理模塊：（1）用戶登陸模塊用戶登錄測試表7.1所示。輸入數(shù)據(jù)

37、有效等價(jià)類無效等價(jià)類密碼（1）數(shù)字、字母和特殊字符（5）空格或不輸入字符（2）只含字母字符（3）只含有數(shù)字字符（4）只含有特殊字符表7.1 員工登錄測試用例測試數(shù)據(jù)期望結(jié)果測試范圍實(shí)際結(jié)果結(jié)果分析Admin輸入有效（2）（3）同期望結(jié)果正確輸入無效（5）同期望結(jié)果錯(cuò)誤，不能為空 yzg輸入有效（2）同期望結(jié)果正確（2）用戶管理用戶管理模塊的測試功能，如圖7.2所示。表7.2 用戶管理等價(jià)分類輸入數(shù)據(jù)有效等價(jià)類無效等價(jià)類添加用戶用戶名不存在的用戶存在的用戶刪除用戶用戶名存在的用戶不存在的用戶修改用戶用戶名存在的用戶不存在的用戶用戶登錄模塊測試，首先輸入用戶名、密碼和用戶級(jí)別，然后更具輸入的信息進(jìn)行對(duì)比，返回驗(yàn)證結(jié)果。測試用例的設(shè)計(jì)見表7.3。表7.3 用戶管理添加用戶測試用例測試數(shù)據(jù)期望結(jié)果實(shí)際結(jié)果結(jié)果分析aaa