音樂網站的設計與實現

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

2、是一個小型系統(tǒng)，所以我們以SQL Server 2005作后臺的數據支持，易于實現。關鍵詞： ASP.NET 音樂網站 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)現狀1 1.1.2系統(tǒng)要求2 1.2本課題的研究意義2 1.3相關技術介紹3 1.3.1瀏覽器/服務器模型3 1.3.2ASP.Net技術的介

5、紹3 1.3.3體系的運轉情況和開發(fā)平臺42 系統(tǒng)分析5 2.1系統(tǒng)的可行性研究5 2.2系統(tǒng)需求分析6 2.2.1用戶需求分析6 2.2.2系統(tǒng)設計目標分析7 2.3系統(tǒng)功能模塊介紹7 2.3.1公用模塊8 2.3.2前臺系統(tǒng)功能9 2.3.3后臺系統(tǒng)功能93數據庫設計10 4.1觀念布局設計11 4.2邏輯結構設計12 4.3物理結構設計124系統(tǒng)詳細設計與實現15 4.1系統(tǒng)工作原理介紹15 4.2層疊樣式文件 StyleSheet.css16 4.3系統(tǒng)的實現算法17 4.3.1數據庫操作及常用方法類 user.cs17 4.3.2歌曲的檢索過程及詳細的實現17 4.3.4歌曲的收藏的

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

7、，而在線點歌系統(tǒng)改變了這一缺點。它的本身是一個音樂網站，用戶可以通過它方便、快捷地實現對音樂搜索和查找歌曲，并且可以實時試聽，將自己喜歡的歌曲加入收藏并隨時收聽。音樂已經與我們的生活息息相關。古書上說：“是以聞其宮聲、使人溫良而寬大；聞其商聲，使人方廉而好義；聞其角聲，使人傾隱而仁愛；聞其微聲，使人樂養(yǎng)而好使；聞其羽聲，使人恭儉而好禮。”在校園里，面對煩重的校園學習生活，多變的校園情感生活，復雜的校園人際關系。學生們的心理多少存在著一些壓力，而各種具有神奇力量的音樂發(fā)揮了不可忽視的作用。為了能讓在校學習工作的人們能在適當的時候能感受音樂帶來的力量，能通過音樂的平臺實現更多的交流和傾訴。我們意識

8、到：一個具有交流平臺的音樂空間成為必要！許多高校還沒有一個與音樂主題相關的在線音樂平臺，即使少數高校已經開始發(fā)布，但是大部分都是功能單一，設計簡單，只能滿足同學們簡單要求。針對此現狀，想要讓自己在線音樂系統(tǒng)能給更多的同學帶來服務，帶來方便，它必須具有更多的功能，使同學們能更方便地通過校內網上來實現音樂欣賞，音樂共享，音樂聯系。1.1.2在線點歌對系統(tǒng)和用戶對在線點歌系統(tǒng)的要求在線音樂點播系統(tǒng)可以實現用戶對音樂的相關操作，以及管理員對網站的管理與操作。本網站可以實現以下的功能：為用戶設置相應的登錄名和密碼；用戶可以更改密碼；用戶可以通過自己注冊的賬號與密碼登陸本網站；本網站還提供音樂瀏覽；用戶可

9、以分類瀏覽歌曲；用戶可以點播歌曲；用戶可以下載歌曲；用戶可以對點播過的歌曲進行收藏；用戶可以在留言板上進行留言；管理員還可以對網站注冊者進行管理；管理員也可以對留言板進行管理?？傊?，本網站設計的主要特點是對音樂的在線點播、下載功能，以及管理員添加、更改、刪除音樂、管理用戶等功能。1.2本課題的研究意義根據在線音樂點播系統(tǒng)的基本要求，本系統(tǒng)主要按照用戶的權限分為管理員和用戶兩大類。管理員負責系統(tǒng)的管理與維護；用戶具有瀏覽網頁、點播音樂和下載。目前網絡上的音樂大部分都存在著音樂共享與分類的難題，然而這些難題又是限制網絡上的音樂的關鍵問題。針對這些難題提出解決方法，并且讓點歌網站成為娛樂以及搜索的歌

