音樂網(wǎng)站畢業(yè)論文設(shè)計(jì)范文

1、音樂網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)論文作者姓名：申請學(xué)位專業(yè)：申請學(xué)位類別： 指導(dǎo)教師姓名（職稱）： 論文提交日期：目 錄第1章緒 論11.1課題研究的目的11.2課題研究的意義11.3國內(nèi)外現(xiàn)狀21.4音樂網(wǎng)站存在的問題2第二章 開發(fā)工具與技術(shù)42.1 ASP的概述42.2 Macromedia Studio簡介52.3關(guān)系數(shù)據(jù)庫的概述52.4 Access數(shù)據(jù)庫的簡介62.5 DreamWeaver技術(shù)介紹7第三章系統(tǒng)分析103.1功能分析103.2系統(tǒng)用例圖103.3系統(tǒng)開發(fā)環(huán)境113.4系統(tǒng)任務(wù)的可行性分析12市場可行性分析123.4.2 技術(shù)可行性分析12經(jīng)濟(jì)可行性分析12第四章系統(tǒng)設(shè)計(jì)144.1

2、系統(tǒng)主要工作流程圖144.1.1 后臺管理模塊程序流程144.1.2 前臺管理模塊程序流程144.2系統(tǒng)功能設(shè)計(jì)15前臺功能設(shè)計(jì)15后臺功能設(shè)計(jì)174.3 系統(tǒng)數(shù)據(jù)流圖分析184.4 系統(tǒng)流程204.5 系統(tǒng)的技術(shù)要求21第五章系統(tǒng)實(shí)現(xiàn)235.1音樂網(wǎng)站前臺23首頁23視聽音樂模塊24點(diǎn)歌送祝福模塊24站內(nèi)短信模塊25添加歌詞模塊255.1.6 評論模塊265.1.6 下載音樂模塊265.2音樂網(wǎng)站后27后臺登陸模塊27歌曲管理模塊27日常管理模塊28網(wǎng)站配置管理模塊29第六章系統(tǒng)測試306.1測試類型306.2測試結(jié)果31測試用例執(zhí)行結(jié)果31測試問題解決31第七章總結(jié)與展望32參考文獻(xiàn)33致

3、 謝34摘 要隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，人民在利用網(wǎng)絡(luò)學(xué)習(xí)的同時(shí)，也在享受著網(wǎng)絡(luò)帶來的各種附帶產(chǎn)品所產(chǎn)生的效應(yīng)，如網(wǎng)絡(luò)游戲，網(wǎng)絡(luò)歌曲。音樂網(wǎng)站正是在這樣的需求前提下應(yīng)運(yùn)而生。給人們的日常生活帶來了極大的樂趣，讓人們在繁忙疲憊的工作之后可以進(jìn)行休閑。本系統(tǒng)由兩大模塊組成，前臺展示模塊和后臺管理模塊。前臺模塊，主要是提供音樂動態(tài)展示，可以在線視聽，在線下載。而后臺主要是對該網(wǎng)站的音樂信息進(jìn)行及時(shí)的更新。以提供最新的音樂信息。本系統(tǒng)界面友好，與目前市場上的主流音樂網(wǎng)站大體一致，而且操作更加簡單，使用方式和微軟各種軟件（Windows、Office）基本相同，減少了用戶學(xué)習(xí)、使用本網(wǎng)站系統(tǒng)的額外負(fù)擔(dān)。本文通

4、過系統(tǒng)概述、系統(tǒng)分析、系統(tǒng)設(shè)計(jì)、系統(tǒng)實(shí)施、開發(fā)總結(jié)，詳細(xì)的說明了系統(tǒng)的開發(fā)過程，最后并對整個(gè)開發(fā)過程進(jìn)行了總結(jié)。根據(jù)系統(tǒng)所需功能，采用DIV+CSS技術(shù)，利用軟件工程思想和方法，總體上用結(jié)構(gòu)化生命周期法進(jìn)行系統(tǒng)分析和設(shè)計(jì)，采用快速原型法來實(shí)現(xiàn)系統(tǒng)。關(guān)鍵詞：音樂，DIV+CSS，ASP，AccessAbstractWith the development of network technology, the people in the use of network learning, it is also enjoying the network and the various spin-off

5、s generated effects, such as online games, Internet music. Music site is in the premise of this demand came into being. To peoples daily lives has brought great pleasure, so that busy people can be tired after work leisure. This system consists of two main modules, display modules front and back off

6、ice management module. Front module is to provide music, dynamic display, online audio, online download. The background music is mainly the site information and timely updates. In order to provide the latest music information.The system user-friendly, and currently on the market broadly consistent w

7、ith the mainstream music sites, but also more simple operation, using a variety of ways and Microsoft software (Windows, Office) is basically the same, reducing the user learning to use the additional burden of this website. In this paper, the system overview, system analysis, system design, system

8、implementation, development summary, detailed description of the system development process, the final and the entire development process is summarized. According to the system the necessary functions, using DIV + CSS technology, choose a powerful Access as a back-end database, using software engine

9、ering ideas and methods, on the whole life cycle using structured system analysis and design, using to achieve rapid prototyping system. Key words: Music，DIV+CSS，ASP，Access第1章緒 論網(wǎng)絡(luò)技術(shù)以及計(jì)算機(jī)的發(fā)展，網(wǎng)友們對網(wǎng)絡(luò)的要求也日益加強(qiáng)，平常在網(wǎng)上聽音樂用一大堆下載軟件下載下來也要管理，又占空間,比如那流行歌曲，下載了聽了又要?jiǎng)h,很不方便，而網(wǎng)絡(luò)音樂庫的實(shí)現(xiàn)改變了這一狀況。它本身就是一個(gè)數(shù)字音樂交互網(wǎng)站，用戶通過它可是方便

