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

1、江蘇信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 題目： 音樂網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 系 別： 物聯(lián)網(wǎng)工程學(xué)院 專 業(yè)： 計(jì)算機(jī)應(yīng)用技術(shù) 學(xué) 號(hào)： 1317023203 姓 名： 司馬蓓蕾 指導(dǎo)老師： 葉春 2015年12月20日摘要隨著計(jì)算機(jī)技術(shù)和Internet的不斷發(fā)展,網(wǎng)絡(luò)上不管是各類的大型游戲、小說電影還是各種網(wǎng)站都層出不窮。在當(dāng)今時(shí)代的潮流下，音樂已經(jīng)是生活中不可或缺的存在，人們也不在局限于從磁帶光碟中聽音樂，而是跟上潮流的腳步，也為了能讓音樂共享，音樂網(wǎng)站的存在是必不可少的。本系統(tǒng)采用VS2005作為系統(tǒng)開發(fā)工具，本系統(tǒng)對(duì)多種計(jì)算機(jī)語言的對(duì)比之后，采用的是C語言來作為這次系統(tǒng)的開發(fā)語言；由于本系統(tǒng)

2、是一個(gè)小型系統(tǒng)，所以我們以SQL Server 2005作后臺(tái)的數(shù)據(jù)支持，易于實(shí)現(xiàn)。關(guān)鍵詞： ASP.NET 音樂網(wǎng)站 B/SABSTRACT: With the continuous development of computer technology and Internet, the network whether it is a variety of large-scale games, novels, movies or websites are emerging. In the trend of the times, music is indispensable in life,

3、people are not confined to listen to music from a tape disc, but keep up with the pace of the trend, but also to allow the sharing of music, music website is essential. The system uses VS2005 as a system development tool, the system after a variety of advantages and disadvantages of the comparison,

4、the use of C# as the system development language; because the system is a small system, so we use Server SQL 2005 as the background data support, easy to achieve.KEY WORDS: ASP.NET Online Music sites B/S 目錄1 第一章1 1.1課題背景1 1.1.1系統(tǒng)現(xiàn)狀1 1.1.2系統(tǒng)要求2 1.2本課題的研究意義2 1.3相關(guān)技術(shù)介紹3 1.3.1瀏覽器/服務(wù)器模型3  ASP.Net技術(shù)的

5、介紹3  體系的運(yùn)轉(zhuǎn)情況和開發(fā)平臺(tái)42 系統(tǒng)分析5 2.1系統(tǒng)的可行性研究5 2.2 系統(tǒng)需求分析6 2.2.1用戶需求分析6 2.2.2系統(tǒng)設(shè)計(jì)目標(biāo)分析7 2.3系統(tǒng)功能模塊介紹7 2.3.1公用模塊8 2.3.2前臺(tái)系統(tǒng)功能9 2.3.3后臺(tái)系統(tǒng)功能93 數(shù)據(jù)庫設(shè)計(jì)10 4.1觀念布局設(shè)計(jì)11 4.2邏輯結(jié)構(gòu)設(shè)計(jì)12 4.3物理結(jié)構(gòu)設(shè)計(jì)124 系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)15 4.1系統(tǒng)工作原理介紹15 4.2層疊樣式文件 StyleSheet.css 16 4.3系統(tǒng)的實(shí)現(xiàn)算法17 數(shù)據(jù)庫操作及常用方法類 user.cs17 4.3.2歌曲的檢索過

6、程及詳細(xì)的實(shí)現(xiàn)17 4.3.4歌曲的收藏的實(shí)現(xiàn)205 系統(tǒng)主要模塊與頁面22 5.1系統(tǒng)注冊(cè)模塊22 5.2系統(tǒng)登錄模塊22 5.3音樂點(diǎn)播模塊23 5.4搜索歌曲模塊24 5.5留言板模塊25 5.6收藏夾模塊26 5.7后臺(tái)管理員操作模塊27總結(jié)30參考文獻(xiàn)31致謝321第一章1.1課題背景 1.1.1系統(tǒng)現(xiàn)狀 隨著互聯(lián)網(wǎng)的出現(xiàn)，網(wǎng)頁和網(wǎng)頁漸漸進(jìn)入我們的生活。各式各樣的網(wǎng)上信息，使互聯(lián)網(wǎng)與我們的生活緊緊相連。它突破了地方限制，真正地使信息得到共享，改變了我們的工作方式與生活方式。計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)和計(jì)算機(jī)的發(fā)展，我們對(duì)網(wǎng)絡(luò)的要求也日益增長(zhǎng)，平常在網(wǎng)上聽音樂又要及時(shí)下載下來，但是又占空間，比如那

7、日韓歌曲，下載了之后還要?jiǎng)h除，一點(diǎn)也不方便，而在線點(diǎn)歌系統(tǒng)改變了這一缺點(diǎn)。它的本身是一個(gè)音樂網(wǎng)站，用戶可以通過它方便、快捷地實(shí)現(xiàn)對(duì)音樂搜索和查找歌曲，并且可以實(shí)時(shí)試聽，將自己喜歡的歌曲加入收藏并隨時(shí)收聽。音樂已經(jīng)與我們的生活息息相關(guān)。古書上說：“是以聞其宮聲、使人溫良而寬大；聞其商聲，使人方廉而好義；聞其角聲，使人傾隱而仁愛；聞其微聲，使人樂養(yǎng)而好使；聞其羽聲，使人恭儉而好禮?！痹谛@里，面對(duì)煩重的校園學(xué)習(xí)生活，多變的校園情感生活，復(fù)雜的校園人際關(guān)系。學(xué)生們的心理多少存在著一些壓力，而各種具有神奇力量的音樂發(fā)揮了不可忽視的作用。為了能讓在校學(xué)習(xí)工作的人們能在適當(dāng)?shù)臅r(shí)候能感受音樂帶來的力量，能通