10、曲，同時將“試聽”“收藏”這些功能發(fā)揮到極致，使我們的點歌系統(tǒng)做到真正的音樂智能化。具體的來說，點歌系統(tǒng)主要關系到以下的幾個主要的方面：對歌手們的分類；對用戶的需求進行個性化的服務，來根據對音樂不同的需求以及當時音樂的流行來對用戶進行服務。本次論文的主題就是為了改善這些難題，來滿足網友聽歌的真正的目的。這次主題研究意義有以下幾個方面：(1)根據用戶的不同的需求來進行服務。(2)使用戶對點歌系統(tǒng)的使用率提高。1.3相關技術介紹1.3.1瀏覽器/服務器模型從瀏覽器提交的請求通過Web服務器給應用程序服務器，由它調用相關的網頁應用程序進行處理，處理的結果由網頁交給Web服務器，Web服務器把這個網頁

11、作為對請求的應答發(fā)還給瀏覽器。至于對提交的信息如何處理，就交由網站的開發(fā)人員編寫相關的網頁應用程序來決定反饋到瀏覽器的內容；如果需要對數據庫進行訪問，開發(fā)人員還可以利用應用程序服務器所提供的接口對其進行訪問。網頁內容的動態(tài)發(fā)布是Web應用程序的主要實現方法，通常這種方法同服務器端提供的WWW服務技術密不可分。一般來說，在Internet服務器上可以通過多種途徑實現動態(tài)內容的發(fā)布，最常見的技術包括CGI、ISAPI和ASP.Net等。1.3.2ASP.Net技術簡介ASP.net是目前最主流的網絡編程技術之一，它是Microsoft公司退出的Web應用程序開發(fā)技術。ASP.net不同于ASP技術

12、，它是一個用于Web開發(fā)的全新框架。ASP.net是一個統(tǒng)一的Web開發(fā)模型，它包含開發(fā)者使用盡可能少的代碼生成企業(yè)級Web應用程序所需的各種服務。ASP.net作為.NET框架的一部分提供。當開發(fā)者編寫ASP.net應用程序代碼時，可以訪問.NET框架類庫中的各種功能。ASP.net提供了非常強大的功能，它有很多的特色和優(yōu)勢，這些優(yōu)點使越來越多的開發(fā)者希望使用ASP.net技術進行網絡開發(fā)。（1） 與瀏覽器無關ASP.net生成的代碼遵循W3C標準化組織推薦的XHTML標準，開發(fā)者只需要設計一次頁面，就可以讓該頁以完全相同的方式顯示、工作在任何瀏覽器上。（2） 方便設置斷點、易于調試調試一直

13、是程序開發(fā)者頭痛的一件事，好的調試工具能夠使程序調試達到事半功倍的效果。由于使用Web服務器不受IDE約束，因此提供了跟蹤調試的功能，非常方便代碼的找錯。（3） 編譯后執(zhí)行，運行效率高代碼編譯是指將代碼“翻譯”成機器語言，但是在ASP.net中并未直接編譯成機器語言，而是先編譯成微軟中間語言MSIL，然后由即時編譯器JIT進一步編譯成機器語言。編譯好的代碼再次運行時不需要重新編譯，而是直接使用，這極大的提高了Web應用程序的性能。（4） 豐富的控件庫如果要在JSP中實現一個樹形導航菜單，就需要很多行的代碼，但是在ASP.net中，程序開發(fā)者可以直接使用控件來完成，這樣就節(jié)省了大量開發(fā)時間。內置

14、的控件可以幫助開發(fā)者實現許多功能，從而取得減少代碼量的效果。（5） 代碼后置，使代碼更清晰ASP.net采用了代碼后置技術，將Web窗體頁面的控件與程序邏輯代碼分開保存，這樣不僅使代碼更加清晰，而且有利于開發(fā)者閱讀和維護。1.3.3網站運行環(huán)境與開發(fā)平臺VisualStudio2008是Microsoft公司的開發(fā)環(huán)境，也是是目前最流行的Windows平臺的開發(fā)環(huán)境。目前已經開發(fā)到VisualStudio2010。VisualStudio用來創(chuàng)建Windows平臺下的Windows應用程序與windows網絡應用程序，也可以用來創(chuàng)建網絡服務與智能設備應用程序。借助VisualStudio200