10、.快捷、安全地實(shí)現(xiàn)國內(nèi)最大的音樂搜索查找歌曲，并能實(shí)時(shí)試聽，點(diǎn)歌并將自己喜愛的歌曲加入收藏，為用戶建立一個(gè)自由、自主、安全的世界局域網(wǎng)。1.1課題研究的目的隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，人民在利用網(wǎng)絡(luò)學(xué)習(xí)的同時(shí)，也在享受著網(wǎng)絡(luò)帶來的各種附帶產(chǎn)品所產(chǎn)生的效應(yīng)，如網(wǎng)絡(luò)游戲，網(wǎng)絡(luò)歌曲。音樂網(wǎng)站正是在這樣的需求前提下應(yīng)運(yùn)而生。給人們的日常生活帶來了極大的樂趣，讓人們在繁忙疲憊的工作之后可以進(jìn)行休閑。基于此種現(xiàn)狀，在充分分析了該行業(yè)的市場前景，調(diào)研了用戶需求之后，本人設(shè)計(jì)了該音樂網(wǎng)站。1.2課題研究的意義流行音樂之所以被稱為“流行”，原因之一，是她有著傳播的時(shí)效性。絕人部分流行歌曲可以一夜成名，但是從人們腦子里消

11、失得也很快，從前極力搶購的唱片可能不久之后就被束之高閣，人們追逐的永遠(yuǎn)是不同于以往的“新”星。但是互聯(lián)網(wǎng)的出現(xiàn)，一方而因?yàn)閭鞑ニ俣忍岣叨觿×诉@種時(shí)效性，另一方而卻又利用其無限的網(wǎng)絡(luò)胸懷使這些流行音樂具有了一定的持久性。如果這兩方面正是人們所需要的，那么，這些都應(yīng)當(dāng)歸功于音樂網(wǎng)站。作為音樂網(wǎng)站的網(wǎng)絡(luò)載體，音樂網(wǎng)站在創(chuàng)作、傳播、欣賞方式等方而對流行音樂的發(fā)展都產(chǎn)生了前所未有的影響：1.電腦網(wǎng)絡(luò)技術(shù)的發(fā)展使人們通過音樂網(wǎng)站接觸到了更多的流行音樂。2.網(wǎng)民數(shù)量的激增使更多的人們通過音樂網(wǎng)站接觸到了流行音樂。3.音樂網(wǎng)站為流行音樂創(chuàng)作提供了更多的便利。4.音樂網(wǎng)站刺激了流行音樂的傳播。5.音樂網(wǎng)站使流

12、行音樂的欣賞方式發(fā)生了改變。6.音樂網(wǎng)站不但刺激了流行音樂的傳播，且也刺激了電子數(shù)碼產(chǎn)品的頻繁更新?lián)Q代。1.3國內(nèi)外現(xiàn)狀互聯(lián)網(wǎng)給學(xué)習(xí)者提供了豐富的超媒體資源，為網(wǎng)友創(chuàng)造出了一種由他們自行控制的娛樂環(huán)境，如果長期手動從網(wǎng)上找尋,就會產(chǎn)生一種無從適從的感覺，從而降低網(wǎng)友的興趣。目前有很少系統(tǒng)能實(shí)現(xiàn)這種網(wǎng)絡(luò)音樂庫的功能，更在以下方面涉及不多：沒有實(shí)現(xiàn)在線實(shí)時(shí)試聽,不能方便的分類的檢索的系統(tǒng)；單一的音樂網(wǎng)站只是線性的，不是層次狀或網(wǎng)狀的，也不支持相近歌曲的查詢、檢索功能，找歌只能靠輸入和分類查找實(shí)現(xiàn)，不便于相關(guān)性和方便性的查詢；網(wǎng)友只能每次重復(fù)查找，不能記錄網(wǎng)友的喜好、前收藏，這就浪費(fèi)了一定的時(shí)間和網(wǎng)

13、絡(luò)資源。由上可看，網(wǎng)絡(luò)音樂庫的好與壞，嚴(yán)重影響了網(wǎng)友的上網(wǎng)時(shí)間和對一個(gè)音樂系統(tǒng)的影響力，同時(shí)也影響了系統(tǒng)使用的效率。因此音樂網(wǎng)站是一個(gè)很有必要的娛樂系統(tǒng)，并且還有很大的發(fā)展空間。1.4音樂網(wǎng)站存在的問題音樂網(wǎng)站的目標(biāo)是為用戶準(zhǔn)確地快速的定位自己的喜好，同時(shí)能快速、方便地查詢新歌和自己喜愛的歌曲。所有歌曲都有一個(gè)規(guī)范的數(shù)據(jù)庫后臺，這就為快速查找有很大的改良作用。但隨著網(wǎng)絡(luò)的發(fā)展，人們知識水平的不斷提高，音樂網(wǎng)站也在需要不斷的發(fā)展。概括來說運(yùn)行網(wǎng)絡(luò)音樂庫的系統(tǒng)應(yīng)該支持窗口，支持音頻。我們認(rèn)為，音樂網(wǎng)站并不是功能越多越好，而要有了用戶所需求的功能就行，這有效的保證了速度性和系統(tǒng)的運(yùn)行性。由于計(jì)算機(jī)技

14、術(shù)的進(jìn)步，計(jì)算機(jī)為時(shí)空自由、資源共享、系統(tǒng)開放、便于協(xié)作提供了支撐。但是，目前大量的網(wǎng)絡(luò)音樂系統(tǒng)只是停在網(wǎng)絡(luò)單一的水平上，并沒有實(shí)現(xiàn)動態(tài)的個(gè)人化服務(wù)。存在主要的問題主要有：(1)不能實(shí)時(shí)的試聽；(2)還必需安裝播放器，不能用一個(gè)系統(tǒng)實(shí)現(xiàn)全部功能；(3)缺乏個(gè)人化服務(wù)，不能針對每個(gè)用戶實(shí)現(xiàn)個(gè)性功能，比如收藏；(4)缺乏新聞的發(fā)布；針對以上存在的問題，本文認(rèn)為需要在以下幾方面開展研究： (1)我們在音樂網(wǎng)站內(nèi)集成了播放器，用Microsoft MediaPlayer播放器，能播放大多數(shù)不同格式的歌曲； (3)針對每個(gè)用戶在用戶個(gè)人數(shù)據(jù)庫里增加收藏，方便用戶收集自己喜愛的收藏歌曲。只有達(dá)到了這些要求

