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

1、<p>　　音樂網(wǎng)站的設(shè)計(jì)與實(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)站正是在這樣的一個(gè)市場(chǎng)環(huán)境下應(yīng)運(yùn)而生，并且成為我們生活?yuàn)蕵访懿豢煞值囊徊糠?。讓大家可以足不出戶即可欣賞到自己喜歡的音樂，同時(shí)也為廣大音

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

3、編輯，使網(wǎng)頁更直觀美麗。最后我使用PHP語言和MySQL數(shù)據(jù)庫對(duì)網(wǎng)頁的前后臺(tái)進(jìn)行連接，讓網(wǎng)頁的各項(xià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è)計(jì)的研究背景1</p><p>　　1.2設(shè)計(jì)的目標(biāo)1</p><p>　　1.3設(shè)計(jì)的意義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è)計(jì)和實(shí)現(xiàn)5</p><p>　　3.1 Logo設(shè)計(jì)5</p><p>　　3.2 網(wǎng)站結(jié)構(gòu)圖5

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

13、析與設(shè)計(jì)15</p><p>　　4.1 數(shù)據(jù)庫分析15</p><p>　　4.2數(shù)據(jù)庫設(shè)計(jì)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主頁播放列表無法運(yùn)行18</p><p>　　5.4.2 MV無法進(jìn)行播放19</p><p>　　5.4.3 網(wǎng)站的一些界面不夠充實(shí)19</p><p>　　5.4.4 留言板界面不夠美觀19<

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

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

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

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

19、向的用戶群，最后確定網(wǎng)站的規(guī)模以及網(wǎng)站的目標(biāo)，我將我要建立的網(wǎng)站內(nèi)容定位一個(gè)音樂娛樂網(wǎng)站。面向所有喜歡音樂的人，而我建立這個(gè)網(wǎng)站的目的就是希望大家會(huì)在娛樂休閑的時(shí)候享受音樂的快感，滿足音樂愛好者對(duì)音樂的追求和對(duì)音樂時(shí)訊的最快獲悉，針對(duì)用戶的實(shí)際需求設(shè)計(jì)盡可能滿足音樂愛好者的音樂在線網(wǎng)站。這樣可以更好的推動(dò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、新用戶可以快速注冊(cè)。</p><p>　　2、老用戶能夠快速的登錄到頁面，并修改自己的相關(guān)信息。</p><p>　　3、用戶可以在線聽歌。</p><p>　　4、用戶可以下載歌曲。&

21、lt;/p><p>　　5、用戶可以給我們網(wǎng)站進(jìn)行留言，提出寶貴的意見。</p><p>　　6、用戶可以根據(jù)自己的等級(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、后臺(tái)數(shù)據(jù)庫系統(tǒng)：mysql（版本：mysql5.1.36）</p><p>　　4、網(wǎng)頁編程語言：HTMLP、javascript、php（版本：php5.3.0）</p><p>　　5、網(wǎng)頁前臺(tái)編輯工具：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è)計(jì)人員和電腦美術(shù)愛好者的喜愛。</p><p>　　此外， Adobe Photoshop CS4軟件除了包含Adobe Photoshop CS3的所有功能外，還增加了一些特殊的功能，如支持3D和視頻流、動(dòng)畫、深度圖像分析等等。它通過更直觀的用戶體驗(yàn)、更大的編輯自由度來大幅提高的工作效率，使您能更輕松地使用其無與倫比的強(qiáng)大功能。它使用了全新、順暢的縮放和遙攝可以定位到圖像的任何區(qū)域。借助全新的像素網(wǎng)格保持實(shí)

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

26、秀的所見即所得的網(wǎng)頁編輯器，Dreamweaver可以輕而易舉地制作出跨操作系統(tǒng)平臺(tái)，跨瀏覽器的充滿動(dòng)感的網(wǎng)頁，是目前制作Web頁站點(diǎn),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、要特點(diǎn)有：</p><p><b>　　網(wǎng)頁編輯形式靈活；</b></p><p>　　使用可視化編輯環(huán)境；</p><p><b>　　強(qiáng)大的CSS功能；</b></p><p><b>　　站點(diǎn)管理功能完善；</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、基金會(huì)的一個(gè)開放源碼的網(wǎng)頁服務(wù)器，它可以運(yùn)行在幾乎所有廣泛使用的計(jì)算機(jī)平臺(tái)上，由于其跨平臺(tái)和安全性被廣泛使用，是最流行的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)用程序，用于動(dòng)態(tài)網(wǎng)頁的設(shè)計(jì)，它還是一種嵌入html的腳本語言。</p><p>　　PHP是一門令人驚嘆的語言，它強(qiáng)大到足以成為在網(wǎng)絡(luò)上最大的博客系統(tǒng)的核心（WordPress）；它深邃到足以運(yùn)行最大的社交網(wǎng)絡(luò)（facebook）；而它的易用程度足以成為初學(xué)者