15、8，采集信息與分析信息會變得更為簡便快捷，業(yè)務決策也會變得更加有效。我們以任何一種形式都可以用VisualStudio2005來快速地創(chuàng)建，能夠利用WindowsVista和2008Officesystem的更加安全、更加容易管理并且更加可靠的應用程序。 開發(fā)人員能夠使用這些框架來輕松地構建以客戶的需求為中心的應用程序，這些Web應用程序可以集合所有數據提供程序服務、在任何的瀏覽器上運行并且訪問ASP.NET的應用程序和Microsoft的平臺。2 系統(tǒng)分析2.1系統(tǒng)的可行性研究在線點歌系統(tǒng)是利用創(chuàng)建的服務器與用戶之間交互的一個系統(tǒng)應用，這個系統(tǒng)在計算機技術方面主要使用的軟件有VS 2005和

16、SQL Server2005來進行開發(fā)和研究，而這些軟件早已被我們熟知。這個系統(tǒng)可以讓用戶查找歌曲并且試聽歌曲，同時也可以讓用戶與自己的好友分享自己的喜歡歌曲。大大地滿足了對用戶的人性化，這些優(yōu)點將會吸引大部分的用戶對系統(tǒng)的興趣。本系統(tǒng)操作簡單，用戶只要登錄網站，就會使用，只要懂得上網的用戶都能對本系統(tǒng)操作地游刃有余。對于我們建立的網站，它具備以下幾個特點：網站的實用性：可以在網絡上聽歌。不在局限于從前的光盤CD；網站操作簡單：沒有不可以使用的人，適用范圍廣泛，并且系統(tǒng)簡單明了。網站的代碼簡單：本系統(tǒng)所有涉及到的代碼都是運用ASP.NET進行編寫的，簡潔易懂。在線音樂網站系統(tǒng)的建立在本網站上得

17、到了充分地體現，圖2-1是本網站的應用框架圖Internet上的用戶數據庫在線點歌系統(tǒng)系統(tǒng)服務器internet圖2-1系統(tǒng)應用框架圖在調查的基礎上，我們分析了音樂網站建立的可行性與實用性，得出結論：開發(fā)音樂網站的建立是大勢所趨。2.2系統(tǒng)需求分析2.2.1用戶需求分析隨著Internet在世界范圍內的快速發(fā)展，在日新月異的21世紀，人們已經不在停留在用CD,DVD等工具來享受音樂。在現代，高科技的快速發(fā)展，人們都在緊跟時代的變化，人們生活節(jié)奏越來越快，生活質量越來越追求高品質。更多的人會使用音樂軟件來聽音樂。建立時尚又便捷的音樂網站可以讓更多的人享受到音樂。從前的光盤，CD存在著局限性，人們

18、只能通過不斷的購買才能聽到自己喜歡的歌曲。費時又費錢現在通過建設音樂網站，人們可以透過這個網站及時了解到最新的音樂資訊，歌曲的更新也能在第一時間收到。所以音樂網站的建立是大勢所趨。2.2.2系統(tǒng)設計目標分析本系統(tǒng)主要功能如下：用戶通過注冊用戶初步了解到它的基本信息和內容。頁面之間的跳轉可以通過超級鏈接來實現，這樣做不但提高了瀏覽的效率也更加便捷。進入系統(tǒng)后，系統(tǒng)判斷用戶等級權利的高低選擇讓其進入符合身份的界面，這樣實現個性化與自適應性的用戶權限特征。2.3系統(tǒng)功能模塊介紹在分析系統(tǒng)的前提下，考察當前所處的系統(tǒng)環(huán)境，結合用戶的意見建議，我們建立的功能模塊的結構組成圖，這個模塊劃分為了四層，各個結