8、過音樂的平臺(tái)實(shí)現(xiàn)更多的交流和傾訴。我們意識(shí)到：一個(gè)具有交流平臺(tái)的音樂空間成為必要！許多高校還沒有一個(gè)與音樂主題相關(guān)的在線音樂平臺(tái)，即使少數(shù)高校已經(jīng)開始發(fā)布，但是大部分都是功能單一，設(shè)計(jì)簡(jiǎn)單，只能滿足同學(xué)們簡(jiǎn)單要求。針對(duì)此現(xiàn)狀，想要讓自己在線音樂系統(tǒng)能給更多的同學(xué)帶來服務(wù)，帶來方便，它必須具有更多的功能，使同學(xué)們能更方便地通過校內(nèi)網(wǎng)上來實(shí)現(xiàn)音樂欣賞，音樂共享，音樂聯(lián)系。1.1.2在線點(diǎn)歌對(duì)系統(tǒng)和用戶對(duì)在線點(diǎn)歌系統(tǒng)的要求在線音樂點(diǎn)播系統(tǒng)可以實(shí)現(xiàn)用戶對(duì)音樂的相關(guān)操作，以及管理員對(duì)網(wǎng)站的管理與操作。本網(wǎng)站可以實(shí)現(xiàn)以下的功能：為用戶設(shè)置相應(yīng)的登錄名和密碼；用戶可以更改密碼；用戶可以通過自己注冊(cè)的賬號(hào)與密

9、碼登陸本網(wǎng)站；本網(wǎng)站還提供音樂瀏覽；用戶可以分類瀏覽歌曲；用戶可以點(diǎn)播歌曲；用戶可以下載歌曲；用戶可以對(duì)點(diǎn)播過的歌曲進(jìn)行收藏；用戶可以在留言板上進(jìn)行留言；管理員還可以對(duì)網(wǎng)站注冊(cè)者進(jìn)行管理；管理員也可以對(duì)留言板進(jìn)行管理?？傊?，本網(wǎng)站設(shè)計(jì)的主要特點(diǎn)是對(duì)音樂的在線點(diǎn)播、下載功能，以及管理員添加、更改、刪除音樂、管理用戶等功能。1.2本課題的研究意義根據(jù)在線音樂點(diǎn)播系統(tǒng)的基本要求，本系統(tǒng)主要按照用戶的權(quán)限分為管理員和用戶兩大類。管理員負(fù)責(zé)系統(tǒng)的管理與維護(hù)；用戶具有瀏覽網(wǎng)頁、點(diǎn)播音樂和下載。目前網(wǎng)絡(luò)上的音樂大部分都存在著音樂共享與分類的難題，然而這些難題又是限制網(wǎng)絡(luò)上的音樂的關(guān)鍵問題。針對(duì)這些難題提出解

10、決方法，并且讓點(diǎn)歌網(wǎng)站成為娛樂以及搜索的歌曲，同時(shí)將“試聽”“收藏”這些功能發(fā)揮到極致，使我們的點(diǎn)歌系統(tǒng)做到真正的音樂智能化。 具體的來說，點(diǎn)歌系統(tǒng)主要關(guān)系到以下的幾個(gè)主要的方面：對(duì)歌手們的分類；對(duì)用戶的需求進(jìn)行個(gè)性化的服務(wù)，來根據(jù)對(duì)音樂不同的需求以及當(dāng)時(shí)音樂的流行來對(duì)用戶進(jìn)行服務(wù)。本次論文的主題就是為了改善這些難題，來滿足網(wǎng)友聽歌的真正的目的。這次主題研究意義有以下幾個(gè)方面： (1) 根據(jù)用戶的不同的需求來進(jìn)行服務(wù)。 (2) 使用戶對(duì)點(diǎn)歌系統(tǒng)的使用率提高。1.3相關(guān)技術(shù)介紹1.3.1瀏覽器/服務(wù)器模型從瀏覽器提交的請(qǐng)求通過Web服務(wù)器給應(yīng)用程

11、序服務(wù)器，由它調(diào)用相關(guān)的網(wǎng)頁應(yīng)用程序進(jìn)行處理，處理的結(jié)果由網(wǎng)頁交給Web服務(wù)器，Web服務(wù)器把這個(gè)網(wǎng)頁作為對(duì)請(qǐng)求的應(yīng)答發(fā)還給瀏覽器。 至于對(duì)提交的信息如何處理，就交由網(wǎng)站的開發(fā)人員編寫相關(guān)的網(wǎng)頁應(yīng)用程序來決定反饋到瀏覽器的內(nèi)容；如果需要對(duì)數(shù)據(jù)庫進(jìn)行訪問，開發(fā)人員還可以利用應(yīng)用程序服務(wù)器所提供的接口對(duì)其進(jìn)行訪問。 網(wǎng)頁內(nèi)容的動(dòng)態(tài)發(fā)布是Web應(yīng)用程序的主要實(shí)現(xiàn)方法，通常這種方法同服務(wù)器端提供的WWW服務(wù)技術(shù)密不可分。一般來說，在Internet服務(wù)器上可以通過多種途徑實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容的發(fā)布，最常見的技術(shù)包括CGI、ISAPI和ASP.Net等。 ASP.Net技術(shù)簡(jiǎn)介AS