15、，音樂網(wǎng)站才正真達(dá)到了為用戶個(gè)性化服務(wù)的作用，為用戶通過網(wǎng)絡(luò)音樂庫收聽歌曲，了解娛樂新聞提供一個(gè)良好的環(huán)境。第二章 開發(fā)工具與技術(shù)本次畢業(yè)設(shè)計(jì)的項(xiàng)目采用微軟的ASP結(jié)合Dreamweaver來構(gòu)建。數(shù)據(jù)庫部分，使用的是適合小型Web應(yīng)用開發(fā)的Access數(shù)據(jù)庫。2.1 ASP的概述Active server pages（ASP）是服務(wù)器端腳本編寫環(huán)境，使用它可以創(chuàng)建和運(yùn)行動態(tài)、交互的web服務(wù)器應(yīng)用程序。使用ASP組合HTML頁、腳本命令和ActiveX組件可以創(chuàng)建交互的web頁和基于web的功能強(qiáng)大的應(yīng)用程序。由于腳本在服務(wù)器上而不是在客戶端運(yùn)行，傳送到瀏覽器上的web頁是在web服務(wù)器上生

16、成的；因此不必?fù)?dān)心瀏覽器能否處理腳本；web服務(wù)器已經(jīng)完成了所有腳本的處理，并將標(biāo)準(zhǔn)的HTML傳輸?shù)綖g覽器。由于只有腳本的結(jié)果返回到瀏覽器，因此服務(wù)器腳本不易復(fù)制，瀏覽者看不到正在瀏覽的網(wǎng)頁的腳本命令。ASP在HTML文件內(nèi)直接嵌入簡單的腳本就可以輕易地將靜態(tài)web頁面升級為動態(tài)的web頁面應(yīng)用程序，因此，使用ASP命令是開始建立交互式web頁面最簡易的方法。ASP技術(shù)作為動態(tài)網(wǎng)站設(shè)計(jì)的主要工具具有以下幾個(gè)特點(diǎn)。l 無需編譯ASP腳本集成于HTML當(dāng)中，容易生成，無需編譯或鏈接即可直接解釋執(zhí)行。l 易于生成使用常規(guī)文本編輯器（如windows下的記事本），即可進(jìn)行*.asp頁面的設(shè)計(jì)。若從工作

17、效率來考慮，不妨選用具有可視化編輯能力的visual InterDev。l 獨(dú)立于瀏覽器用戶端只要使用可解釋常規(guī)HTML碼的瀏覽器，即可瀏覽使用ASP技術(shù)設(shè)計(jì)的網(wǎng)頁。ASP腳本是在站點(diǎn)服務(wù)器端執(zhí)行的，用戶端瀏覽器不需要支持它。因此，若不通過從服務(wù)器下載來觀察*.asp頁面，在瀏覽器端見不到正確的頁面內(nèi)容。l 面向?qū)ο笤贏SP腳本中可以方便地引用系統(tǒng)組件和ASP的內(nèi)置組件，還能通過定制ActiveX server component（ActiveX服務(wù)器組件）來擴(kuò)同功能。l 與任何ActiveX scripting 語言兼容除了可使用Vbscript和Javascript語言進(jìn)行設(shè)計(jì)外，還可通過

18、plug-in的方式使用由第三方所提供的其他scripting語言。l 源程序代碼不會外漏ASP腳本在服務(wù)器上執(zhí)行，傳到用戶瀏覽器的只是ASP執(zhí)行結(jié)果所生成的常規(guī)HTML碼，這樣可保證辛辛苦苦編寫出來的程序代碼不會被他人盜取。2.2 Macromedia Studio簡介Dreamweaver是Macromedia公司開發(fā)的WYSIWYG（What you see is what you get!）所見即所得HTML編輯器，為WEB站點(diǎn)程序設(shè)計(jì)、編碼和開發(fā)提供易用的UI交互，使你能全力投入到程序體系設(shè)計(jì)中，而不必關(guān)心代碼編制。自從Macromedia Studio MX 2004版本以來，功能

19、趨于完美。這三個(gè)軟件相輔相承,是制作網(wǎng)頁的優(yōu)質(zhì)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。從基于 CSS 的設(shè)計(jì)的支持到手工編碼功能，Dreamweaver 提供了專業(yè)集成、高效的工作環(huán)境。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強(qiáng)大的 Internet 應(yīng)用程序，從而使用戶能方便地連接到數(shù)據(jù)庫、Web 服務(wù)。Fireworks是PNG文件的先驅(qū)，盡管IE6在支持PNG文件上出了點(diǎn)問題，但常用中PNG大行其道。PNG是間于矢量與位圖二者的圖形設(shè)計(jì)

20、器，能快速設(shè)計(jì)出各種特效圖片。在網(wǎng)頁UI的設(shè)計(jì)中可見其重要性作用。使用Fireworks內(nèi)置的過渡器及效果資源就能創(chuàng)造各個(gè)特效圖形。另外，F(xiàn)ireworks設(shè)有專用于網(wǎng)頁的輸出優(yōu)化器，能導(dǎo)出針對WEB優(yōu)化的圖形。2.3關(guān)系數(shù)據(jù)庫的概述關(guān)系數(shù)據(jù)庫Access本身具有強(qiáng)大的向?qū)C(jī)制，可以幫助用戶迅速建立新的數(shù)據(jù)庫、表、查詢和窗體等，以完成對數(shù)據(jù)庫的常用操作。同時(shí)Microsoft Office系列為所有的Office成員提供了一種內(nèi)置編程語言Visual Basic for Applications（VBA），Access可以通過編寫VBA代碼實(shí)現(xiàn)對數(shù)據(jù)庫的操作管理，從而開發(fā)出功能更為強(qiáng)大的應(yīng)用程

21、序。2.4 Access數(shù)據(jù)庫的簡介一個(gè)全面的Access應(yīng)用至少會設(shè)計(jì)到以下3種基本Access對象類型。表用于存儲用戶向數(shù)據(jù)庫中添加的數(shù)據(jù)。窗體用于顯示和輸入數(shù)據(jù)，控制其它窗體的打開和關(guān)閉，以及打印報(bào)表。報(bào)表打印表中的細(xì)節(jié)信息，總結(jié)信息或?qū)烧叨歼M(jìn)行打印。大多數(shù)Access應(yīng)用程序還使用查詢對象來篩選、排序和組合數(shù)據(jù)，用模塊對象存儲VBA代碼?？梢杂煤昊蚰K自動完成任務(wù)和創(chuàng)建面向用戶的應(yīng)用程序，所創(chuàng)建的應(yīng)用程序同用其他編程語言所創(chuàng)建的應(yīng)用程序功能一樣強(qiáng)大，包含按鈕、菜單和對話框等控件。所有組成應(yīng)用程序的對象都存儲在一個(gè)稱為數(shù)據(jù)庫對象的容器中，該對象是一個(gè)以.mdb為擴(kuò)展名的單獨(dú)的文件，例如