19、構之間緊緊相扣，共同構建成了在線點歌系統(tǒng)。具體功能模塊如圖2-2所示。 在線音樂點播系統(tǒng) 用戶管理模塊留言板模塊推薦歌曲管理留言板管理模塊歌曲管理模塊用戶中心模塊音樂推薦模塊音樂下載模塊音樂搜索模塊音樂分類模塊音樂收藏模塊音樂點播模塊登錄模塊注冊模塊 管理員普通用戶圖2-2系統(tǒng)功能模塊 （1）普通用戶注冊模塊：此模塊要求所用本系統(tǒng)的使用人員必須首先進行注冊，成為本系統(tǒng)的合法用戶。用戶在注冊模塊主要完成：用戶名、登錄密碼、性別、安全提示問題、回答等基本信息的填寫。要求用戶名不可以重復。登錄模塊：此模塊包括用戶登錄和檢查登錄信息，主要功能是驗證輸入的用戶名、密碼是否合法、是否為本系統(tǒng)管理員。要求當

20、輸入有誤時給出友好性提示。音樂點播模塊：此模塊為用戶提供播放音樂的功能，當用戶選定需要試聽的歌曲后，點擊播放即可進行試聽。音樂搜索模塊：此模塊的功能是方便用戶在大量歌曲中快速準確的找到自己需要的歌曲信息。當用戶所搜索的歌曲不存在時給出相應的提示。音樂下載模塊：此模塊的功能是方便用戶將自己感興趣的歌曲保存到自己的計算機上。音樂收藏模塊：此模塊主要是方便用戶下次登錄后可以繼續(xù)試聽以往選定的歌曲，以便減少再次搜索選定歌曲的時間。音樂分類模塊：此模塊的功能是方便用戶按照歌曲分類查詢歌曲列表中的歌曲信息，例如“經典老歌”、“網絡紅歌”、“歐美流行”。音樂推薦模塊：此模塊的功能是當用戶有喜歡的歌曲而本系統(tǒng)

21、中沒有相應歌曲是，用戶可以向本系統(tǒng)的管理員推薦該歌曲。留言板模塊：提供用戶交流、討論的平臺。用戶中心模塊：此模塊的功能是用戶修改自己的密碼和查看自己的收藏夾，刪除收藏夾中不喜歡的歌曲。（2）管理員歌曲管理模塊：此模塊的功能是管理員對歌曲信息進行更改、刪除歌曲、添加歌曲，添加歌手信息。留言板管理模塊：管理人員可以查看用戶的留言也可以選擇其言論的去留。推薦歌曲管理模塊：此模塊的功能是管理員查看用戶推薦的歌曲，為更新歌曲庫提供參考，刪除用戶推薦的歌曲。用戶管理模塊：此模塊的功能是管理員查看本系統(tǒng)的所有用戶，刪除用戶，指定本系統(tǒng)的管理員。根據能做到的功效不同和可以執(zhí)行權限的范圍不同，將在線音樂網站系統(tǒng)

22、分為三個主要的功能模塊：公共模塊、前臺系統(tǒng)功能模塊和后臺系統(tǒng)功能模塊。2.3.1公用模塊這個模塊屬于大家都可以通用的部門，系統(tǒng)中只要需要它的都可以直接運用沒有束縛。此模塊包括數據庫連接操作、CSS樣式文件、母版頁、常用方法類。此模塊負責與數據庫的連接，將系統(tǒng)經常使用的功能代碼封裝成一個類，以及統(tǒng)一整個系統(tǒng)的風格。Key6i建立一個新的文件夾，然后將公用的代碼放進去，這樣不單可以縮減源代碼，也可以讓整個系統(tǒng)更加完美無缺。2.3.2前臺系統(tǒng)功能模塊該系統(tǒng)注冊成功的受各種法律保護的用戶可以指使前臺系統(tǒng)功能模塊，可以為這個系統(tǒng)的合法用戶供應各類服務，主要包括：用戶進入；音樂分類瀏覽；音樂搜索；查看收藏