12、P.net是目前最主流的網(wǎng)絡(luò)編程技術(shù)之一，它是Microsoft公司退出的Web應(yīng)用程序開發(fā)技術(shù)。ASP.net不同于ASP技術(shù)，它是一個(gè)用于Web開發(fā)的全新框架 。ASP.net是一個(gè)統(tǒng)一的Web開發(fā)模型，它包含開發(fā)者使用盡可能少的代碼生成企業(yè)級(jí)Web應(yīng)用程序所需的各種服務(wù)。ASP.net作為.NET框架的一部分提供。當(dāng)開發(fā)者編寫ASP.net應(yīng)用程序代碼時(shí)，可以訪問.NET框架類庫中的各種功能。ASP.net提供了非常強(qiáng)大的功能，它有很多的特色和優(yōu)勢(shì)，這些優(yōu)點(diǎn)使越來越多的開發(fā)者希望使用ASP.net技術(shù)進(jìn)行網(wǎng)絡(luò)開發(fā)。（1） 與瀏覽器無關(guān)ASP.net生成的代碼遵循W3C標(biāo)準(zhǔn)化組織

13、推薦的XHTML標(biāo)準(zhǔn)，開發(fā)者只需要設(shè)計(jì)一次頁面，就可以讓該頁以完全相同的方式顯示、工作在任何瀏覽器上。（2） 方便設(shè)置斷點(diǎn)、易于調(diào)試調(diào)試一直是程序開發(fā)者頭痛的一件事，好的調(diào)試工具能夠使程序調(diào)試達(dá)到事半功倍的效果。由于使用Web服務(wù)器不受IDE約束，因此提供了跟蹤調(diào)試的功能，非常方便代碼的找錯(cuò)。（3） 編譯后執(zhí)行，運(yùn)行效率高代碼編譯是指將代碼“翻譯”成機(jī)器語言，但是在ASP.net中并未直接編譯成機(jī)器語言，而是先編譯成微軟中間語言MSIL，然后由即時(shí)編譯器JIT進(jìn)一步編譯成機(jī)器語言。編譯好的代碼再次運(yùn)行時(shí)不需要重新編譯，而是直接使用，這極大的提高了Web應(yīng)用程序的性能。（4） 豐富的控件庫如果要

14、在JSP中實(shí)現(xiàn)一個(gè)樹形導(dǎo)航菜單，就需要很多行的代碼，但是在ASP.net中，程序開發(fā)者可以直接使用控件來完成，這樣就節(jié)省了大量開發(fā)時(shí)間。內(nèi)置的控件可以幫助開發(fā)者實(shí)現(xiàn)許多功能，從而取得減少代碼量的效果。（5） 代碼后置，使代碼更清晰ASP.net采用了代碼后置技術(shù)，將Web窗體頁面的控件與程序邏輯代碼分開保存，這樣不僅使代碼更加清晰，而且有利于開發(fā)者閱讀和維護(hù)。 網(wǎng)站運(yùn)行環(huán)境與開發(fā)平臺(tái)Visual Studio2008是Microsoft公司的開發(fā)環(huán)境，也是是目前最流行的 Windows 平臺(tái)的開發(fā)環(huán)境。目前已經(jīng)開發(fā)到 Visual S

15、tudio 2010。Visual Studio 用來創(chuàng)建 Windows 平臺(tái)下的 Windows 應(yīng)用程序與windows網(wǎng)絡(luò)應(yīng)用程序，也可以用來創(chuàng)建網(wǎng)絡(luò)服務(wù)與智能設(shè)備應(yīng)用程序。 借助 Visual Studio 2008，采集信息與分析信息會(huì)變得更為簡(jiǎn)便快捷，業(yè)務(wù)決策也會(huì)變得更加有效。我們以任何一種形式都可以用 Visual Studio 2005來 快速地創(chuàng)建，能夠利用 Windows Vista 和

16、0;2008 Office system 的更加安全、更加容易管理并且更加可靠的應(yīng)用程序。  開發(fā)人員能夠使用這些框架來輕松地構(gòu)建以客戶的需求為中心的 應(yīng)用程序，這些Web應(yīng)用程序可以集合所有數(shù)據(jù)提供程序服務(wù)、在任何的瀏覽器上運(yùn)行并且訪問 ASP.NET的 應(yīng)用程序和 Microsoft 的平臺(tái)。2 系統(tǒng)分析2.1系統(tǒng)的可行性研究在線點(diǎn)歌系統(tǒng)是利用創(chuàng)建的服務(wù)器與用戶之間交互的一個(gè)系統(tǒng)應(yīng)用，這個(gè)系統(tǒng)在計(jì)算機(jī)技術(shù)方面主要使用的軟件有VS 2005和SQL Server2005來進(jìn)行開發(fā)和研究，而這些軟件早已被

17、我們熟知。 這個(gè)系統(tǒng)可以讓用戶查找歌曲并且試聽歌曲，同時(shí)也可以讓用戶與自己的好友分享自己的喜歡歌曲。大大地滿足了對(duì)用戶的人性化，這些優(yōu)點(diǎn)將會(huì)吸引大部分的用戶對(duì)系統(tǒng)的興趣。本系統(tǒng)操作簡(jiǎn)單，用戶只要登錄網(wǎng)站，就會(huì)使用，只要懂得上網(wǎng)的用戶都能對(duì)本系統(tǒng)操作地游刃有余。 對(duì)于我們建立的網(wǎng)站，它具備以下幾個(gè)特點(diǎn)：   網(wǎng)站的實(shí)用性：可以在網(wǎng)絡(luò)上聽歌。不在局限于從前的光盤CD；   網(wǎng)站操作簡(jiǎn)單：沒有不可以使用的人，適用范圍廣泛，并且系統(tǒng)簡(jiǎn)單明了。   網(wǎng)站的代碼簡(jiǎn)單：本系統(tǒng)所有涉及到的代碼都是運(yùn)用