22、Northwind.mdb。Access的獨(dú)特性在于它將整個(gè)數(shù)據(jù)庫應(yīng)用程序存儲在一個(gè)單獨(dú)的文件之中。而其他桌面數(shù)據(jù)庫，例如Microsoft Foxpro，需要使用多個(gè)文件來存儲它們的對象。Access不只是一個(gè)本地?cái)?shù)據(jù)庫管理系統(tǒng)。作為一個(gè)關(guān)系數(shù)據(jù)庫管理系統(tǒng)，Access窗體、報(bào)表和數(shù)據(jù)訪問頁面中同時(shí)訪問來自多個(gè)數(shù)據(jù)庫的數(shù)據(jù)。它還能夠鏈接來自其它Microsoft Access數(shù)據(jù)庫、Microsoft Excel電子表格、ODBC數(shù)據(jù)源、Microsoft SQL server數(shù)據(jù)庫以及其他數(shù)據(jù)庫資源的表格，甚至能夠把數(shù)據(jù)庫表連接起來創(chuàng)建一個(gè)新表。然后，就可以創(chuàng)建窗體或報(bào)表來使用其中的信息了

23、，這樣極大減少了數(shù)據(jù)的復(fù)雜性并能使工作更容易完成。ADO組件是操作數(shù)據(jù)庫的重要手段。ADO即Active Data Object，是一種訪問各種數(shù)據(jù)庫類型的連接機(jī)制，通過ODBC方法與數(shù)據(jù)庫接口相連。連接對象connection負(fù)責(zé)網(wǎng)頁應(yīng)用程序與數(shù)據(jù)庫間的連接。只有建立connection對象后，ASP網(wǎng)頁才可以使用Recordset對象和command對象對數(shù)據(jù)庫源進(jìn)行操作。建立一個(gè)connection對象通常調(diào)用Server對象的CreateObject方法，如下所示：Set cn=Server.CreateObject（ADODB.connection）2.5 DreamWeaver技術(shù)

24、介紹Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。（1） 卓越的可視環(huán)境-簡單易用使用macromedia的可視化開發(fā)環(huán)境（如右圖所示），你只需通過簡單的拖拉技術(shù)（Drag Drop），將Objects窗口中的對象拖到Document window中即可，例如：Web開發(fā)人員想在網(wǎng)頁中加入一個(gè)Table，只需將Table從object窗體中拖放到舞臺中，Dreamweaver將自動生成一個(gè)表格，然后通過P

25、roperties（屬性）窗體來進(jìn)行格式的修改和調(diào)整。 （2） 所見即所得的強(qiáng)大功能Dreamweaver具有所見即所得的功能，你可以在Properties（屬性）窗體中調(diào)整參數(shù)，即刻在Documentwindow窗體中看到它的改變，如果你按下F12，Dreamweaver會自動生成HTML文件格式，供欲覽，以便開發(fā)人員進(jìn)一步調(diào)整。（3） 方便快速的文本編排與Word相似，具有強(qiáng)大的文本編輯能力，你可以在Layer、Table、Frame或直接在Document window窗體中輸入文字，通過快捷的右鍵，選擇例如Font（字體）類的選項(xiàng)進(jìn)行編輯，也可以利用Text菜單進(jìn)行更為細(xì)致的排版編輯。

26、（4） 專業(yè)的HTML編輯-Roundtrip HTML Dreamweaver與現(xiàn)存的網(wǎng)頁有著極好的兼容性，不會更改任何其他編輯器生成的頁面。這將大幅度降低由于HTML源代碼的變更而給設(shè)計(jì)者帶來的困惑。 （5） 高質(zhì)量的HTML生成方式 由Dreamweaver生成的HTML源代碼保持了很好的可讀性。代碼結(jié)構(gòu)基本上同手工生成的代碼相同，這使得設(shè)計(jì)者可以輕易掌握代碼全局并加以修改。（6） 實(shí)時(shí)的HTML控制設(shè)計(jì)者可以在可視化或者文本這兩種方式下進(jìn)行頁面的設(shè)計(jì)，并且可以實(shí)時(shí)的監(jiān)控HTML源代碼。當(dāng)設(shè)計(jì)者對代碼作出任何改動時(shí)，結(jié)果將立刻顯示出來。 （7） 與流行的文本HTML代碼編輯器之間的協(xié)調(diào)工

27、作Dreamweaver可以與目前流行的HTML代碼編輯器（如BBEdit、HomeSite等）全面協(xié)調(diào)工作。已經(jīng)習(xí)慣于使用這些純文本編輯器的設(shè)計(jì)者將在不改變他們原有工作習(xí)慣的基礎(chǔ)上，充分享受到Dreamweaver帶來更多功能。設(shè)計(jì)者可以使用文本編輯器直接編輯HTML，同時(shí)使用Dreamweaver生成較為復(fù)雜的動畫、表格、Frame、JavaScript等。（Dreamweaver分別為Windows用戶以及Macintosh用戶提供了完全版的HomeSite及BBEdit這兩個(gè)目前最流行的代碼編輯器）。（8） 強(qiáng)大的DHTML支持動態(tài)HTML是4.0瀏覽器支持的新功能，將在未來廣泛應(yīng)用于