23、夾；音樂推薦；用戶注冊；更改密碼；留言板；音樂點播；音樂下載；音樂收藏。前臺系統(tǒng)功能模塊圖如圖2-3所示。圖2-3前臺系統(tǒng)功能模塊圖2.3.3后臺系統(tǒng)功能模塊該系統(tǒng)的管理人員操控著后臺系統(tǒng)功能模塊，主要功效是管理人員對該系統(tǒng)進行維修維護和管理，主要包括：用戶管理；歌曲管理；留言板管理；推薦歌曲管理。后臺系統(tǒng)功能模塊圖如圖2-4所示。圖2-4后臺系統(tǒng)功能模塊圖2.4小結本章主要剖析了每一個組成部件，給出了實體的邏輯設計內容。系統(tǒng)主要描繪了每個部件所做的工作，創(chuàng)造的方法以及對應的計劃戰(zhàn)術。本章用了以小見大的方式從整體的角度出發(fā)，描繪了整個系統(tǒng)的架構和它需要完成的工作。系統(tǒng)中運用的各種各樣的理論依據

24、為后面內容整體的實現做了鋪墊。3數據庫設計數據庫設計是指滿足用戶信息處理的各種需要的前提下，在某個看得見的數據庫管理系統(tǒng)上，創(chuàng)造最好的數據庫模型。3.1概念結構設計在本系統(tǒng)中涉及到五個實體，即用戶、推薦歌曲、留言、歌曲、歌手，其中用戶和歌曲、用戶和推薦歌曲是多對多關系，用戶和留言、歌手和歌曲是一對多關系。本系統(tǒng)的全局ER圖如圖3-1所示。圖3-1系統(tǒng)ER模型圖3.2邏輯結構設計由ER圖分析得到如下的關系模式：用戶關系模式：用戶（用戶名、密碼、性別、是否管理員、密碼保護問題、回答）歌曲關系模式：歌曲（歌曲、歌手、點擊量、分類、介紹、播放地址、時間、語言）歌手關系模式：歌手（歌手、年齡、性別、簡介

25、、照片）收藏夾關系模式：收藏（編號、收藏人、收藏歌曲名）推薦歌曲關系模式：推薦（歌曲、歌手、推薦人）留言相關模式：需要說的話（號碼、說話的人、留下的內容、講話的時間）3.3物理結構設計使用SQL Server 2005重新創(chuàng)立一個數據庫，它的姓名叫做Music。Music數據庫中包含的數據表及其相應功能如表3-2所示。表3-2數據表及其功能數據表功能Users存放系統(tǒng)用戶信息Song存放歌曲信息Singer存放歌手信息Msave存放用戶收藏夾信息lovesong存放用戶推薦歌曲信息leavemsg存放留言板信息(1）用戶表Users在數據庫中建立用戶表，用戶表包括了用戶的用戶名、密碼、性別、是

26、否為管理員、密碼保護提示問題、回答等信息。name為主鍵。詳見表3-2用戶表。表3-2用戶信息表Users 列 名數據類型可否為空說 明namenvarchar(50)Not null用戶名ppasswordvarchar(50)Not null密碼Questvarchar(50)Not null密碼保護提示問題Answervarchar(50)NULL回答issuperbitNULL是否為管理員（默認false）sexchar(2)NULL回客（2）歌曲表Song在數據庫中建立歌曲表，用戶表包括了編號、歌曲名、歌手名、點擊次數、歌曲分類、歌曲介紹、播放地址、歌曲時間、歌曲語言。Sname為主

27、鍵，Singer為外鍵。詳見表3.3歌曲表。表3.3歌曲信息表Song列 名數據類型可否為空說 明Snamenvarchar(50)NOT NULL歌曲名Singernvarchar(50)NOT NULL歌手名hitsInt（）NULL點擊次數Classvarchar(50)NOT NULL歌曲分類Descrvarchar(1000) NOT NULL歌曲介紹playurlnvarchar(100)NOT NULL播放地址Timevarchar(50) NULL歌曲時間songlanguagevarchar(50)NULL歌曲語言（3）歌手表Singer在數據庫中，歌手表的建立，用戶表包括了

28、歌手的名字、年齡、男女、簡單介紹、相片。Singer是主要的關鍵因素。詳見表3.4歌手表。表3.4歌手信息表Singer 列 名 數據類型可否為空說 明Singernvarchar(50) NOT NULL歌手名ageint NULL年齡sexchar(2)NULL性別Ifonvarchar(500)NULL簡介imagevarchar(50)NULL照片（4)收藏歌曲表Msave在數據庫里建立一個收藏歌曲表，其中字段包括編號、收藏人、收藏歌曲名。其中Sname, name為主鍵，name為外鍵。詳見表3.5收藏歌曲表。表3.5收藏歌曲表Msave 列 名數據類型可否為空說 明IDint NO