18、ASP.NET進(jìn)行編寫的，簡(jiǎn)潔易懂。 在線音樂網(wǎng)站系統(tǒng)的建立在本網(wǎng)站上得到了充分地體現(xiàn)，圖2-1是本網(wǎng)站的應(yīng)用框架圖Internet上的用戶數(shù)據(jù)庫在線點(diǎn)歌系統(tǒng)系統(tǒng)服務(wù)器internet圖2-1系統(tǒng)應(yīng)用框架圖在調(diào)查的基礎(chǔ)上，我們分析了音樂網(wǎng)站建立的可行性與實(shí)用性，得出結(jié)論：開發(fā)音樂網(wǎng)站的建立是大勢(shì)所趨。2.2 系統(tǒng)需求分析2.2.1用戶需求分析隨著Internet在世界范圍內(nèi)的快速發(fā)展，在日新月異的21世紀(jì)，人們已經(jīng)不在停留在用CD,DVD等工具來享受音樂。在現(xiàn)代，高科技的快速發(fā)展，人們都在緊跟時(shí)代的變化，人們生活節(jié)奏越來越快，生活質(zhì)量越來越追求高品質(zhì)。更多的人會(huì)使用音樂軟件

19、來聽音樂。建立時(shí)尚又便捷的音樂網(wǎng)站可以讓更多的人享受到音樂。從前的光盤，CD存在著局限性，人們只能通過不斷的購買才能聽到自己喜歡的歌曲。費(fèi)時(shí)又費(fèi)錢現(xiàn)在通過建設(shè)音樂網(wǎng)站，人們可以透過這個(gè)網(wǎng)站及時(shí)了解到最新的音樂資訊，歌曲的更新也能在第一時(shí)間收到。所以音樂網(wǎng)站的建立是大勢(shì)所趨。2.2.2系統(tǒng)設(shè)計(jì)目標(biāo)分析本系統(tǒng)主要功能如下： 用戶通過注冊(cè)用戶 初步了解到它的基本信息和內(nèi)容。 頁面之間的跳轉(zhuǎn)可以通過超級(jí)鏈接來實(shí)現(xiàn)，這樣做不但提高了瀏覽的效率也更加便捷。  進(jìn)入系統(tǒng)后，系統(tǒng)判斷用戶等級(jí)權(quán)利的高低選擇讓其進(jìn)入符合身份的界面，這樣實(shí)現(xiàn)個(gè)性化與自適應(yīng)性的用戶權(quán)

20、限特征。2.3系統(tǒng)功能模塊介紹在分析系統(tǒng)的前提下，考察當(dāng)前所處的系統(tǒng)環(huán)境，結(jié)合用戶的意見建議，我們建立的功能模塊的結(jié)構(gòu)組成圖，這個(gè)模塊劃分為了四層，各個(gè)結(jié)構(gòu)之間緊緊相扣，共同構(gòu)建成了在線點(diǎn)歌系統(tǒng)。具體功能模塊如圖2-2所示。 在線音樂點(diǎn)播系統(tǒng) 用戶管理模塊留言板模塊推薦歌曲管理留言板管理模塊歌曲管理模塊用戶中心模塊音樂推薦模塊音樂下載模塊音樂搜索模塊音樂分類模塊音樂收藏模塊音樂點(diǎn)播模塊登錄模塊注冊(cè)模塊 管理員普通用戶圖2-2系統(tǒng)功能模塊 （1）普通用戶注冊(cè)模塊：此模塊要求所用本系統(tǒng)的使用人員必須首先進(jìn)行注冊(cè)，成為本系統(tǒng)的合法用戶。用戶在注冊(cè)模塊主要完成：用戶名、登錄密碼、性別、安全提示問題、回

21、答等基本信息的填寫。要求用戶名不可以重復(fù)。登錄模塊：此模塊包括用戶登錄和檢查登錄信息，主要功能是驗(yàn)證輸入的用戶名、密碼是否合法、是否為本系統(tǒng)管理員。要求當(dāng)輸入有誤時(shí)給出友好性提示。音樂點(diǎn)播模塊：此模塊為用戶提供播放音樂的功能，當(dāng)用戶選定需要試聽的歌曲后，點(diǎn)擊播放即可進(jìn)行試聽。音樂搜索模塊：此模塊的功能是方便用戶在大量歌曲中快速準(zhǔn)確的找到自己需要的歌曲信息。當(dāng)用戶所搜索的歌曲不存在時(shí)給出相應(yīng)的提示。音樂下載模塊：此模塊的功能是方便用戶將自己感興趣的歌曲保存到自己的計(jì)算機(jī)上。音樂收藏模塊：此模塊主要是方便用戶下次登錄后可以繼續(xù)試聽以往選定的歌曲，以便減少再次搜索選定歌曲的時(shí)間。音樂分類模塊：此模塊

22、的功能是方便用戶按照歌曲分類查詢歌曲列表中的歌曲信息，例如“經(jīng)典老歌”、“網(wǎng)絡(luò)紅歌”、“歐美流行”。音樂推薦模塊：此模塊的功能是當(dāng)用戶有喜歡的歌曲而本系統(tǒng)中沒有相應(yīng)歌曲是，用戶可以向本系統(tǒng)的管理員推薦該歌曲。留言板模塊：提供用戶交流、討論的平臺(tái)。用戶中心模塊：此模塊的功能是用戶修改自己的密碼和查看自己的收藏夾，刪除收藏夾中不喜歡的歌曲。（2）管理員歌曲管理模塊：此模塊的功能是管理員對(duì)歌曲信息進(jìn)行更改、刪除歌曲、添加歌曲，添加歌手信息。留言板管理模塊：管理人員可以查看用戶的留言也可以選擇其言論的去留。推薦歌曲管理模塊：此模塊的功能是管理員查看用戶推薦的歌曲，為更新歌曲庫提供參考，刪除用戶推薦的歌