28、網(wǎng)絡(luò)。這項(xiàng)技術(shù)可以增強(qiáng)頁面的交互性、提高下載速度、使頁面更美觀更易于設(shè)計(jì)且富有動感。Dreamweaver 對DHTML完全支持，并提供了與之相關(guān)聯(lián)的四大功能。而其它的可視化網(wǎng)頁編輯工具幾乎不提供或只小部分提供動態(tài)HTML的制作。（9） 重復(fù)元素庫在Dreamweaver中定義的一個(gè)站點(diǎn)內(nèi)，設(shè)計(jì)者可以將重復(fù)使用的內(nèi)容（例如Header、Footer等）獨(dú)立定義。這樣設(shè)計(jì)者在需要這些內(nèi)容的地方只需做一個(gè)簡單的插入就可以了。而且當(dāng)元素庫中定義的內(nèi)容被修改后，整個(gè)站點(diǎn)中設(shè)計(jì)同樣內(nèi)容的地方將統(tǒng)一發(fā)生變化而無需再逐一修改。（10） 基于目標(biāo)瀏覽器的檢測目前瀏覽器更新?lián)Q代很快，從2.0到4.0層出不窮。同

29、時(shí)又有IE和Netscape兩大陣營競爭。設(shè)計(jì)者制作出的網(wǎng)頁必須面向功能不同的瀏覽器并保持其正確性。這是一項(xiàng)比較困難的工作。而Dreamweaver不僅在設(shè)計(jì)時(shí)可以基于不同的目標(biāo)瀏覽器進(jìn)行不同的設(shè)計(jì)，而且在頁面制作完畢后，Dreamweaver可以基于目標(biāo)瀏覽器對頁面進(jìn)行檢測并給出報(bào)告。在報(bào)告中將顯示出被檢測頁面的兼容性以及在不同瀏覽器中頁面的區(qū)別，同時(shí)還將指出頁面中HTML的句法。第三章系統(tǒng)分析3.1功能分析 音樂網(wǎng)站系統(tǒng)主要由前臺模塊和后臺管理模塊兩部分組成。會員在進(jìn)入該網(wǎng)站后，不僅可以查看各種類型音樂、按字母檢索或者根據(jù)關(guān)鍵詞進(jìn)行搜索，更可以點(diǎn)歌及添加歌詞。還可以上傳歌曲，加入收藏，對歌

30、曲進(jìn)行管理操作。（1）登錄與注銷每個(gè)用戶都可以用自己的帳號登錄系統(tǒng)。用戶操作完成后退出系統(tǒng)，注銷后可以重新登錄系統(tǒng)。（2）修改密碼每個(gè)用戶登錄本系統(tǒng)之后都可以更改自己的登錄密碼。（3）系統(tǒng)管理員對網(wǎng)站的會員進(jìn)行管理：包括會員信息的查詢、修改和刪除。音樂信息管理：添加音樂信息、修改音樂信息。上傳管理：后臺用戶上傳音樂信息。進(jìn)行類別、歌曲、專輯、歌手、視頻管理?？梢园l(fā)布網(wǎng)站公告，同時(shí)可以做調(diào)查統(tǒng)計(jì)。（4）普通用戶普通用戶可以瀏覽該網(wǎng)站，選擇登陸到系統(tǒng)中?？梢栽诰€試聽，點(diǎn)歌祝福，修改資料，站內(nèi)信箱，超級CD架以及專輯收藏功能。3.2系統(tǒng)用例圖用例圖用來描述系統(tǒng)與參與者之間的相互作用，也可以說它是從用

31、戶角度出發(fā)對如何使用系統(tǒng)的描述。首先要理清下面幾個(gè)概念：角色：角色代表了某一事件發(fā)生的參與者，他用一個(gè)小人表示。在通常的網(wǎng)絡(luò)項(xiàng)目中，角色常被用來代表使用網(wǎng)站的用戶，但角色的作用并不局限于此，它也可以用來代表與系統(tǒng)交互的其他實(shí)體。用例：用例代表系統(tǒng)可以實(shí)現(xiàn)的功能，通常一個(gè)用例代表一組功能，它實(shí)質(zhì)上規(guī)定了系統(tǒng)實(shí)現(xiàn)功能的范圍。在實(shí)際項(xiàng)目開發(fā)過程中，一個(gè)項(xiàng)目中往往涉及很多個(gè)用例，此時(shí)需要將其分解成若干個(gè)子系統(tǒng)實(shí)現(xiàn)，以便于理解。在UML中，用例用一個(gè)橢圓表示。用例圖：當(dāng)角色與用例發(fā)生某種關(guān)系時(shí)，就可以用一個(gè)圖將它們關(guān)聯(lián)起來，這就是用例圖，角色與用例之間使用一個(gè)帶箭頭的實(shí)線連接，箭頭方向代表使用者與被使用

32、者關(guān)系。登錄管理會員信息管理音樂信息管理評論信息管理員管理音樂類型登錄點(diǎn)歌視聽歌曲收藏音樂普通用戶下載歌曲3.3系統(tǒng)開發(fā)環(huán)境 （1） 使用Windows XP 操作系統(tǒng)（2） 使用IIS或者Netbox web簡易服務(wù)器3.4系統(tǒng)任務(wù)的可行性分析3.4.1市場可行性分析目前具有音樂點(diǎn)播功能的網(wǎng)站很多，如百度音樂、九層音樂。雖然有專門的音樂音樂服務(wù)器可以支持大流數(shù)，但價(jià)格一般極其昂貴。從應(yīng)用范圍上看，由于產(chǎn)品支持?jǐn)?shù)據(jù)流數(shù)有限，只能應(yīng)用 在一些小型的音樂系統(tǒng)中，如酒店、歌廳包房、中小企事業(yè)學(xué)校的培訓(xùn)、商場等等，不適合長寬應(yīng)用在大型社區(qū)網(wǎng)和城域網(wǎng)中。從價(jià)格上看，盡管幾家都采用PC服務(wù)器方案，相對于專

33、業(yè)音樂服務(wù)器的價(jià)格的確很低，但方案仍然要采用高檔PC服務(wù)器、SCSIRAID卡 和SCSI硬盤，硬件成本仍然較高。綜合幾方面，我們開發(fā)出一套支持多并發(fā)流數(shù)、軟硬件成本低、管理完善的大型音樂集群服務(wù)器系統(tǒng)是有其市場空間和優(yōu)勢。 技術(shù)可行性分析 系統(tǒng)的主要技術(shù)難度是解決并發(fā)流數(shù)。國外許多大公司推出的專有音樂服務(wù)器可以支持幾百個(gè)并發(fā)流，但價(jià)格相當(dāng)昂貴。國內(nèi)的幾個(gè)廠家采用的是高檔服務(wù)器作為音樂服務(wù)器 ，可以支持幾十個(gè)流，最多100個(gè)。采用服務(wù)器替代專有音樂服務(wù)器硬件成本大大降低， 但單臺服務(wù)器的并發(fā)數(shù)據(jù)流數(shù)和硬盤擴(kuò)充的極限太小，不能滿足大型的市場需求。3.4.3經(jīng)濟(jì)可行性分析軟件的經(jīng)濟(jì)可行性是指軟件所

