音樂網(wǎng)站設(shè)計與實現(xiàn)論文

1、<p>　　音樂網(wǎng)站的設(shè)計與實現(xiàn)</p><p><b>　　摘要</b></p><p>　　隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展,網(wǎng)絡(luò)以其快速,高效,便捷的傳播方式融入我們的生活并且無處不在,例如網(wǎng)絡(luò)游戲、網(wǎng)絡(luò)視頻、網(wǎng)絡(luò)購物等等。而音樂網(wǎng)站正是在這樣的一個市場環(huán)境下應(yīng)運而生，并且成為我們生活娛樂密不可分的一部分。讓大家可以足不出戶即可欣賞到自己喜歡的音樂，同時也為廣大音

2、樂愛好者提供一個音樂交流的平臺。</p><p>　　在本網(wǎng)站的設(shè)計中我綜合應(yīng)用了PHP、MySQL數(shù)據(jù)庫、Dreamweaver、Photoshop等知識，網(wǎng)頁界面的結(jié)構(gòu)設(shè)計以實用性為主，具有易于操作、簡潔、方便等特點。在設(shè)計中，我首先采用的是Photoshop對網(wǎng)站的Logo進(jìn)行設(shè)計，因為我覺得任何一個好的網(wǎng)站需要有一個好的名字來襯托它，于是我為它取名為悅閣音樂網(wǎng)站。然后我采用HTML語言對網(wǎng)站的靜態(tài)頁面進(jìn)行

3、編輯，使網(wǎng)頁更直觀美麗。最后我使用PHP語言和MySQL數(shù)據(jù)庫對網(wǎng)頁的前后臺進(jìn)行連接，讓網(wǎng)頁的各項功能更完善。</p><p>　　【關(guān)鍵詞】：音樂網(wǎng)站、MySQL數(shù)據(jù)庫、PHP</p><p>　　Yue ge music website design and implementation</p><p><b>　　ABSTRACT</b>

4、</p><p>　　Along with the development of the Internet industry, network with its fast, eefficient, and convenient way to spread into our life is everywhere, including the network game, network video, network

5、shopping, etc. And music site is in such a market environment has come into being, and become a part of our life and entertainment are inseparable. Let you can never leave home can enjoy their favorite music, but also fo

6、r the majority of music lovers to provide a platform for the communication of music</p><p>　　In the design of this web site I integrated application of PHP and MySQL database, Dreamweaver, Falsh knowledge, s

7、uch as the structure of the web interface design is given priority to with practical, has the characteristics of easy operation, simple and convenient. In the design, the first thing I use Photoshop to design the Logo of

8、 the website, because I think any good website you need a good name to foil it, so I named yue cabinet music website for it. Then I use HTML editor, the static page o</p><p>　　【 key words 】 music website, My

9、SQL database and PHP </p><p><b>　　目 錄</b></p><p><b>　　1.緒 論3</b></p><p>　　1.1設(shè)計的研究背景1</p><p>　　1.2設(shè)計的目標(biāo)1</p><p>　　1.3設(shè)計的意義1

10、</p><p>　　2.網(wǎng)站的開發(fā)環(huán)境和開發(fā)工具2</p><p><b>　　2.1需求分析2</b></p><p>　　2.3網(wǎng)站開發(fā)工具2</p><p>　　2.3.1 Phtoshop cs4 介紹2</p><p>　　2.3.2 Dreamveaver CS3 介紹2&

11、lt;/p><p>　　2.3.4 apache介紹3</p><p>　　2.3.3 PHP 介紹3</p><p>　　2.3.5 MySQL數(shù)據(jù)庫介紹4</p><p>　　3 網(wǎng)站的設(shè)計和實現(xiàn)5</p><p>　　3.1 Logo設(shè)計5</p><p>　　3.2 網(wǎng)站結(jié)構(gòu)圖5

12、</p><p>　　3.2.1 前臺總體結(jié)構(gòu)圖如下：5</p><p>　　3.2.2后臺總體結(jié)構(gòu)圖如下：6</p><p>　　3.3 網(wǎng)站功能設(shè)計6</p><p>　　3.3.1 前臺功能介紹6</p><p>　　3.3.2后臺功能介紹12</p><p>　　4 數(shù)據(jù)庫的分

13、析與設(shè)計15</p><p>　　4.1 數(shù)據(jù)庫分析15</p><p>　　4.2數(shù)據(jù)庫設(shè)計15</p><p><b>　　5 網(wǎng)站調(diào)試18</b></p><p>　　5.1 網(wǎng)站調(diào)試準(zhǔn)備18</p><p>　　5.2 網(wǎng)站調(diào)試過程18</p><p>

14、　　5.3 網(wǎng)站調(diào)試結(jié)果18</p><p>　　5.4 網(wǎng)站存在的不足18</p><p>　　5.4.1主頁播放列表無法運行18</p><p>　　5.4.2 MV無法進(jìn)行播放19</p><p>　　5.4.3 網(wǎng)站的一些界面不夠充實19</p><p>　　5.4.4 留言板界面不夠美觀19<

15、;/p><p>　　5.4.5 后臺無制作留言板管理19</p><p><b>　　致謝20</b></p><p><b>　　參考文獻(xiàn)21</b></p><p><b>　　1.緒 論</b></p><p>　　1.1設(shè)計的研究背景<