23、曲。用戶管理模塊：此模塊的功能是管理員查看本系統(tǒng)的所有用戶，刪除用戶，指定本系統(tǒng)的管理員。根據(jù)能做到的功效不同和可以執(zhí)行權(quán)限的范圍不同，將在線音樂網(wǎng)站系統(tǒng)分為三個(gè)主要的功能模塊：公共模塊、前臺(tái)系統(tǒng)功能模塊和后臺(tái)系統(tǒng)功能模塊。2.3.1公用模塊這個(gè)模塊屬于大家都可以通用的部門，系統(tǒng)中只要需要它的都可以直接運(yùn)用沒有束縛。此模塊包括數(shù)據(jù)庫連接操作、CSS樣式文件、母版頁、常用方法類。此模塊負(fù)責(zé)與數(shù)據(jù)庫的連接，將系統(tǒng)經(jīng)常使用的功能代碼封裝成一個(gè)類，以及統(tǒng)一整個(gè)系統(tǒng)的風(fēng)格。Key6i建立一個(gè)新的文件夾，然后將公用的代碼放進(jìn)去，這樣不單可以縮減源代碼，也可以讓整個(gè)系統(tǒng)更加完美無缺。2.3.2前臺(tái)系統(tǒng)功能模

24、塊該系統(tǒng)注冊(cè)成功的受各種法律保護(hù)的用戶可以指使前臺(tái)系統(tǒng)功能模塊，可以為這個(gè)系統(tǒng)的合法用戶供應(yīng)各類服務(wù)，主要包括：用戶進(jìn)入；音樂分類瀏覽；音樂搜索；查看收藏夾；音樂推薦；用戶注冊(cè)；更改密碼；留言板；音樂點(diǎn)播；音樂下載；音樂收藏。前臺(tái)系統(tǒng)功能模塊圖如圖2-3所示。圖2-3前臺(tái)系統(tǒng)功能模塊圖2.3.3后臺(tái)系統(tǒng)功能模塊該系統(tǒng)的管理人員操控著后臺(tái)系統(tǒng)功能模塊，主要功效是管理人員對(duì)該系統(tǒng)進(jìn)行維修維護(hù)和管理，主要包括：用戶管理；歌曲管理；留言板管理；推薦歌曲管理。后臺(tái)系統(tǒng)功能模塊圖如圖2-4所示。圖2-4后臺(tái)系統(tǒng)功能模塊圖2.4小結(jié) 本章主要剖析了每一個(gè)組成部件，給出了實(shí)體的邏輯設(shè)計(jì)內(nèi)容。系統(tǒng)主要

25、描繪了每個(gè)部件所做的工作，創(chuàng)造的方法以及對(duì)應(yīng)的計(jì)劃戰(zhàn)術(shù)。本章用了以小見大的方式從整體的角度出發(fā)，描繪了整個(gè)系統(tǒng)的架構(gòu)和它需要完成的工作。系統(tǒng)中運(yùn)用的各種各樣的理論依據(jù)為后面內(nèi)容整體的實(shí)現(xiàn)做了鋪墊。3 數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)庫設(shè)計(jì)是指滿足用戶信息處理的各種需要的前提下，在某個(gè)看得見的數(shù)據(jù)庫管理系統(tǒng)上，創(chuàng)造最好的數(shù)據(jù)庫模型。3.1概念結(jié)構(gòu)設(shè)計(jì)在本系統(tǒng)中涉及到五個(gè)實(shí)體，即用戶、推薦歌曲、留言、歌曲、歌手，其中用戶和歌曲、用戶和推薦歌曲是多對(duì)多關(guān)系，用戶和留言、歌手和歌曲是一對(duì)多關(guān)系。本系統(tǒng)的全局ER圖如圖3-1所示。圖3-1系統(tǒng)ER模型圖3.2邏輯結(jié)構(gòu)設(shè)計(jì)由ER圖分析得到如下的關(guān)系模式：用戶關(guān)系模

26、式：用戶（用戶名、密碼、性別、是否管理員、密碼保護(hù)問題、回答）歌曲關(guān)系模式：歌曲（歌曲、歌手、點(diǎn)擊量、分類、介紹、播放地址、時(shí)間、語言）歌手關(guān)系模式：歌手（歌手、年齡、性別、簡(jiǎn)介、照片）收藏夾關(guān)系模式：收藏（編號(hào)、收藏人、收藏歌曲名）推薦歌曲關(guān)系模式：推薦（歌曲、歌手、推薦人）留言相關(guān)模式：需要說的話（號(hào)碼、說話的人、留下的內(nèi)容、講話的時(shí)間）3.3物理結(jié)構(gòu)設(shè)計(jì)使用SQL Server 2005重新創(chuàng)立一個(gè)數(shù)據(jù)庫，它的姓名叫做Music。Music數(shù)據(jù)庫中包含的數(shù)據(jù)表及其相應(yīng)功能如表3-2所示。表3-2數(shù)據(jù)表及其功能數(shù)據(jù)表功能Users存放系統(tǒng)用戶信息Song存放歌曲信息Singer存放歌手信息