31、的首選服務(wù)器端語言。其功能如下：</p><p>　　1、PHP 能夠生成動(dòng)態(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是一個(gè)開放源碼的關(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ù)庫的動(dòng)態(tài)網(wǎng)站提供了強(qiáng)大動(dòng)力。 </p><

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

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

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

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

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

39、試聽，而且用戶還可以通過音樂導(dǎo)航條中的音樂分類對(duì)不一樣的音樂進(jìn)行試聽和下載，還可以登錄到自己的用戶中心進(jìn)行發(fā)表心情讓其他會(huì)員了解到你對(duì)音樂的感受等等。用戶登錄注冊(cè)時(shí)的一些設(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("請(qǐng)輸入正確的賬號(hào)！").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("賬號(hào)限制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("用戶名不允許中文注冊(cè)！").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("郵箱格式錯(cuò)誤！").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="./">會(huì)員中心</a></p><p><b>　　</div></b></p><p><b>　　</div>&l

71、t;/b></p><p>　　首頁模塊：本模塊中主要是分為導(dǎo)航條、用戶登錄或者注冊(cè)、管理員登錄、搜索、歌曲排行情況、圖片輪播、主要歌曲分類展示。。在圖片輪播處每次點(diǎn)擊一張圖片都會(huì)進(jìn)入到相應(yīng)的音樂網(wǎng)站試聽模塊，而在圖片輪播的下方是各種音樂分類的一些推薦歌曲，用戶可以點(diǎn)擊進(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;//自動(dòng)播放間隔時(shí)間</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>　　音樂分類模塊：每個(gè)音樂模塊都有相對(duì)應(yīng)的自己的子模塊，用戶可以根據(jù)自己喜歡的模塊快速的選擇自己喜歡的音樂進(jìn)行試聽或者下載，而且還可以看到每首歌的收聽率和排行榜。</p><p>　　歌曲播放模塊：當(dāng)用戶點(diǎn)擊歌曲時(shí)，會(huì)跳轉(zhuǎn)到另一個(gè)頁面進(jìn)行歌曲的

79、播放，而實(shí)現(xiàn)歌曲播放是由javascript語言實(shí)現(xiàn)的。</p><p>　　音樂收藏模塊：當(dāng)用戶在頁面上看到喜歡的音樂想進(jìn)行收藏時(shí)，只需要點(diǎn)擊歌曲后面的收藏符號(hào)（+）便可以對(duì)歌曲進(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('出錯(cuò)了，你收藏的數(shù)據(jù)不存在。','window.close();'));</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　搜索模塊：用戶可以更具自己喜歡的歌曲在本網(wǎng)站進(jìn)行搜索，方便快捷。</p><p>　

83、　留言板模塊：用戶可以對(duì)試聽過的音樂留言，并可以進(jìn)行評(píng)論的添加。留言板代碼如下：</p><p>　　if($cs!='gbook') exit(Msg_Error('后綴參數(shù)錯(cuò)誤,不是有效的后綴!','?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)容,請(qǐng)稍等......</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/>請(qǐng)?jiān)谶@里給管理員留言<br/>您所發(fā)的信息不能觸犯國家法律<br/>否者您需對(duì)自己言行負(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>　　會(huì)員模塊：在這個(gè)模塊中，會(huì)員可以看到自己的相關(guān)信息，還可以進(jìn)行發(fā)自己的心情或者微博，還可以在瀏覽框里看到自己或者別人或者整個(gè)網(wǎng)站的一些信息，這樣方便用戶之間的交流，也可以很快的了解網(wǎng)站里的實(shí)時(shí)動(dòng)態(tài)。</p><p>　　3.3.2后臺(tái)功能介紹</p><p>　　管理員模塊：本模塊分為后臺(tái)用戶和添

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

97、示的所有音樂，管理員可以在后臺(tái)更改一些關(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>　　會(huì)員模塊：本模塊分為會(huì)員列表和添加會(huì)員，這個(gè)模塊是為了方便管理員管理前臺(tái)的用戶，對(duì)用戶的一些信息的錄入和修改。還有就是了解每天的用戶量和用戶的瀏覽強(qiáng)度，瀏覽強(qiáng)度大的話還可以考慮在后期有活動(dòng)時(shí)針對(duì)這些瀏覽量大的用戶給予優(yōu)惠。</p><p>　　4 數(shù)據(jù)庫的分析與設(shè)計(jì)</p

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

110、息。</p><p>　　歌曲數(shù)據(jù)表：管理歌曲的相關(guān)信息，包括歌曲的上傳情況，收藏情況、播放次數(shù)等等。</p><p><b>　　4.2數(shù)據(jù)庫設(shè)計(jì)</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)站后臺(tái)的人員創(chuàng)建的表，用于存儲(chǔ)管理員的信息，其中還設(shè)置了管理員的權(quán)限，管理員可以在網(wǎng)站后臺(tái)修改信息。包括編號(hào)（ID），管理員名稱（adminname），密碼（adminpassword），登陸次數(shù)（loginnum）等。</p><p>　　CS_user

112、（會(huì)員表），此數(shù)據(jù)表是專門存儲(chǔ)在本網(wǎng)站注冊(cè)的會(huì)員，方便會(huì)員的下次登錄。包括會(huì)員編號(hào)（ID）,會(huì)員昵稱（name），用戶密碼（password）,用戶IP（LogIP）等等</p><p>　　cs_tags（標(biāo)簽分類表）。此數(shù)據(jù)表前臺(tái)中展示的標(biāo)簽分類，這個(gè)方便用戶選擇自己喜歡的歌曲類型，方便快捷。包括分類編號(hào)（ID）,歌曲名稱（name），歌曲類型編號(hào)（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)站測(cè)試將是最好的策略。在網(wǎng)站詳細(xì)設(shè)計(jì)完成之后，有必要對(duì)網(wǎng)站進(jìn)行測(cè)試。</p><p>　　測(cè)試之前需要先配置服務(wù)器，包括web服務(wù)器的安裝、啟動(dòng)和配置。將相應(yīng)的文件夾和數(shù)據(jù)庫文件拷貝至服務(wù)器上。</p>

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

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

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

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

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

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

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

122、更齊全，讓網(wǎng)頁看起來更好看。</p><p>　　5.4.5 后臺(tái)無制作留言板管理</p><p>　　在網(wǎng)站的后臺(tái)中由于時(shí)間和技術(shù)的限制，沒有制作一個(gè)關(guān)于前臺(tái)用戶的留言管理的界面，這樣導(dǎo)致了管理員無法及時(shí)了解用戶對(duì)網(wǎng)站的建議，及其用戶的需求，這需要我后續(xù)繼續(xù)學(xué)習(xí)和完善網(wǎng)站關(guān)于這部分的知識(shí)。</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] 李寶敏.動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與開發(fā)實(shí)用教程.北京市:清華大學(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ā)完全手冊(cè).北京：人民郵電出版社，2009<