16、/p><p>　　隨著互聯(lián)網(wǎng)和寬帶上網(wǎng)的普及，Interner音樂網(wǎng)站在中國異軍突起，并日益滲透到人們的日常生活中。音樂網(wǎng)站是運用現(xiàn)代通信技術(shù)、計算機(jī)和網(wǎng)絡(luò)技術(shù)進(jìn)行的一種社會形態(tài)，其目的是通過互聯(lián)網(wǎng)提高社會生產(chǎn)效率、優(yōu)化社會資源配置，從而實現(xiàn)社會財富的最大化利用。而且音樂網(wǎng)站是目前最常見的音樂發(fā)燒友網(wǎng)站行業(yè)呈現(xiàn)出的旺盛生命力和巨大的市場潛力。隨著網(wǎng)站越來越多，網(wǎng)站間的競爭越來越激烈，而音樂網(wǎng)站作為一種有效的宣傳途徑，

17、越來越受到大家的歡迎。為了獲得本行業(yè)的領(lǐng)先地位，面對不斷涌現(xiàn)的種種機(jī)會，建立一個具有自己特色的，精美完善的，實用的音樂網(wǎng)站尤為重要。</p><p><b>　　1.2設(shè)計的目標(biāo)</b></p><p>　　網(wǎng)絡(luò)的發(fā)展給人們的生活帶來了翻天覆地的變化，不僅是在學(xué)習(xí)，還有在娛樂方面，比如網(wǎng)絡(luò)音樂，只要一打開電腦，打開網(wǎng)絡(luò)音樂，我們就能聽到來自世界各地的各種音樂，這是一種

18、輕松愉快的享受。網(wǎng)絡(luò)音樂方便快捷，還能給我們的生活帶來歡樂，讓我們在繁忙疲憊的工作之后可以進(jìn)行休閑?；诖朔N現(xiàn)狀，在充分分析了該行業(yè)的市場前景，調(diào)研了用戶需求之后，我就設(shè)計了悅閣音樂網(wǎng)站。</p><p><b>　　1.3設(shè)計的意義</b></p><p>　　本次設(shè)計的意義主要在于建立一個較為實用型的網(wǎng)站。首先要對網(wǎng)站進(jìn)行明確的規(guī)劃設(shè)計，然后規(guī)劃包括網(wǎng)站的內(nèi)容，面

19、向的用戶群，最后確定網(wǎng)站的規(guī)模以及網(wǎng)站的目標(biāo)，我將我要建立的網(wǎng)站內(nèi)容定位一個音樂娛樂網(wǎng)站。面向所有喜歡音樂的人，而我建立這個網(wǎng)站的目的就是希望大家會在娛樂休閑的時候享受音樂的快感，滿足音樂愛好者對音樂的追求和對音樂時訊的最快獲悉，針對用戶的實際需求設(shè)計盡可能滿足音樂愛好者的音樂在線網(wǎng)站。這樣可以更好的推動音樂事業(yè)的發(fā)展。</p><p>　　2.網(wǎng)站的開發(fā)環(huán)境和開發(fā)工具</p><p>&

20、lt;b>　　2.1需求分析</b></p><p>　　通過調(diào)查，要求系統(tǒng)需要以下功能：</p><p>　　1、新用戶可以快速注冊。</p><p>　　2、老用戶能夠快速的登錄到頁面，并修改自己的相關(guān)信息。</p><p>　　3、用戶可以在線聽歌。</p><p>　　4、用戶可以下載歌曲。&

21、lt;/p><p>　　5、用戶可以給我們網(wǎng)站進(jìn)行留言，提出寶貴的意見。</p><p>　　6、用戶可以根據(jù)自己的等級享受到不一樣的音樂試聽享受。</p><p><b>　　2.2 開發(fā)環(huán)境</b></p><p>　　1、網(wǎng)絡(luò)服務(wù)器操作系統(tǒng)：Windows 7系統(tǒng)</p><p>　　2、Web

22、服務(wù)器：apache(版本：Apache2.2.11)</p><p>　　3、后臺數(shù)據(jù)庫系統(tǒng)：mysql（版本：mysql5.1.36）</p><p>　　4、網(wǎng)頁編程語言：HTMLP、javascript、php（版本：php5.3.0）</p><p>　　5、網(wǎng)頁前臺編輯工具：Dreamweaver 8、Adobe Photoshop</p>

23、<p><b>　　2.3網(wǎng)站開發(fā)工具</b></p><p>　　2.3.1 Phtoshop cs4 介紹</p><p>　　Adobe Photoshop CS4 簡稱“PS”。它是Adobe公司旗下最為出名的圖像處理軟件之一，它是一款很強(qiáng)大的制圖工具，具有集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體的圖形圖像處理軟件，深受廣大平

24、面設(shè)計人員和電腦美術(shù)愛好者的喜愛。</p><p>　　此外， Adobe Photoshop CS4軟件除了包含Adobe Photoshop CS3的所有功能外，還增加了一些特殊的功能，如支持3D和視頻流、動畫、深度圖像分析等等。它通過更直觀的用戶體驗、更大的編輯自由度來大幅提高的工作效率，使您能更輕松地使用其無與倫比的強(qiáng)大功能。它使用了全新、順暢的縮放和遙攝可以定位到圖像的任何區(qū)域。借助全新的像素網(wǎng)格保持實

25、現(xiàn)縮放到個別像素時的清晰度， 并以最高的放大率實現(xiàn)輕松編輯。通過創(chuàng)新的旋轉(zhuǎn)視圖工具隨意轉(zhuǎn)動畫布， 按任意角度實現(xiàn)無扭曲查看。</p><p>　　2.3.2 Dreamveaver CS3 介紹</p><p>　　Dreamweaver CS3是Adobe公司收購Macromedia公司后最新推出的Creative Suite 3 設(shè)計套裝中用于網(wǎng)頁設(shè)計與制作的組件。作為全球最流行，最優(yōu)