27、Msave存放用戶收藏夾信息lovesong存放用戶推薦歌曲信息leavemsg存放留言板信息(1）用戶表Users在數(shù)據(jù)庫中建立用戶表，用戶表包括了用戶的用戶名、密碼、性別、是否為管理員、密碼保護(hù)提示問題、回答等信息。name為主鍵。詳見表3-2用戶表。表3-2用戶信息表Users 列 名數(shù)據(jù)類型可否為空說 明namenvarchar(50)Not null用戶名ppasswordvarchar(50)Not null密碼Questvarchar(50)Not null密碼保護(hù)提示問題Answervarchar(50)NULL回答issuperbitNULL是否為管理員（默認(rèn)false）se

28、xchar(2)NULL回客（2）歌曲表Song在數(shù)據(jù)庫中建立歌曲表，用戶表包括了編號(hào)、歌曲名、歌手名、點(diǎn)擊次數(shù)、歌曲分類、歌曲介紹、播放地址、歌曲時(shí)間、歌曲語言。Sname為主鍵，Singer為外鍵。詳見表3.3歌曲表。表3.3歌曲信息表Song列 名數(shù)據(jù)類型可否為空說 明Snamenvarchar(50)NOT NULL歌曲名Singernvarchar(50)NOT NULL歌手名hitsInt（）NULL點(diǎn)擊次數(shù)Classvarchar(50)NOT NULL歌曲分類Descrvarchar(1000) NOT NULL歌曲介紹playurlnvarchar(100)NOT NULL播

29、放地址Timevarchar(50) NULL歌曲時(shí)間songlanguagevarchar(50)NULL歌曲語言（3）歌手表Singer在數(shù)據(jù)庫中，歌手表的建立，用戶表包括了歌手的名字、年齡、男女、簡(jiǎn)單介紹、相片。Singer是主要的關(guān)鍵因素。詳見表3.4歌手表。表3.4歌手信息表Singer 列 名 數(shù)據(jù)類型可否為空說 明Singernvarchar(50) NOT NULL歌手名ageint NULL年齡sexchar(2)NULL性別Ifonvarchar(500)NULL簡(jiǎn)介imagevarchar(50)NULL照片（4)收藏歌曲表Msave在數(shù)據(jù)庫里建立一個(gè)收藏歌曲表，其中字段

30、包括編號(hào)、收藏人、收藏歌曲名。其中Sname, name為主鍵，name為外鍵。詳見表3.5收藏歌曲表。表3.5收藏歌曲表Msave 列 名數(shù)據(jù)類型可否為空說 明IDint NOTNULL自動(dòng)編號(hào)namenvarchar(50) NOTNULL用戶名Snamevarchar(50)NOTNULL歌名(5)推薦歌曲表lovesong在數(shù)據(jù)庫里建立一個(gè)推薦歌曲表，其中字段包括歌曲名、歌手名、推薦人。其中sname,singer,name為主鍵，name為外鍵。詳見表3.6推薦歌曲表。表3.6推薦歌曲表lovesong列 名數(shù)據(jù)類型可否為空說 明snamevarchar(50) NOTNULL歌曲s

31、singervarchar(50)NOTNULL歌手namevarchar(50) NOTNULL推薦人(6)留言表leavemsg在數(shù)據(jù)庫里建立一個(gè)留言表，其中字段包括編號(hào)、留言人、留言內(nèi)容、留言時(shí)間。其中ID為主鍵，name為外鍵。詳見表3.7留言表。表3.7留言表leavemsg 列 名數(shù)據(jù)類型可否為空說 明IDint NOTNULL自動(dòng)編號(hào)namenvarchar(50)NOTNULL留言人wordnvarchar(1000)NOTNULL內(nèi)容 ttimedatetimeNOTNULL留言時(shí)間4 系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)本節(jié)主要是對(duì)整個(gè)系統(tǒng)的界面和訪問數(shù)據(jù)庫進(jìn)行詳細(xì)設(shè)計(jì)，使整個(gè)系統(tǒng)

32、能夠較好、較完整的實(shí)現(xiàn)目標(biāo)功能。4.1系統(tǒng)工作原理介紹 本系統(tǒng)采用B/S 也就是瀏覽器/服務(wù)器與基于Web服務(wù)兩個(gè)形式，這是一個(gè)適用于Internet環(huán)境下的結(jié)構(gòu)模型。只要用戶能夠連接上網(wǎng)絡(luò),就可以在不同時(shí)間不同地點(diǎn)來運(yùn)行。系統(tǒng)工作原理圖如圖4-1所看到的那樣： 系統(tǒng)服務(wù)器客戶端 請(qǐng)求 回發(fā)數(shù)據(jù)庫 驗(yàn)證 傳送 圖4-1系統(tǒng)工作原理 系統(tǒng)工作的流程包含以下一些關(guān)鍵細(xì)節(jié)： (1)用戶注冊(cè)。任意一個(gè)用戶使用系統(tǒng)前必須先進(jìn)行注冊(cè)，系統(tǒng)會(huì)收到用戶發(fā)進(jìn)去的信息。 (2)用戶登陸。用戶輸入自己的用戶名和密碼和驗(yàn)證碼之后，系統(tǒng)會(huì)檢查沒有問題就表示成功地進(jìn)入系統(tǒng)，如若錯(cuò)誤就無法進(jìn)入。

33、0;(3)個(gè)人收藏。系統(tǒng)根據(jù)用戶不同的興趣愛好，可以自由地選擇自己喜愛的歌曲。 (4)在線瀏覽。這是用戶使用該系統(tǒng)最主要的地方，你要看哪個(gè)內(nèi)容，你就點(diǎn)哪個(gè)內(nèi)容，它自帶超鏈接功能，系統(tǒng)會(huì)刷新用戶的行為，并且顯示用戶所需要的內(nèi)容。 (5)搜索。為用戶簡(jiǎn)化了尋找的步驟，可以更直接、直觀的讓用戶尋找到自己想要的音樂，只需要輸入關(guān)鍵詞即可。 以上各個(gè)環(huán)節(jié)環(huán)環(huán)相扣，對(duì)用戶在網(wǎng)頁上的每一個(gè)操作，系統(tǒng)都會(huì)自動(dòng)讀取數(shù)據(jù)并且更新語句。 4.2層疊樣式文件 StyleSheet.css .modalBackground /彈出模態(tài)窗口時(shí)窗口背景 filter:alp

34、ha(opacity=70); opacity:0.7;.modalPopup /彈出模態(tài)窗口的樣式 border-style:hidden; padding:0px;width:0px;當(dāng)需要引用時(shí)在引用頁添加<link href="StyleSheet.css" rel="stylesheet"/>即可。4.3系統(tǒng)的實(shí)現(xiàn)算法數(shù)據(jù)庫操作及常用方法類 user.cs系統(tǒng)中幾乎所有頁面都要進(jìn)行數(shù)據(jù)庫的操作，多個(gè)頁面有時(shí)會(huì)多次使用同一方法，因此把數(shù)據(jù)庫操作代碼和常用方法的代碼保存在頁面user.cs中，可以避免重復(fù)編程。user.cs在如下方法類