29、TNULL自動編號namenvarchar(50) NOTNULL用戶名Snamevarchar(50)NOTNULL歌名(5)推薦歌曲表lovesong在數據庫里建立一個推薦歌曲表，其中字段包括歌曲名、歌手名、推薦人。其中sname,singer,name為主鍵，name為外鍵。詳見表3.6推薦歌曲表。表3.6推薦歌曲表lovesong列 名數據類型可否為空說 明snamevarchar(50) NOTNULL歌曲ssingervarchar(50)NOTNULL歌手namevarchar(50) NOTNULL推薦人(6)留言表leavemsg在數據庫里建立一個留言表，其中字段包括編號、留

30、言人、留言內容、留言時間。其中ID為主鍵，name為外鍵。詳見表3.7留言表。表3.7留言表leavemsg 列 名數據類型可否為空說 明IDint NOTNULL自動編號namenvarchar(50)NOTNULL留言人wordnvarchar(1000)NOTNULL內容 ttimedatetimeNOTNULL留言時間4系統(tǒng)詳細設計與實現本節(jié)主要是對整個系統(tǒng)的界面和訪問數據庫進行詳細設計，使整個系統(tǒng)能夠較好、較完整的實現目標功能。4.1系統(tǒng)工作原理介紹 本系統(tǒng)采用B/S 也就是瀏覽器/服務器與基于Web服務兩個形式，這是一個適用于Internet環(huán)境下的結構模型。只要用戶能夠連接上網絡

31、,就可以在不同時間不同地點來運行。系統(tǒng)工作原理圖如圖4-1所看到的那樣： 系統(tǒng)服務器客戶端 請求 回發(fā)數據庫 驗證 傳送 圖4-1系統(tǒng)工作原理 系統(tǒng)工作的流程包含以下一些關鍵細節(jié)：(1)用戶注冊。任意一個用戶使用系統(tǒng)前必須先進行注冊，系統(tǒng)會收到用戶發(fā)進去的信息。(2)用戶登陸。用戶輸入自己的用戶名和密碼和驗證碼之后，系統(tǒng)會檢查沒有問題就表示成功地進入系統(tǒng)，如若錯誤就無法進入。(3)個人收藏。系統(tǒng)根據用戶不同的興趣愛好，可以自由地選擇自己喜愛的歌曲。(4)在線瀏覽。這是用戶使用該系統(tǒng)最主要的地方，你要看哪個內容，你就點哪個內容，它自帶超鏈接功能，系統(tǒng)會刷新用戶的行為，并且顯示用戶所需要的內容。(

32、5)搜索。為用戶簡化了尋找的步驟，可以更直接、直觀的讓用戶尋找到自己想要的音樂，只需要輸入關鍵詞即可。以上各個環(huán)節(jié)環(huán)環(huán)相扣，對用戶在網頁上的每一個操作，系統(tǒng)都會自動讀取數據并且更新語句。4.2層疊樣式文件 StyleSheet.css.modalBackground /彈出模態(tài)窗口時窗口背景 filter:alpha(opacity=70); opacity:0.7;.modalPopup /彈出模態(tài)窗口的樣式 border-style:hidden; padding:0px;width:0px;當需要引用時在引用頁添加即可。4.3系統(tǒng)的實現算法4.3.1數據庫操作及常用方法類 user.cs

33、系統(tǒng)中幾乎所有頁面都要進行數據庫的操作，多個頁面有時會多次使用同一方法，因此把數據庫操作代碼和常用方法的代碼保存在頁面user.cs中，可以避免重復編程。user.cs在如下方法類中集中了常用的方法。其中主要包括了：數據庫連接、留言、檢查歌曲是否已被收藏、收藏歌曲、檢查歌曲是否已被推薦、推薦歌曲、從數據庫檢驗用戶登錄、選擇播放全部歌曲 取消播放全部歌曲、獲取播放地址、獲取播放列表、搜索歌曲、添加歌曲、從數據庫檢驗用戶登錄、從數據庫取出用戶權限、驗證用戶名是否已存在、注冊用戶 、增加點擊量。4.3.2歌曲的檢索過程及詳細的實現 歌曲搜索主要是從三方面進行查找，一是根據歌曲名稱，二是根據歌手姓名，