26、秀的所見即所得的網(wǎng)頁編輯器，Dreamweaver可以輕而易舉地制作出跨操作系統(tǒng)平臺，跨瀏覽器的充滿動感的網(wǎng)頁，是目前制作Web頁站點,Web頁和Web應(yīng)用程序開發(fā)的理想工具。 Dreamweaver，F(xiàn)ireworks，F(xiàn)lash被稱為網(wǎng)頁制作的“三劍客”，這三款工具相輔相承，是制作網(wǎng)頁的最佳拍檔之一。與其他網(wǎng)頁編輯工具相比，Dreamweaver的新版Dreamweaver CS3 主要功能和具體應(yīng)用方法，Dreamweaver的主

27、要特點有：</p><p><b>　　網(wǎng)頁編輯形式靈活；</b></p><p>　　使用可視化編輯環(huán)境；</p><p><b>　　強(qiáng)大的CSS功能；</b></p><p><b>　　站點管理功能完善；</b></p><p><b>

28、;　　集成性高；</b></p><p><b>　　媒體支持能力強(qiáng)；</b></p><p><b>　　擴(kuò)展能力強(qiáng)；</b></p><p>　　2.3.4 apache介紹</p><p>　　Apache HTTP Server（簡稱Apache，音譯為阿帕奇）是Apache軟件

29、基金會的一個開放源碼的網(wǎng)頁服務(wù)器，它可以運行在幾乎所有廣泛使用的計算機(jī)平臺上，由于其跨平臺和安全性被廣泛使用，是最流行的Web服務(wù)器端軟件之一，它也是世界使用排名第一的Web服務(wù)器軟件。它快速、可靠并且可通過簡單的API擴(kuò)展，將Perl/Python等解釋器編譯到服務(wù)器中。是最流行的Web服務(wù)器端軟件。</p><p>　　2.3.3 PHP 介紹</p><p>　　PHP 是 &quo

30、t;PHP Hypertext Preprocessor" 的首字母縮略詞，它是一種被廣泛使用的開源腳本語言，是主要應(yīng)用于web服務(wù)器的服務(wù)端的應(yīng)用程序，用于動態(tài)網(wǎng)頁的設(shè)計，它還是一種嵌入html的腳本語言。</p><p>　　PHP是一門令人驚嘆的語言，它強(qiáng)大到足以成為在網(wǎng)絡(luò)上最大的博客系統(tǒng)的核心（WordPress）；它深邃到足以運行最大的社交網(wǎng)絡(luò)（facebook）；而它的易用程度足以成為初學(xué)者

31、的首選服務(wù)器端語言。其功能如下：</p><p>　　1、PHP 能夠生成動態(tài)頁面內(nèi)容</p><p>　　2、 PHP 能夠創(chuàng)建、打開、讀取、寫入、刪除以及關(guān)閉服務(wù)器上的文件</p><p>　　3、PHP 能夠接收表單數(shù)據(jù)</p><p>　　4、PHP 能夠發(fā)送并取回 cookies</p><p>　　5、PH

32、P 能夠添加、刪除、修改數(shù)據(jù)庫中的數(shù)據(jù)</p><p>　　6、PHP 能夠限制用戶訪問網(wǎng)站中的某些頁面</p><p>　　7、PHP 能夠?qū)?shù)據(jù)進(jìn)行加密</p><p>　　2.3.5 MySQL數(shù)據(jù)庫介紹</p><p>　　MySQL是一個開放源碼的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。原開發(fā)者為瑞典的MySQL AB公司，該公司在2008年被升陽微

33、系統(tǒng)（Sun Microsystems）收購。甲骨文公司（Oracle）2009年收購升陽微系統(tǒng)公司，MySQL成為Oracle旗下產(chǎn)品。MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于它的強(qiáng)大功能、靈活性、豐富的應(yīng)用編程接口（API）以及精巧的系統(tǒng)結(jié)構(gòu)，受到了廣大自由軟件愛好者甚至是商業(yè)軟件用戶的青睞，特別是與Apache和PHP/PERL結(jié)合，為建立基于數(shù)據(jù)庫的動態(tài)網(wǎng)站提供了強(qiáng)大動力。 </p><

34、;p>　　MySQL是一個真正的多用戶、多線程SQL數(shù)據(jù)庫服務(wù)器。SQL（結(jié)構(gòu)化查詢語言）是世界上最流行的和標(biāo)準(zhǔn)化的數(shù)據(jù)庫語言。MySQL是以一個客戶機(jī)/服務(wù)器結(jié)構(gòu)的實現(xiàn)，它由一個服務(wù)器守護(hù)程序mysqld和很多不同的客戶程序和庫組成。 </p><p>　　MySQL 主要目標(biāo)是快速、健壯和易用。最初是因為我們需要這樣一個SQL服務(wù)器，它能處理與任何可不昂貴硬件平臺上提供數(shù)據(jù)庫的廠家在一個數(shù)量級上的大型

35、數(shù)據(jù)庫，但速度更快，MySQL就開發(fā)出來。</p><p>　　MySQL數(shù)據(jù)庫的主要功能只在組織和管理很龐大或復(fù)雜的信息和基于WEB的庫存查詢請求不僅僅為客戶提供信息，而且還可以為您自己使用數(shù)據(jù)庫可以提供如下功能: 減少記錄編檔的時間、 減小記錄檢索時間、靈活的查找序列、靈活的輸出格式、多個用戶同時訪問記錄。</p><p>　　3 網(wǎng)站的設(shè)計和實現(xiàn)</p><p&g