35、中集中了常用的方法。其中主要包括了：數(shù)據(jù)庫連接、留言、檢查歌曲是否已被收藏、收藏歌曲、檢查歌曲是否已被推薦、推薦歌曲、從數(shù)據(jù)庫檢驗(yàn)用戶登錄、選擇播放全部歌曲 取消播放全部歌曲、獲取播放地址、獲取播放列表、搜索歌曲、添加歌曲、從數(shù)據(jù)庫檢驗(yàn)用戶登錄、從數(shù)據(jù)庫取出用戶權(quán)限、驗(yàn)證用戶名是否已存在、注冊(cè)用戶 、增加點(diǎn)擊量。4.3.2歌曲的檢索過程及詳細(xì)的實(shí)現(xiàn) 歌曲搜索主要是從三方面進(jìn)行查找，一是根據(jù)歌曲名稱，二是根據(jù)歌手姓名，三是根據(jù)專輯名稱。 檢索最重要的步驟就是要明白數(shù)據(jù)從什么地方來，怎么把它找出來，又是如何讓在找出來的情況下把內(nèi)容完整的反映給用戶看。由于已經(jīng)判斷過用戶所輸入的搜索條件是否

36、已經(jīng)存在于綁定的歌曲信息列表中，所以在執(zhí)行此命令時(shí)只需要直接調(diào)用過程重新捆綁歌曲信息列表就可以了，具體算法如下： (1)  用戶選取搜索內(nèi)容，如歌曲名、歌手名，并進(jìn)行提交；(2) 從提交列表中提取數(shù)據(jù)，并進(jìn)行相應(yīng)判斷； (3) 將結(jié)果顯示給用戶； (4) 結(jié)束；圖4-2搜索流程圖部分具體代碼如下：public void search(TextBox TextBox1,GridView GridView1)/搜索歌曲 string Sname = TextBox1.Text.Trim(); SqlConnection myco

37、nn = mconn(); myconn.Open(); string sqlStr = "select Song.Sname, Song.Singer, Song.hits, Song.Time, Song.Descr, Song.Class, Song.songlanguage, Singer.image, Singer.age, Singer.sex, Singer.Ifo ,Song.playurl FROM Song INNER JOIN Singer ON Song.Singer = Singer.Singer where Sname=Name"SqlComma

38、nd myCmd = new SqlCommand(sqlStr, myconn);(NVarChar, 50).Value = Sname; SqlDataAdapter myDa = new SqlDataAdapter(myCmd); DataSet myDs = new DataSet(); GridView1.DataSourceID = null; GridView1.DataSource = myDs; GridView1.DataBind(); else TextBox1.Text = "沒有相關(guān)記錄！" myDa.Dispose(); myDs.Dispo

39、se(); myconn.Close(); 4.3.3歌曲試聽本系統(tǒng)中的另外一個(gè)主要功能就是試聽功能，當(dāng)遇到想試聽的歌曲時(shí)，用戶就可以按試聽鍵試聽。在客戶軟件中播放。步驟如下所示： (1) 用戶需要點(diǎn)擊要試聽的歌曲；  (2) 系統(tǒng)在網(wǎng)絡(luò)中查找當(dāng)前歌曲；  (3)  系統(tǒng)在網(wǎng)絡(luò)中獲得地址后，開始播放；  (4) 結(jié)束。 圖4-3試聽算法流程圖歌曲的收藏的實(shí)現(xiàn)本系統(tǒng)中還有一個(gè)重要的部分就是收藏功能，當(dāng)用戶想要收聽歌曲時(shí)，用戶可以試聽，同時(shí)在客戶端中隨意播放，如果碰到自己特別喜愛的歌曲還可以選擇把歌

40、放入你的收藏夾。主要步驟如下： (1)  用戶想要聽哪首歌就可以點(diǎn)那首歌。  (2) 系統(tǒng)查找當(dāng)前歌曲的ID  (3) 系統(tǒng)查找當(dāng)前用戶ID (4)  這個(gè)系統(tǒng)存在于數(shù)據(jù)庫中的一個(gè)根目錄下，正在進(jìn)行著身份的認(rèn)證(5) 結(jié)束。圖4-4收藏算法流程圖主要代碼如下：public void save(string sname, string User)/收藏歌曲 DateTime Dtime = System.DateTime.Now; SqlConnection myconn = mconn(); myconn

41、.Open(); string sqlStr = "INSERT INTO Msave(name, Sname) VALUES ( name, Sname)" SqlCommand myCmd = new SqlCommand(sqlStr, myconn); (VarChar, 50).Value = User ; (VarChar, 50).Value = sname; myCmd.ExecuteNonQuery(); myconn.Close();5 系統(tǒng)主要模塊與頁面為了使在線音樂點(diǎn)播系統(tǒng)的結(jié)構(gòu)清晰、代碼規(guī)范簡(jiǎn)單，這里把系統(tǒng)中重復(fù)使用的方法的代碼寫在一個(gè)類中，當(dāng)需要