34、能帶來的經(jīng)濟(jì)效益與開發(fā)設(shè)計(jì)所需要的投資相比，是否相適宜，同時(shí)還要看此軟件能否真正給用戶帶來足夠的經(jīng)濟(jì)效益，我們開發(fā)的這套系統(tǒng)正是考慮系統(tǒng)開發(fā)的成本而設(shè)計(jì)。本系統(tǒng)的開發(fā)在經(jīng)濟(jì)上是完全可行的。開發(fā)此軟件不需要大量的經(jīng)費(fèi)，而且是個(gè)人獨(dú)立設(shè)計(jì)，可以節(jié)省許多費(fèi)用，同時(shí)也可提高個(gè)人的實(shí)際動手能力。綜合以上技術(shù)特點(diǎn)，為了降低成本，我們采用PC服務(wù)器作為音樂服務(wù)器，而且PC服務(wù)器 的性能還在不斷提高，支持的并發(fā)數(shù)據(jù)流數(shù)也在增加。PC服務(wù)器作為音樂服務(wù)器的方案正逐步取代以前的專有音樂服務(wù)器。為了解決多并發(fā)流數(shù)，我們采用多臺PC服務(wù)器以集群的形式，通過控制網(wǎng)關(guān)完成服務(wù)器之間的協(xié)調(diào)，提高系統(tǒng)的利用率。控制網(wǎng)關(guān)以及集

35、群服務(wù)器技術(shù)是我們的技術(shù)增值點(diǎn)。另外，由于采用集群形式，我們不要求PC服務(wù)器實(shí)現(xiàn)最 大流數(shù)，可以采用低檔PC服務(wù)器和IDE硬盤，這樣又可以提高單臺音樂服務(wù)器的性能價(jià)格比。經(jīng)過我們預(yù)研和測試，服務(wù)器的瓶頸不在CPU，這樣可以用低檔CPU和主板。采用IDE RAID卡和7200轉(zhuǎn)IDE硬盤的服務(wù)器仍可支持三、四十個(gè)并發(fā)流。控制網(wǎng)關(guān)的技術(shù)經(jīng)過前 期的預(yù)研也是可行的。系統(tǒng)的整個(gè)方案都是我們自行開發(fā)并在通用的軟硬件平臺上運(yùn)行 ，具有較強(qiáng)的靈活。第四章系統(tǒng)設(shè)計(jì)4.1系統(tǒng)主要工作流程圖 后臺管理模塊程序流程該流程圖描述了后臺管理員對網(wǎng)站的管理，管理員可以對歌曲進(jìn)行添加，修改，刪除。具體的添加功能是通過本地瀏

36、覽把歌曲上傳到網(wǎng)站；修改歌曲信息或者刪除點(diǎn)擊率低的歌曲等功能。如圖4-1所示。否音樂網(wǎng)站后臺首頁admin_index.asp是否為管理員是添加歌曲admin_song-add.asp歌曲參數(shù)admin_smusicmana.asp刪除歌曲admin_smusicdel.asp賬號管理Admin_adminmodify.asp前臺圖4-1 后臺管理程序主要流程圖 前臺管理模塊程序流程本系統(tǒng)設(shè)計(jì)的初衷是會員可以享受網(wǎng)站的功能，未注冊的游客只能瀏覽網(wǎng)站，不能進(jìn)行其他操作。因此當(dāng)用戶在進(jìn)入網(wǎng)站的一開始便會對用戶的身份和權(quán)限進(jìn)行驗(yàn)證，反饋不同的頁面給不痛的用戶而用戶，從而實(shí)現(xiàn)對權(quán)限的劃分功能。注冊后成

37、為會員，就可在網(wǎng)站上在線視聽音樂、在線看電影、搜索歌曲、在線留言（音樂論壇）、享受專輯的在線視聽以及實(shí)現(xiàn)下載歌曲等功能。也可以在論壇上和其他會員進(jìn)行交流。管理員身份除了享有普通會員的權(quán)限以外,還可以對歌曲的添加、刪除、修改以及上傳文件、管理個(gè)人資料、修改登陸賬號和密碼等操作。該流程圖描述了音樂網(wǎng)站的整個(gè)流程，如圖4-2所示。音樂網(wǎng)站前臺index.asp用戶注冊登錄是是否為管理員用戶注冊頁面zhuce.asp否網(wǎng)站主頁index.asp發(fā)表留言 bbs.asp下載歌曲 download.asp在線收看電影 movie.asp在線試聽歌曲 music.asp搜索歌曲 search.asp管理后臺

38、admin_index.asp是否圖4-2 前臺管理程序主要流程圖4.2系統(tǒng)功能設(shè)計(jì)4.2.1前臺功能設(shè)計(jì)在前面的系統(tǒng)的系統(tǒng)功能分析中，將前臺劃分成5個(gè)模塊，如圖4-3所示：用戶登錄身份驗(yàn)證模塊首頁模塊收藏模塊試聽模塊下載音樂模塊數(shù)據(jù)庫模塊 數(shù)據(jù)庫訪問模塊點(diǎn)歌模塊圖4-3 前臺功能模塊圖前臺功能模塊描述：（1）首頁模塊：普通用戶可以登陸，進(jìn)行音樂的分類查詢，用戶可以自己挑選喜愛的音樂種類進(jìn)行查詢。（2）試聽模塊：用戶可以自己挑選喜愛的音樂進(jìn)行視聽。（3）收藏模塊：用戶可以對試聽過的音樂添加到收藏中，方便下次瀏覽試聽。（4）下載音樂模塊：用戶可以查看不同種類的音樂，對自己心儀的音樂進(jìn)行下載。（5