34、三是根據專輯名稱。檢索最重要的步驟就是要明白數據從什么地方來，怎么把它找出來，又是如何讓在找出來的情況下把內容完整的反映給用戶看。由于已經判斷過用戶所輸入的搜索條件是否已經存在于綁定的歌曲信息列表中，所以在執(zhí)行此命令時只需要直接調用過程重新捆綁歌曲信息列表就可以了，具體算法如下：(1) 用戶選取搜索內容，如歌曲名、歌手名，并進行提交；(2)從提交列表中提取數據，并進行相應判斷；(3)將結果顯示給用戶；(4)結束；圖4-2搜索流程圖部分具體代碼如下：public void search(TextBox TextBox1,GridView GridView1)/搜索歌曲 string Sname

35、= TextBox1.Text.Trim(); SqlConnection myconn = 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.S

36、inger where Sname=Name;SqlCommand 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 = 沒有相關記錄！; myDa.D

37、ispose(); myDs.Dispose(); myconn.Close(); 4.3.3歌曲試聽本系統(tǒng)中的另外一個主要功能就是試聽功能，當遇到想試聽的歌曲時，用戶就可以按試聽鍵試聽。在客戶軟件中播放。步驟如下所示：(1)用戶需要點擊要試聽的歌曲； (2)系統(tǒng)在網絡中查找當前歌曲； (3)系統(tǒng)在網絡中獲得地址后，開始播放； (4)結束。圖4-3試聽算法流程圖4.3.4歌曲的收藏的實現本系統(tǒng)中還有一個重要的部分就是收藏功能，當用戶想要收聽歌曲時，用戶可以試聽，同時在客戶端中隨意播放，如果碰到自己特別喜愛的歌曲還可以選擇把歌放入你的收藏夾。主要步驟如下：(1) 用戶想要聽哪首歌就可以點那首歌。

38、 (2)系統(tǒng)查找當前歌曲的ID (3)系統(tǒng)查找當前用戶ID(4) 這個系統(tǒng)存在于數據庫中的一個根目錄下，正在進行著身份的認證(5)結束。圖4-4收藏算法流程圖主要代碼如下：public void save(string sname, string User)/收藏歌曲 DateTime Dtime = System.DateTime.Now; SqlConnection myconn = mconn(); myconn.Open(); string sqlStr = INSERT INTO Msave(name, Sname) VALUES ( name, Sname); SqlCommand

39、 myCmd = new SqlCommand(sqlStr, myconn); (VarChar, 50).Value = User ; (VarChar, 50).Value = sname; myCmd.ExecuteNonQuery(); myconn.Close();5 系統(tǒng)主要模塊與頁面為了使在線音樂點播系統(tǒng)的結構清晰、代碼規(guī)范簡單，這里把系統(tǒng)中重復使用的方法的代碼寫在一個類中，當需要的時候直接調用即可。同時為了使整個系統(tǒng)具有統(tǒng)一的風格，使用了兩個母版頁和一個CSS樣式文件。系統(tǒng)中幾乎所有頁面都要進行數據庫的操作，多個頁面有時會多次使用同一方法，因此把數據庫操作代碼和常用方法的代碼

40、保存在頁面user.cs中，可以避免重復編程。為了使整個系統(tǒng)頁面布局統(tǒng)一，分別在用戶操作模塊和管理員操作模塊個建立了一個母版頁，母版頁中主要是使用table表格對網頁進行布局。在其它頁面只要添加MasterPageFile=/MasterPage.master即可引用該母版頁。5.1系統(tǒng)注冊模塊在普通用戶成為本系統(tǒng)的用戶之前需要通過注冊才能使用本系統(tǒng)，本系統(tǒng)的注冊界面如圖5.1所示。填好內容以后，用戶點擊“注冊”按鈕，如果沒有跳出其他提示信息表示你已注冊成功，接著點擊“退出”按鈕，返回到初始的登錄頁面。圖5-1在線音樂網站系統(tǒng)的系統(tǒng)注冊界面5.2系統(tǒng)登錄模塊打開系統(tǒng)后首先進入的使登錄模塊進行登