36、t;　　3.1 Logo設(shè)計</p><p>　　本網(wǎng)站命名為悅閣音樂網(wǎng)，從文字中可以看出我應(yīng)用了悅與樂同音不同字，但體現(xiàn)了一樣的含義，都是快樂的意思。而閣有房子的意思，一方面表示網(wǎng)站之大，另一方面表示在這里就如回到家里一樣讓人感覺舒適，輕松。而網(wǎng)站的logo后半部分是音符和文字相結(jié)合設(shè)計而成的，logo中的音符采用了五線譜中的高音符來作為設(shè)計的基點，利用形似互補的原理，將音樂的樂中的一部分去除，連接到高音符身邊

37、形成一個簡單卻含義很明確的logo，其含義是將古典與現(xiàn)代的文字相結(jié)合，表達(dá)網(wǎng)站的全面性。Logo的顏色采用七彩漸變，象征著在音樂給人帶來的聽覺享受就如彩虹一樣美好。文字部分也用了音樂元素，在閣字的下方用一個近似于光盤來代替口，使整個logo看起來寓意更明確，易懂。而文字的英文部分是采用花式的英文，意在表示整個網(wǎng)站的音樂品種多，品質(zhì)好。</p><p><b>　　3.2 網(wǎng)站結(jié)構(gòu)圖</b>&

38、lt;/p><p>　　3.2.1 前臺總體結(jié)構(gòu)圖如下：</p><p>　　3.2.2后臺總體結(jié)構(gòu)圖如下：</p><p>　　3.3 網(wǎng)站功能設(shè)計</p><p>　　3.3.1 前臺功能介紹</p><p>　　用戶登錄注冊模塊：用戶可以在網(wǎng)站的右上角進(jìn)行登錄或者注冊，成為本網(wǎng)站的會員，然后進(jìn)入網(wǎng)站享受本網(wǎng)站的的音樂

39、試聽，而且用戶還可以通過音樂導(dǎo)航條中的音樂分類對不一樣的音樂進(jìn)行試聽和下載，還可以登錄到自己的用戶中心進(jìn)行發(fā)表心情讓其他會員了解到你對音樂的感受等等。用戶登錄注冊時的一些設(shè)置代碼如下：</p><p>　　<link rel="stylesheet" href="css/style.css" /></p><p>　　<script