39、）點(diǎn)歌模塊：用戶可以將自己喜歡的歌曲點(diǎn)播給自己的親朋好友。4.2.2后臺功能設(shè)計(jì)根據(jù)前面的系統(tǒng)的系統(tǒng)功能分析中，將后臺劃分成5個(gè)模塊，如圖4-4所示后臺用戶登錄身份驗(yàn)證類別管理模塊專輯管理模塊 歌手管理模塊 網(wǎng)站公告模塊日常高級管理模塊數(shù)據(jù)庫模塊 數(shù)據(jù)庫訪問模塊歌曲管理模塊 視頻管理模塊系統(tǒng)管理模塊 網(wǎng)站配置管理模塊圖4-4 后臺功能模塊圖后臺功能模塊描述：（1） 類別管理模塊：對音樂分類列表進(jìn)行管理，并分為總類和分類。（2） 歌曲管理模塊：對音樂進(jìn)行直接添加、分類添加，可查看歌曲列表，全部的歌曲以及對已推薦的歌曲進(jìn)行撤銷操作。（3） 專輯管理模塊：該模塊可以進(jìn)行添加專輯，顯示專輯列表及取消已

40、推薦展示的專輯項(xiàng)。（4） 歌手管理模塊：對歌手分類進(jìn)行修改管理，并對歌手進(jìn)行添加歌曲與批量歌詞，亦可進(jìn)行推薦和撤銷操作。（5） 視頻管理模塊：該模塊可以進(jìn)行添加視頻及修改推薦等操作。（6） 網(wǎng)站公告模塊：可添加公告并修改刪除操作，添加的公告亦可在首頁滾動顯示。（7） 日常高級管理模塊：對注冊會員、站內(nèi)短信、用戶點(diǎn)歌、歌詞審核、友情鏈接及相應(yīng)音樂路徑進(jìn)行管理操作。（8） 系統(tǒng)管理模塊：目前只對管理員修改刪除及權(quán)限的設(shè)定操作。（9） 網(wǎng)站配置模塊：可在網(wǎng)站后臺進(jìn)行基本配置修改并在首頁相應(yīng)位置顯示。4.3 系統(tǒng)數(shù)據(jù)流圖分析本系統(tǒng)根據(jù)使用該網(wǎng)站的用戶角色的不同分為下面兩種用戶：（1）管理員：采用自行設(shè)

41、置方式進(jìn)入網(wǎng)站，負(fù)責(zé)管理網(wǎng)站上用戶信息和視頻信息的管理，以及欄目信息的管理。其中包括音樂信息的增加、刪除、修改，以及欄目信息的增加，刪除和修改。（2）普通用戶：采用先注冊后登錄的方式進(jìn)入管理網(wǎng)站，在網(wǎng)站中可以在線瀏覽音樂，搜索音樂信息，以及在線收聽音樂給好友點(diǎn)歌信息。根據(jù)用戶的角色和需求進(jìn)行劃分后，可以歸納出整個(gè)系統(tǒng)的數(shù)據(jù)流圖如圖所示:圖4-5 用戶未登錄時(shí)流圖圖4-6 用戶登錄后流圖圖4-7用戶注冊流圖圖4-8 管理員登錄流圖4.4 系統(tǒng)流程調(diào)查音樂網(wǎng)站的業(yè)務(wù)流程應(yīng)順著系統(tǒng)信息流動的過程逐步地進(jìn)行，內(nèi)容包括各環(huán)節(jié)的處理業(yè)務(wù)、信息來源、處理方法、信息流的去向提供信息的時(shí)間和形態(tài)（報(bào)告、單據(jù)等）

42、通過對音樂播放業(yè)務(wù)的實(shí)際調(diào)查分析，系統(tǒng)的系統(tǒng)分析階段，我們設(shè)計(jì)出我們系統(tǒng)的業(yè)務(wù)流程圖，弄清了音樂點(diǎn)播系統(tǒng)的業(yè)務(wù)流程，系統(tǒng)的業(yè)務(wù)流程如圖4-9所示圖4-9音樂業(yè)務(wù)流程圖4.5 系統(tǒng)的技術(shù)要求(1)功能要求：系統(tǒng)設(shè)計(jì)的各項(xiàng)功能能夠正確完成。對輸入的數(shù)據(jù)能判斷出是否為非法數(shù)據(jù)或越界數(shù)據(jù)，系統(tǒng)會自動給出提示，告訴用戶重新輸入。各模塊在運(yùn)行時(shí)互不干擾，各種操作的快捷鍵能夠正確運(yùn)行。對非法操作能夠給出正確處理。(2)編碼要求：主應(yīng)用程序的命名：主應(yīng)用程序的命名應(yīng)由項(xiàng)目負(fù)責(zé)人確定，能完全表達(dá)出本系統(tǒng)意義的英文字符串即可，包括應(yīng)用程序?qū)ο竺?，?yīng)用所在的庫名、項(xiàng)目名，可執(zhí)行文件名都必須統(tǒng)一使用本命名。(3)界面

43、要求：各窗口的大小適中，布局合理，插有圖版，界面美觀大方。各窗口的控件及按鈕的文字命名正確，有時(shí)還配有圖標(biāo)。(4)數(shù)據(jù)庫要求：表的設(shè)計(jì)合理，沒有冗余的數(shù)據(jù)。表及字段的命名采用英文方式，字段類型及長度合理。表的主鍵、外鍵和索引正確無誤。前臺操作與后臺數(shù)據(jù)庫之間的連接正確。第五章系統(tǒng)實(shí)現(xiàn)5.1音樂網(wǎng)站前臺5.1.1首頁普通用戶可以登陸，進(jìn)行音樂的分類查詢，用戶可以自己挑選喜愛的音樂種類進(jìn)行查詢，包括：華語女歌手、日韓歌手、華人組合、歐美歌手、影視金曲、閩南臺語、MTV視聽、勁爆舞曲、動漫游戲、音樂欣賞等。如圖5-1所示:圖5-1 首頁5.1.2視聽音樂模塊用戶可以自己挑選喜愛的音樂進(jìn)行視聽。如圖5