41、錄。輸入用戶名、密碼，點擊“登錄系統(tǒng)”按鈕，如果用戶名及密碼正確，則進入本系統(tǒng)的歌曲首頁或管理員首頁，如果如果用戶名及密碼不正確，則給出用戶名或密碼不正確！的提示。登錄模塊如圖5-2所示圖5-2在線音樂網站系統(tǒng)的系統(tǒng)登錄界面5.3音樂點播模塊用戶登錄后進入音樂首頁，可以進行音樂點播。這個功能的達到用到的GridView控件，顯示數據庫中歌曲信息是它的目的；同時用到了SqlDataSource控件，從數據庫中盤查出歌曲的消息是它的目的。并且根據歌曲的種類分為了：經典老歌、流行音樂、網絡紅歌、歐美流行四個曲種。音樂點播模塊如圖5.3所示。如果用戶在沒有選擇歌曲之前點擊了播放按鈕，系統(tǒng) 會給出提示“

42、請選擇要播放的歌曲！”如圖5-3所示圖5-3在線音樂網站系統(tǒng)的音樂點播界面主要代碼： string songlist=play.play(this.GridView1); /獲取播放列表 if (songlist=string.Empty)/如果未選擇歌曲 RegisterStartupScript(this.UpdatePanel1, this.GetType(), unReport, alert(請選擇要播放的歌曲！);, true); else songlist = songlist.Substring(0, songlist.Length - 1); RegisterStartupSc

43、ript(this.UpdatePanel1, this.GetType(), unReport, window.open(play/play.aspx?songlist=+songlist+ ,hight=100,width=500,top=0,left=0,resizable=1, , true);/轉到播放頁面 5.4搜索歌曲模塊用戶如果想要快速的查詢某一歌曲，可以使用搜索功能。輸入歌曲名稱后，單擊“搜索“按鈕即可！主要代碼： (Text.Trim() = ) /如果輸入為空RegisterStartupScript(this.UpdatePanel1, this.GetType(),

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

45、(name, word); Response.Redirect(message.aspx); 5.6收藏夾模塊進入系統(tǒng)后，點擊“用戶中心”按鈕，進入用戶中心界面，單擊“我的收藏”按鈕，用戶可以進入自己的收藏夾查看自己收藏的歌曲，并可以試聽和從收藏夾刪除，當用戶從收藏夾刪除歌曲時系統(tǒng)會給出提示如圖5-5所示，單擊“確定”按鈕即可刪除。收藏夾模塊如圖5-6所示圖5-6 在線音樂網站系統(tǒng)的我的收藏界面圖5-5 在線音樂網站系統(tǒng)的我的收藏界面主要代碼：CausesValidation=False CommandName=Delete/省略按鈕5.7后臺管理員操作模塊admin.aspx是管理員的管理頁面，管理員用它來管理系統(tǒng)信息。當管理員成功登錄后，系統(tǒng)會自動轉向該頁面。該頁面只對管理員用戶開放，該頁面設置了“用戶信息”、“歌曲信息”、“留言板信息”和“推薦歌曲“按鈕用以鏈接到相應頁面。管理員登錄后訪問該頁面，可以單擊相應鏈接，進入相應頁面。管理員可以單擊“注銷”鏈接，退出登錄狀態(tài)。頁面顯示效果如圖5-7所示。圖5-7在線音樂網站系統(tǒng)的管理員界面單擊“用戶信息“按鈕進入用戶管理頁面，如圖5-8所示。圖5-8 在線音樂點播系統(tǒng)的用戶管理界面單擊“歌曲信息“進入歌曲管理頁面，如圖5-9所示。圖5-9在線音樂網站系統(tǒng)的歌曲管理界面總結通過這幾個月來對系統(tǒng)的剖析、設計，讓我對整個網絡系統(tǒng)有了