42、的時(shí)候直接調(diào)用即可。同時(shí)為了使整個(gè)系統(tǒng)具有統(tǒng)一的風(fēng)格，使用了兩個(gè)母版頁和一個(gè)CSS樣式文件。系統(tǒng)中幾乎所有頁面都要進(jìn)行數(shù)據(jù)庫的操作，多個(gè)頁面有時(shí)會(huì)多次使用同一方法，因此把數(shù)據(jù)庫操作代碼和常用方法的代碼保存在頁面user.cs中，可以避免重復(fù)編程。為了使整個(gè)系統(tǒng)頁面布局統(tǒng)一，分別在用戶操作模塊和管理員操作模塊個(gè)建立了一個(gè)母版頁，母版頁中主要是使用table表格對(duì)網(wǎng)頁進(jìn)行布局。在其它頁面只要添加MasterPageFile="/MasterPage.master"即可引用該母版頁。5.1系統(tǒng)注冊(cè)模塊在普通用戶成為本系統(tǒng)的用戶之前需要通過注冊(cè)才能使用本系統(tǒng)，本系統(tǒng)的注冊(cè)界面如圖5

43、.1所示。填好內(nèi)容以后，用戶點(diǎn)擊“注冊(cè)”按鈕，如果沒有跳出其他提示信息表示你已注冊(cè)成功，接著點(diǎn)擊“退出”按鈕，返回到初始的登錄頁面。圖5-1在線音樂網(wǎng)站系統(tǒng)的系統(tǒng)注冊(cè)界面5.2系統(tǒng)登錄模塊打開系統(tǒng)后首先進(jìn)入的使登錄模塊進(jìn)行登錄。輸入用戶名、密碼，點(diǎn)擊“登錄系統(tǒng)”按鈕，如果用戶名及密碼正確，則進(jìn)入本系統(tǒng)的歌曲首頁或管理員首頁，如果如果用戶名及密碼不正確，則給出"用戶名或密碼不正確！"的提示。登錄模塊如圖5-2所示圖5-2在線音樂網(wǎng)站系統(tǒng)的系統(tǒng)登錄界面5.3音樂點(diǎn)播模塊用戶登錄后進(jìn)入音樂首頁，可以進(jìn)行音樂點(diǎn)播。這個(gè)功能的達(dá)到用到的GridView控件，顯示數(shù)據(jù)庫中歌曲信息是它的

44、目的；同時(shí)用到了SqlDataSource控件，從數(shù)據(jù)庫中盤查出歌曲的消息是它的目的。并且根據(jù)歌曲的種類分為了：經(jīng)典老歌、流行音樂、網(wǎng)絡(luò)紅歌、歐美流行四個(gè)曲種。音樂點(diǎn)播模塊如圖5.3所示。如果用戶在沒有選擇歌曲之前點(diǎn)擊了播放按鈕，系統(tǒng) 會(huì)給出提示“請(qǐng)選擇要播放的歌曲！”如圖5-3所示圖5-3在線音樂網(wǎng)站系統(tǒng)的音樂點(diǎn)播界面主要代碼： string songlist=play.play(this.GridView1); /獲取播放列表 if (songlist=string.Empty)/如果未選擇歌曲 RegisterStartupScript(this.UpdatePanel1, this.G

45、etType(), "unReport", "alert('請(qǐng)選擇要播放的歌曲！');", true); else songlist = songlist.Substring(0, songlist.Length - 1); RegisterStartupScript(this.UpdatePanel1, this.GetType(), "unReport", "window.open('play/play.aspx?songlist="+songlist+ "','

46、;','hight=100,width=500,top=0,left=0,resizable=1, ", true);/轉(zhuǎn)到播放頁面 5.4搜索歌曲模塊用戶如果想要快速的查詢某一歌曲，可以使用搜索功能。輸入歌曲名稱后，單擊“搜索“按鈕即可！主要代碼： (Text.Trim() = "") /如果輸入為空RegisterStartupScript(this.UpdatePanel1, this.GetType(), "unReport", "alert('請(qǐng)選擇要查詢的歌曲！');", true

47、); else play.search(this.TextBox1, this.GridView1);/搜索歌曲 5.5留言板模塊用戶登錄系統(tǒng)后可以進(jìn)入留言板進(jìn)行留言。輸入留言內(nèi)容后，點(diǎn)擊“提交留言”即可完成留言。留言板模塊如圖5-4所示。圖5-4 在線音樂網(wǎng)站系統(tǒng)的留言板主界面主要代碼： User msg = new User(); string name=Session "User". (ToString);/留話的人 string word=txtcontent .Text .Trim ();/留言內(nèi)容 msg.addmsg(name, word); Response

48、.Redirect("message.aspx"); 5.6收藏夾模塊進(jìn)入系統(tǒng)后，點(diǎn)擊“用戶中心”按鈕，進(jìn)入用戶中心界面，單擊“我的收藏”按鈕，用戶可以進(jìn)入自己的收藏夾查看自己收藏的歌曲，并可以試聽和從收藏夾刪除，當(dāng)用戶從收藏夾刪除歌曲時(shí)系統(tǒng)會(huì)給出提示如圖5-5所示，單擊“確定”按鈕即可刪除。收藏夾模塊如圖5-6所示圖5-6 在線音樂網(wǎng)站系統(tǒng)的我的收藏界面圖5-5 在線音樂網(wǎng)站系統(tǒng)的我的收藏界面主要代碼：CausesValidation="False" CommandName="Delete"></asp:Button>/省略按鈕5.7后臺(tái)管理員操作模塊admin.aspx是管理員的管理頁面，管理員用它來管理系統(tǒng)信息。當(dāng)管理員成功登錄后，系統(tǒng)會(huì)自動(dòng)轉(zhuǎn)向該頁面。該頁面只對(duì)管理員用戶開放，該頁面設(shè)置了“用戶信息”、“歌曲信息”、“留言板信息”和“推薦歌曲“按鈕用以鏈接到相應(yīng)頁面。管理員登錄后訪問該頁面，可以單擊相應(yīng)鏈接，進(jìn)入相應(yīng)頁面。管理員可以單擊“注銷”鏈接，退出登錄狀態(tài)。頁面顯示效果如圖5-7所示。圖5-7在線音樂網(wǎng)站系統(tǒng)的管理員界面單擊“用戶信息“按鈕