44、-2所示：圖5-2 視聽音樂模塊5.1.3點(diǎn)歌送祝福模塊用戶可以給好友送上祝福，填寫好友名及祝福語句。如圖5-3所示：在首頁“點(diǎn)歌送祝福”欄顯示剛剛添加的給好友的點(diǎn)歌。 圖5-3 點(diǎn)歌送祝福模塊5.1.4站內(nèi)短信模塊用戶登陸會員系統(tǒng)后可以給站內(nèi)好友發(fā)送短消息。如圖5-4所示：圖5-4 站內(nèi)短信模塊5.1.5添加歌詞模塊如果歌曲沒有歌詞用戶可以自行添加歌詞，等待管理員審核后即可顯示。如圖5-5所示：圖 5-5 添加歌詞模塊5.1.6 評論模塊圖 5-6 評論模塊5.1.6 下載音樂模塊用戶可以查看不同種類的音樂，對自己心儀的音樂進(jìn)行下載。此功能暫未能實(shí)現(xiàn)。如需要請至百度、搜搜音樂下載。5.2音樂

45、網(wǎng)站后5.2.1后臺登陸模塊用戶在前臺點(diǎn)擊進(jìn)入后臺管理，輸入用戶名密碼，驗(yàn)證碼登陸到后臺。圖5-7 后臺登陸模塊5.2.2歌曲管理模塊該模塊對歌曲信息進(jìn)行管理，具體包括：添加音樂，修改音樂，歌曲列表，全部歌曲，撤銷推薦。 圖5-8 歌曲管理模塊5.2.3日常管理模塊該模塊對音樂網(wǎng)站的注冊會員、站內(nèi)短信、用戶點(diǎn)歌、歌詞審核、評論審核等進(jìn)行編輯、刪除管理。圖5-9 日常管理模塊5.2.4網(wǎng)站配置管理模塊該模塊對網(wǎng)站的前臺顯示進(jìn)行設(shè)置操作。圖5-10 網(wǎng)站配置管理模塊第六章系統(tǒng)測試6.1測試類型表6-1 測試類型測試類型測試內(nèi)容測試目的所用的測試工具和方法功能測試1用戶個(gè)人前臺：注冊新用戶、登錄系統(tǒng)

46、，瀏覽網(wǎng)頁，發(fā)表留言，視聽歌曲，點(diǎn)歌送給好友，下載歌曲，將自己喜歡的音樂收藏到音樂盒。 3管理后臺：管理員注冊系統(tǒng)，管理員登錄系統(tǒng)，音樂添加、修改、上傳，會員評論管理。核實(shí)所有功能（除下載功能外）均已正常實(shí)現(xiàn)1流程檢驗(yàn)：各個(gè)業(yè)務(wù)流程符合常規(guī)邏輯，用戶使用時(shí)不會產(chǎn)生疑問。2、數(shù)據(jù)精確：各數(shù)據(jù)類型的輸入輸出時(shí)統(tǒng)計(jì)精確。采用黑盒測試，使用邊界值測試、等價(jià)類劃分、數(shù)據(jù)驅(qū)動等測試方法，進(jìn)行手工測試；用戶界面（UI）測試1導(dǎo)航、鏈接、頁面結(jié)構(gòu)包括菜單、背景、顏色、字體、按鈕名稱、TITLE、提示信息的一致性等。2友好性、易用性、合理性、一致性、正確性等。核實(shí)各個(gè)窗口風(fēng)格（包括顏色、字體、提示信息、圖標(biāo)、T

47、ITLE等等）都與基準(zhǔn)版本保持一致，或符合可接受標(biāo)準(zhǔn)，能夠保證用戶界面的友好性、易操作性，而且符合用戶操作習(xí)慣。WEB測試通用方法手工測試安全性和訪問控制測試1密碼：登錄、個(gè)人用戶、管理員用戶；2權(quán)限限制；3通過修改URL非法訪問；4登錄超時(shí)限制等等；1應(yīng)用程序級別的安全性：核實(shí)用戶只能操作其所擁有權(quán)限能操作的功能。2系統(tǒng)級別的安全性：核實(shí)只有具備系統(tǒng)訪問權(quán)限的用戶才能訪問系統(tǒng)。黑盒測試、手工測試性能測試1最大并發(fā)數(shù)；2查詢最新發(fā)布音樂，注冊新用戶時(shí)以及登錄時(shí)系統(tǒng)的響應(yīng)時(shí)間；核實(shí)系統(tǒng)在大流量的數(shù)據(jù)與多用戶操作時(shí)軟件性能的穩(wěn)定性，不造成系統(tǒng)崩潰或相關(guān)的異?，F(xiàn)象6.2測試結(jié)果6.2.1測試用例執(zhí)行

48、結(jié)果表6-2 測試用例執(zhí)行結(jié)果測試用例名稱用例狀態(tài)測試結(jié)果備注用戶注冊已執(zhí)行已測試通過注冊用戶登錄已執(zhí)行已測試通過發(fā)表評論已執(zhí)行已測試通過視聽音樂已執(zhí)行已測試通過下載音樂已執(zhí)行已測試未通過暫未開放查看網(wǎng)站主頁內(nèi)容已執(zhí)行已測試通過添加音樂已執(zhí)行已測試通過修改音樂已執(zhí)行已測試通過評論管理已執(zhí)行已測試通過音樂上傳已執(zhí)行已測試通過會員管理已執(zhí)行已測試通過6.2.2測試問題解決表6-3 測試問題解決錯(cuò)誤或問題描述錯(cuò)誤或問題狀態(tài)注冊用戶完成時(shí)，提示信息有誤導(dǎo)作用已解決注冊用戶時(shí)，單擊提交后無提示信息也未跳轉(zhuǎn)至其它頁面已解決后臺登錄界面顯示信息不完整已解決播放音樂不正確已解決第七章總結(jié)與展望經(jīng)過這幾個(gè)月來對系統(tǒng)的分析、設(shè)計(jì)，使我對網(wǎng)絡(luò)系統(tǒng)有了全面的了解與認(rèn)識，同時(shí)對音樂網(wǎng)站做了具體的解剖。 我認(rèn)為音樂網(wǎng)站成功的關(guān)鍵在于以下幾方面：（1）導(dǎo)航界面的清晰，簡單設(shè)計(jì)。界