40、 src="../public/js/jquery.js"></script></p><p>　　<script language="javascript"> </p><p>　　$(document).ready(function(){</p><p>　　$("#regsubmi

41、t").click(function(){</p><p>　　var username=$("#username").val();</p><p>　　var password=$("#password").val();</p><p>　　var nickname=$("#nickname")

42、.val();</p><p>　　var email=$("#email").val();</p><p>　　$("#username").css("border-color","#666 #ccc #ccc #666");</p><p>　　$("#password&q

43、uot;).css("border-color","#666 #ccc #ccc #666");</p><p>　　$("#nickname").css("border-color","#666 #ccc #ccc #666");</p><p>　　$("#email"

44、;).css("border-color","#666 #ccc #ccc #666");</p><p>　　if(username==""){</p><p>　　$("#username").css("border","1px solid red");</p&

45、gt;<p>　　$("#msg_username").text("請輸入正確的賬號！").css("color","red");</p><p>　　return false;}</p><p>　　else if((len(username)<4)||(len(username)>

46、16)){</p><p>　　$("#username").css("border","1px solid red");</p><p>　　$("#msg_username").text("賬號限制4-16位！").css("color","red"

47、;);</p><p>　　return false;}</p><p>　　else if(/.*[\u4e00-\u9fa5]+.*$/.test(username)){ </p><p>　　$("#username").css("border","1px solid red");</p>

48、<p>　　$("#msg_username").text("用戶名不允許中文注冊！").css("color","red");</p><p>　　return false;}</p><p>　　else if(isID(username)==false){</p><p&

49、gt;　　$("#username").css("border","1px solid red");</p><p>　　$("#msg_username").text("用戶名不允許特殊字符！").css("color","red");</p><p&g

50、t;　　return false;}</p><p>　　else if(password==""){</p><p>　　$("#password").css("border","1px solid red");</p><p>　　$("#msg_pass").t

51、ext("登陸密碼不能為空！").css("color","red");</p><p>　　return false;}</p><p>　　else if((len(password)<4)||(len(password)>16)){</p><p>　　$("#password&

52、quot;).css("border","1px solid red");</p><p>　　$("#msg_pass").text("登陸密碼限制4-16位！").css("color","red");</p><p>　　return false;}</p&g

53、t;<p>　　else if(nickname==""){</p><p>　　$("#nickname").css("border","1px solid red");</p><p>　　$("#msg_nichen").text("昵稱不能為空！")

54、.css("color","red");</p><p>　　return false;}</p><p>　　else if(email==""){</p><p>　　$("#email").css("border","1px solid red&quo

55、t;);</p><p>　　$("#msg_email").text("郵箱不能為空！").css("color","red");</p><p>　　return false;}</p><p>　　else if(isEmail(email)==false){</p>

56、<p>　　$("#email").css("border","1px solid red");</p><p>　　$("#msg_email").text("郵箱格式錯誤！").css("color","red");</p><p>　

57、　return false;}</p><p><b>　　});</b></p><p><b>　　});</b></p><p>　　function len(s) {</p><p>　　var l = 0;</p><p>　　var a = s.split(&qu

58、ot;");</p><p>　　for (var i=0;i<a.length;i++) {</p><p>　　if (a[i].charCodeAt(0)<299) {</p><p><b>　　l++;</b></p><p><b>　　}</b></p>

59、;<p><b>　　else{</b></p><p><b>　　l+=2;</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　return l;</b&g

60、t;</p><p><b>　　}</b></p><p>　　function isID(str){</p><p>　　res = /^(?!_)(?!.*?_$)[a-zA-Z0-9\u4e00-\u9fa5]+$/;</p><p>　　var re = new RegExp(res);</p>

61、<p>　　return !(str.match(re) == null);</p><p><b>　　};</b></p><p>　　function isEmail(str){</p><p>　　res = /^[0-9a-zA-Z_\-\.]+@[0-9a-zA-Z_\-]+(\.[0-9a-zA-Z_\-]+)*$/;&

62、lt;/p><p>　　var re = new RegExp(res);</p><p>　　return !(str.match(re) == null);</p><p><b>　　};</b></p><p><b>　　</script></b></p><p

63、><b>　　</head></b></p><p><b>　　<body></b></p><p>　　<form name="regform" action="do.php?ac=reg" method="post"></p>

64、<p>　　<div class="header"></p><p>　　<h1><a href="http://<?php echo CS_WebUrl?>/" class=""><?php echo CS_WebName?></a></h1></p&

65、gt;<p>　　<div class="point"></p><p>　　<a href="<?php echo CS_WebPath?>">網(wǎng)站首頁</a></p><p><b>　　<?php</b></p><p>　　glo

66、bal $db;</p><p>　　$sqlw="select * from ".Getdbname('class')." where cs_sid=1 order by CS_sid desc";</p><p>　　$rs=$db->query($sqlw);</p><p>　　$num=$db-

67、>num_rows($rs);</p><p><b>　　$nums=5;</b></p><p>　　if($num<$nums){</p><p><b>　　$j=$num;</b></p><p><b>　　}else{</b></p>&

68、lt;p><b>　　$j=$nums;</b></p><p><b>　　}</b></p><p>　　for($i=0;$i<$j;$i++){</p><p>　　$row=$db->fetch_array($rs);</p><p>　　echo '<a

69、href="'.LinkUrl('list','dance','id',$row['CS_ID']).'" target="art">'.$row["CS_Name"].'</a>';</p><p><b>　　}<

70、/b></p><p><b>　　?> </b></p><p>　　<a href="./">會員中心</a></p><p><b>　　</div></b></p><p><b>　　</div>&l

71、t;/b></p><p>　　首頁模塊：本模塊中主要是分為導(dǎo)航條、用戶登錄或者注冊、管理員登錄、搜索、歌曲排行情況、圖片輪播、主要歌曲分類展示。。在圖片輪播處每次點擊一張圖片都會進(jìn)入到相應(yīng)的音樂網(wǎng)站試聽模塊，而在圖片輪播的下方是各種音樂分類的一些推薦歌曲，用戶可以點擊進(jìn)去進(jìn)行試聽或者下載。圖片輪播代碼如下：</p><p><b>　　<script><

72、/b></p><p>　　var box =new PPTBox();</p><p>　　box.width = 688; //寬度</p><p>　　box.height = 308;//高度</p><p>　　box.autoplayer = 3;//自動播放間隔時間</p><p>　　//box.

73、add({"url":"圖片地址","title":"懸浮標(biāo)題","href":"鏈接地址"}) box.add({"url":"{csdjcms:tempurl}images/pic/1.jpg","href":"http://musicyue.c

74、om/ggwm.php","title":"Flash廣告1"}) box.add({"url":"{csdjcms:tempurl}images/pic/2.jpg","href":"http://musicyue.com/?cs=list-dance-id-1-1.html","title&qu

75、ot;:"Flash廣告2"})</p><p>　　box.add({"url":"{csdjcms:tempurl}images/pic/3.jpg","href":"http://musicyue.com/?cs=list-dance-id-2-1.html","title":"

76、Flash廣告3"}) box.add({"url":"{csdjcms:tempurl}images/pic/4.jpg","href":"http://musicyue.com/?cs=list-dance-id-3-1.html","title":"Flash廣告4"})</p><

77、p>　　box.add({"url":"{csdjcms:tempurl}images/pic/5.jpg","href":"http://musicyue.com/?cs=list-dance-id-5-1.html","title":"Flash廣告5"})</p><p>　　box

78、.show();</p><p><b>　　</script></b></p><p>　　音樂分類模塊：每個音樂模塊都有相對應(yīng)的自己的子模塊，用戶可以根據(jù)自己喜歡的模塊快速的選擇自己喜歡的音樂進(jìn)行試聽或者下載，而且還可以看到每首歌的收聽率和排行榜。</p><p>　　歌曲播放模塊：當(dāng)用戶點擊歌曲時，會跳轉(zhuǎn)到另一個頁面進(jìn)行歌曲的

79、播放，而實現(xiàn)歌曲播放是由javascript語言實現(xiàn)的。</p><p>　　音樂收藏模塊：當(dāng)用戶在頁面上看到喜歡的音樂想進(jìn)行收藏時，只需要點擊歌曲后面的收藏符號（+）便可以對歌曲進(jìn)行收藏。其代碼如下： $db->query($sqldt);</p><p>　　exit(Msg_Error('恭喜您，收藏歌曲《<font color="red

80、">'.$row['CS_Name'].'</font>》成功。','window.close();'));</p><p><b>　　}else{</b></p><p>　　exit(Msg_Error('抱歉，收藏歌曲《<font color="red&

81、quot;>'.$row['CS_Name'].'</font>》失敗。','window.close();'));</p><p><b>　　}</b></p><p><b>　　}else{</b></p><p>　　exit(Msg_Er

82、ror('出錯了，你收藏的數(shù)據(jù)不存在。','window.close();'));</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　搜索模塊：用戶可以更具自己喜歡的歌曲在本網(wǎng)站進(jìn)行搜索，方便快捷。</p><p>　

83、　留言板模塊：用戶可以對試聽過的音樂留言，并可以進(jìn)行評論的添加。留言板代碼如下：</p><p>　　if($cs!='gbook') exit(Msg_Error('后綴參數(shù)錯誤,不是有效的后綴!','?cs=gbook.html'));</p><p>　　if(isset($_COOKIE["cs_name"])){

84、</p><p>　　$mname= $_COOKIE["cs_name"];</p><p><b>　　}else{</b></p><p>　　$mname= '游客';</p><p><b>　　}</b></p><p>　　$

85、Gbook="<script language=\"javascript\" src=\"".CS_WebPath."public/js/gbookajax.js\"></script><script>var cs_path='".CS_WebPath."';getbooklist(1);<

86、/script></p><p>　　<div id=\"csdjcms_book\" style=\"width:100%;\"><img src=\"".CS_WebPath."public/images/load.gif\"><font style=\"font-size:12px;

87、\">&nbsp;&nbsp;加載留言內(nèi)容,請稍等......</font></div></p><p>　　<div id=\"csdjcms_book_add\" style=\"border:1px solid #B5D6E6; height:200px; width:99.8%; margin-top:20px;

88、font-size:12px;\"></p><p>　　<div style=\"width:98%; height:30px; line-height:30px; margin-top:5px;\">&nbsp;你的網(wǎng)名：<input type=\"text\" name=\"names\" id=\&quo

89、t;names\" size=\"15\" value=\"".$mname."\">&nbsp;<font color=\"red\">＊</font></div></p><p>　　<div style=\"margin-top:5px; height:

90、110px; width:100%; \"></p><p>　　<div style=\"float:left; height:110px; width:70%; margin-left:2px; \"><textarea name=\"content\" id=\"content\" style=\"wi

91、dth:95%; float:left;\" rows=\"7\" ></textarea>&nbsp;<font color=\"red\">＊</font></div></p><p>　　<div style=\"float:left; height:80px; color:#3

92、6C; font-size:12px;line-height:20px;\">聲明：您如果有什么建議或意見<br/>請在這里給管理員留言<br/>您所發(fā)的信息不能觸犯國家法律<br/>否者您需對自己言行負(fù)全部責(zé)任！</div></p><p><b>　　</div></b></p><p>

93、;　　<div style=\"margin-top:5px;\">&nbsp;&nbsp;".$codehtml."<input onclick=\"bookadd();\" type=\"button\" value=\"我要留言\" style=\" background:url(&quo

94、t;.CS_WebPath."public/images/btn.gif); border:0px solid #CCC; color:#39F; height:31px; width:96px; border-left:0px solid red; margin-top:5px; font-weight:bold; \" ></div></p><p><b>　

95、　</div> </b></p><p>　　會員模塊：在這個模塊中，會員可以看到自己的相關(guān)信息，還可以進(jìn)行發(fā)自己的心情或者微博，還可以在瀏覽框里看到自己或者別人或者整個網(wǎng)站的一些信息，這樣方便用戶之間的交流，也可以很快的了解網(wǎng)站里的實時動態(tài)。</p><p>　　3.3.2后臺功能介紹</p><p>　　管理員模塊：本模塊分為后臺用戶和添

96、加用戶，管理員可以看到自己的子管理員有多少好，還有子管理員的每天操作記錄，看子管理員的登錄次數(shù)多少，方便了解子管理員對網(wǎng)站的負(fù)責(zé)程度。而添加用戶是賦予給管理員的一項特殊權(quán)限，就是網(wǎng)站的管理員覺得自己的工作比較繁重，可以通過后臺的添加而擁有自己的子管理員而不需要在數(shù)據(jù)庫里添加子管理員，方便管理員管理和操作，節(jié)約時間，提高管理強(qiáng)度。</p><p>　　音樂模塊：本模塊分為音樂列表和添加音樂，音樂列表中是展示前臺所展

97、示的所有音樂，管理員可以在后臺更改一些關(guān)于音樂的信息，也可以將一些比較不受喜歡的歌曲進(jìn)行刪除。在添加音樂頁面上管理員可以添加音樂，包括設(shè)置名稱、上傳音樂相關(guān)的圖片、設(shè)置上傳的音樂類型等等。添加音樂下的音樂分類代碼如下：</p><p><b>　　<tr></b></p><p>　　<th>音樂分類</th></p>

98、<p><b>　　<td></b></p><p>　　<select class="select_2" name="CS_CID" id="CS_CIDa"></p><p>　　<option value="0">選擇分類</op

99、tion></p><p><b>　　<?php</b></p><p>　　$sqlclass="select * from ".Getdbname('class')." where CS_YID=0 and CS_SID=1 and CS_FID=0";</p><p>

100、　　$results=$db->query($sqlclass);</p><p>　　if($results){</p><p>　　while ($row3=$db->fetch_array($results)){</p><p>　　if($row3['CS_ID']==$Arr[3]){</p><p>　

101、　echo "<option value='".$row3['CS_ID']."' selected='selected'>".$row3['CS_Name']."</option>";</p><p><b>　　}</b></p>

102、<p><b>　　else{</b></p><p>　　echo "<option value='".$row3['CS_ID']."' >".$row3['CS_Name']."</option>";</p><p>

103、　　} $sql2="select * from ".Getdbname('class')." where CS_FID=".$row3['CS_ID'].""; $class2=$db->query($sq

104、l2); if($class2){ while($row2=$db->fetch_array($class2)){</p><p&g

105、t;　　if($row2['CS_ID']==$Arr[3]){</p><p>　　echo "<option value='".$row2['CS_ID']."' selected='selected'>├ ".$row2['CS_Name']."</option

106、>";</p><p><b>　　}else{</b></p><p>　　echo "<option value='".$row2['CS_ID']."' >├ ".$row2['CS_Name']."</option>&quo

107、t;;</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　}</b>&l

108、t;/p><p><b>　　?> </b></p><p>　　會員模塊：本模塊分為會員列表和添加會員，這個模塊是為了方便管理員管理前臺的用戶，對用戶的一些信息的錄入和修改。還有就是了解每天的用戶量和用戶的瀏覽強(qiáng)度，瀏覽強(qiáng)度大的話還可以考慮在后期有活動時針對這些瀏覽量大的用戶給予優(yōu)惠。</p><p>　　4 數(shù)據(jù)庫的分析與設(shè)計</p

109、><p><b>　　4.1 數(shù)據(jù)庫分析</b></p><p>　　本網(wǎng)站的數(shù)據(jù)庫表主要分為以下幾個方面：</p><p>　?。?）用戶數(shù)據(jù)表：存儲注冊用戶有關(guān)數(shù)據(jù)如（用戶名、用戶登錄的IP，用戶登錄的次數(shù)等），還包括注冊用戶信息數(shù)據(jù)表，用戶登錄賬號管理存儲表。</p><p>　　管理員數(shù)據(jù)表：管理管理員的相關(guān)數(shù)據(jù)和信

110、息。</p><p>　　歌曲數(shù)據(jù)表：管理歌曲的相關(guān)信息，包括歌曲的上傳情況，收藏情況、播放次數(shù)等等。</p><p><b>　　4.2數(shù)據(jù)庫設(shè)計</b></p><p>　　根據(jù)網(wǎng)站的需求，我建立了以下一些主要數(shù)據(jù)表：管理員數(shù)據(jù)表（CS_admin）、用戶數(shù)據(jù)表（CS_user）、歌曲分類表（CS_class）、歌曲播放表（cs_dance

111、）、收藏表（CS_down）、標(biāo)簽分類表（CS_tags）等等。</p><p>　　CS_admin（管理員表），此數(shù)據(jù)表是專為管理網(wǎng)站后臺的人員創(chuàng)建的表，用于存儲管理員的信息，其中還設(shè)置了管理員的權(quán)限，管理員可以在網(wǎng)站后臺修改信息。包括編號（ID），管理員名稱（adminname），密碼（adminpassword），登陸次數(shù)（loginnum）等。</p><p>　　CS_user

112、（會員表），此數(shù)據(jù)表是專門存儲在本網(wǎng)站注冊的會員，方便會員的下次登錄。包括會員編號（ID）,會員昵稱（name），用戶密碼（password）,用戶IP（LogIP）等等</p><p>　　cs_tags（標(biāo)簽分類表）。此數(shù)據(jù)表前臺中展示的標(biāo)簽分類，這個方便用戶選擇自己喜歡的歌曲類型，方便快捷。包括分類編號（ID）,歌曲名稱（name），歌曲類型編號（CID）。</p><p>　　以下

113、是一些關(guān)于數(shù)據(jù)流的定義：</p><p>　　表4-1 數(shù)據(jù)元素定義</p><p>　　表4-2 數(shù)據(jù)結(jié)構(gòu)定義</p><p>　　表4-3 數(shù)據(jù)結(jié)構(gòu)定義</p><p>&

114、lt;b>　　5 網(wǎng)站調(diào)試</b></p><p>　　5.1 網(wǎng)站調(diào)試準(zhǔn)備</p><p>　　為了能夠使網(wǎng)站存在的缺陷顯現(xiàn)出來，網(wǎng)站測試將是最好的策略。在網(wǎng)站詳細(xì)設(shè)計完成之后，有必要對網(wǎng)站進(jìn)行測試。</p><p>　　測試之前需要先配置服務(wù)器，包括web服務(wù)器的安裝、啟動和配置。將相應(yīng)的文件夾和數(shù)據(jù)庫文件拷貝至服務(wù)器上。</p>

115、<p>　　5.2 網(wǎng)站調(diào)試過程</p><p>　　系統(tǒng)測試主要完成以下模塊的測試：管理員和用戶登錄，在線聽歌，下載歌曲，收藏歌曲，留言板，發(fā)表動態(tài)，管理員添加音樂。</p><p>　　用戶登錄模塊和管理員登錄模塊：打開登錄頁面，輸入賬號和密碼，看看是否能等進(jìn)去，如果用戶名或者密碼輸錯時，看看能不能彈出出錯的對話框。</p><p>　　在線聽歌模塊

116、的測試：打開網(wǎng)站主頁，首先對音樂列表中的音樂進(jìn)行試聽，看看能不能播放網(wǎng)站上的歌曲。</p><p>　　下載歌曲模塊的測試：進(jìn)入網(wǎng)站中分類的各個歌曲模塊依次對網(wǎng)站提供的下載歌曲的鏈接進(jìn)行測試，看看能不能正常下載歌曲。</p><p>　　收藏歌曲模塊的測試：進(jìn)入網(wǎng)站中分類的各個歌曲模塊依次對歌曲進(jìn)行收藏，看看能不能正常收藏歌曲。</p><p>　　留言板模塊的測試

117、：在網(wǎng)站主頁點擊進(jìn)入意見留言模塊，進(jìn)行留言板功能的測試，填寫留言的信息，點擊我要留言，看看能不能正常對網(wǎng)站進(jìn)行留言。</p><p>　　發(fā)表動態(tài)模塊的測試：進(jìn)入會員中心，在發(fā)表微博中輸入文字，然后點擊發(fā)表，看看能否發(fā)表成功。</p><p>　　管理員添加音樂模塊測試：進(jìn)入后臺音樂模塊，點擊添加音樂，輸入相應(yīng)的信息，上傳音樂文件，看看能否上傳成功。</p><p>

118、;　　5.3 網(wǎng)站調(diào)試結(jié)果</p><p>　　在測試的過程中，網(wǎng)站基本實現(xiàn)了預(yù)期的功能要求，管理員和用戶登錄，在線聽歌，下載歌曲，收藏歌曲，留言板，發(fā)表動態(tài)，管理員添加音樂?？梢姁傞w音樂網(wǎng)站大體能夠正常的運行。</p><p>　　5.4 網(wǎng)站存在的不足</p><p>　　5.4.1主頁播放列表無法運行</p><p>　　在網(wǎng)站的主頁中

119、，我設(shè)計了一個播放的列表條，但是由于能力的限制無法將歌曲同步到列表條中的列表小窗口，只能實現(xiàn)當(dāng)歌曲播放后會改變播放條的樣式卻無法實現(xiàn)在播放條中選擇歌曲進(jìn)行播放。</p><p>　　5.4.2 MV無法進(jìn)行播放</p><p>　　在網(wǎng)站中管理員通過后臺上傳音樂視頻，在前臺進(jìn)行播放時，無法將上傳的視頻進(jìn)行播放，只能上傳歌曲的形式進(jìn)行播放。我通過改變視頻上傳時候的播放界面也無法進(jìn)行播放，檢查

120、了代碼和播放器也沒有什么問題，由于時間的關(guān)系沒有深入的進(jìn)行研究，只能在后續(xù)的過程中進(jìn)行整改和檢查，看是否哪里出現(xiàn)問題或者時由于技術(shù)能力還不夠有待加強(qiáng)。</p><p>　　5.4.3 網(wǎng)站的一些界面不夠充實</p><p>　　網(wǎng)站的網(wǎng)頁大致已經(jīng)成型，雖然所該有的都有了，但是相對于別的網(wǎng)站而言還是存在很多不做，例如點擊歌曲進(jìn)行播放時，在歌曲播放頁面上會覺得下方界面相對空曠，需要添加一些與歌

121、曲相關(guān)的界面（如：評論）讓其看起來更加充實。這就需要我深入學(xué)習(xí)和研究這部分的知識。對網(wǎng)頁進(jìn)行整改和完善。</p><p>　　5.4.4 留言板界面不夠美觀</p><p>　　網(wǎng)站的留言板是我根據(jù)網(wǎng)上的一些教程還有書本的知識進(jìn)行制作的，頁面很簡單，布局存在一些小問題，而且很多小的設(shè)置也沒有添加，只是實現(xiàn)了一個留言的效果，這有待我在接下來的時間里繼續(xù)進(jìn)行研究和學(xué)習(xí)，完善留言板界面，也讓功能

122、更齊全，讓網(wǎng)頁看起來更好看。</p><p>　　5.4.5 后臺無制作留言板管理</p><p>　　在網(wǎng)站的后臺中由于時間和技術(shù)的限制，沒有制作一個關(guān)于前臺用戶的留言管理的界面，這樣導(dǎo)致了管理員無法及時了解用戶對網(wǎng)站的建議，及其用戶的需求，這需要我后續(xù)繼續(xù)學(xué)習(xí)和完善網(wǎng)站關(guān)于這部分的知識。</p><p><b>　　參考文獻(xiàn)</b><

123、/p><p>　　[1] 周玲艷 張希.網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)應(yīng)用.北京市:機(jī)械工業(yè)出版社,2008.8</p><p>　　[2] 李寶敏.動態(tài)網(wǎng)站設(shè)計與開發(fā)實用教程.北京市:清華大學(xué)出版社,2012.1</p><p>　　[3] 黃縉華.MySQL入門很簡單.北京市:清華大學(xué)出版社,2011.1</p><p>　　[4] 馬忠超.零基礎(chǔ)學(xué)PHP.

124、北京市:機(jī)械工業(yè)出版社,2008.3</p><p>　　[5] 鄭海生.零基礎(chǔ)學(xué)PHP+MySQL.北京市:機(jī)械工業(yè)出版社,2009.4</p><p>　　[6] 魯曉東.JSP軟件工程案例精解[M].北京：電子工業(yè)出版社，2005.97-105</p><p>　　[7] 王國輝 李立文 楊亮。JSP數(shù)據(jù)庫系統(tǒng)開發(fā)完全手冊.北京：人民郵電出版社，2009<