第一章緒論1.1系統(tǒng)研究背景和意義隨著互聯(lián)網(wǎng)的高速發(fā)展，人們的生活變得更加多元化。在每日的忙碌工作之余，少有人會(huì)通過(guò)散步等傳統(tǒng)方式來(lái)放松自己，聽(tīng)音樂(lè)則成了更多人的選擇。一個(gè)音樂(lè)播放系統(tǒng)，就應(yīng)運(yùn)而生了。音樂(lè)播放系統(tǒng)包含流行音樂(lè)、情感音樂(lè)、DJ、古風(fēng)、歐美等各種類(lèi)型的音樂(lè)?？筛鶕?jù)個(gè)人的喜好收聽(tīng)不同的音樂(lè)。不僅可以在音樂(lè)播放系統(tǒng)中獲得放松，也可以讓人們更多地了解歌手以及他們成功的過(guò)程?；ヂ?lián)網(wǎng)的發(fā)展，可以使人們更加高速地獲得信息，讓生活變得更加多元化。1.2國(guó)內(nèi)外研究的現(xiàn)狀音樂(lè)軟件大家應(yīng)該都很熟悉了，智能機(jī)的普及，蘋(píng)果手機(jī)的大量流入中國(guó)市場(chǎng)，像酷狗音樂(lè)，QQ音樂(lè)等都有自己的Android和IOS的產(chǎn)品，同時(shí)也有web的網(wǎng)站。酷狗音樂(lè)是使用C++編寫(xiě)的，這個(gè)技術(shù)相對(duì)成熟，但是使用率并不是很高，并且在頁(yè)面效果上會(huì)有所欠缺。同時(shí)也有一些軟件是使用其他新興技術(shù)，比如go、python、php等，go語(yǔ)言能夠很好地處理高并發(fā)，python簡(jiǎn)單規(guī)范，php可同時(shí)用來(lái)寫(xiě)前后端。這些語(yǔ)言在某些方面是有其優(yōu)點(diǎn)，但是作為新興技術(shù)，顯然是沒(méi)有Java這個(gè)已經(jīng)有二十多年歷史的語(yǔ)言那么穩(wěn)定的。因此，使用Java開(kāi)發(fā)音樂(lè)播放系統(tǒng)是一個(gè)很好地選擇。現(xiàn)如今Java在后臺(tái)開(kāi)發(fā)上已經(jīng)非常完善了，SSM框架完美的符合三層架構(gòu)的思想，使用Java來(lái)寫(xiě)數(shù)據(jù)接口，并且還有多種方法來(lái)處理現(xiàn)在流行的輕量級(jí)的前后端數(shù)據(jù)交互的JSON數(shù)據(jù)。同時(shí)，在前端顯示方面，JSP技術(shù)也很好地與現(xiàn)在流行的HTML網(wǎng)頁(yè)結(jié)合，能夠使得頁(yè)面更加美觀。1.3本課題研究的內(nèi)容根據(jù)對(duì)現(xiàn)有主流的音樂(lè)播放網(wǎng)站的調(diào)查和統(tǒng)計(jì)，目前這些網(wǎng)站所具有的重要模塊及功能在本系統(tǒng)中都有。具體如下：1、用戶(hù)的注冊(cè)功能；用戶(hù)想要擁有自己的歌單，就需要注冊(cè)一個(gè)自己的系統(tǒng)賬號(hào)。2、用戶(hù)登錄功能；使用自己的賬號(hào)登錄我們的系統(tǒng)，在系統(tǒng)里面進(jìn)行歌單設(shè)置，評(píng)論等功能。3、歌曲搜索功能；根據(jù)輸入的關(guān)鍵字進(jìn)行模糊查詢(xún)，為用戶(hù)提供相應(yīng)的歌曲或者歌手的信息。4、歌曲詳細(xì)功能；顯示出當(dāng)前歌曲的歌詞，對(duì)應(yīng)的歌手，歌手圖片，歌曲評(píng)論等信息。5、歌手詳細(xì)功能；改歌手的姓名，星座等等一些基本信息。6、歌曲播放功能；根據(jù)歌單進(jìn)行播放，隨機(jī)播放，順序播放，單曲循環(huán)等功能。7、播放列表管理功能；用戶(hù)可以根據(jù)自己的喜好，往歌單中添加歌曲，或者從歌單中刪除歌曲。8、榜單功能；根據(jù)各個(gè)歌曲的分類(lèi)對(duì)歌曲進(jìn)行排行，根據(jù)播放量對(duì)歌曲進(jìn)行排行。9、歌曲上傳功能；后臺(tái)管理員可以往系統(tǒng)中上傳新歌。10、評(píng)論功能；對(duì)某首歌進(jìn)行自己的評(píng)論。11、新增歌手功能；后臺(tái)管理員往系統(tǒng)里面添加歌手。1.4本課題的研究方法本系統(tǒng)使用Java語(yǔ)言開(kāi)發(fā)，Java環(huán)境為jdk1.8，使用的IDE開(kāi)發(fā)工具為Eclipse，數(shù)據(jù)庫(kù)使用的是輕量級(jí)的開(kāi)源數(shù)據(jù)庫(kù)操作系統(tǒng)MySQL，服務(wù)器使用的是開(kāi)源的Tomcat，使用的Tomcat版本為8.0。本系統(tǒng)使用的是J2EE企業(yè)開(kāi)發(fā)框架中較為基礎(chǔ)的SSM框架，除了基礎(chǔ)框架之外，還使用到了JSP、JavaScript、JQuery、CSS、AJAX等等WEB方面的技術(shù)。其中SSM框架，Spring框架是負(fù)責(zé)管理bean以及其他框架的，由原來(lái)的程序員手動(dòng)生成對(duì)象變成了從IOC容器中獲取，降低了組件之間的耦合程度，提供了事務(wù)處理等服務(wù)，使開(kāi)發(fā)更加方便。SpringMVC框架是視圖部分，負(fù)責(zé)對(duì)請(qǐng)求的響應(yīng)以及數(shù)據(jù)的填充，SpringMVC框架的出現(xiàn)，使請(qǐng)求變得更加方便管理，使用注解配置路徑而不需要在web.xml文件中一一配置servlet。MyBatis框架作為持久層，負(fù)責(zé)與數(shù)據(jù)庫(kù)的連接，使用數(shù)據(jù)庫(kù)連接池增強(qiáng)了系統(tǒng)的性能，而且sql語(yǔ)句是寫(xiě)在配置文件中，并且會(huì)對(duì)數(shù)據(jù)進(jìn)行封裝，數(shù)據(jù)傳遞更加高效。并且項(xiàng)目采用的是controller+service+dao的結(jié)構(gòu)層次，配合上SSM框架，使系統(tǒng)更加的容易管理和維護(hù)。而JSP、JavaScript、JQuery、CSS、AJAX等技術(shù)是適用于前端界面以及前后端交互的技術(shù)，JavaScript、JQuery、CSS等技術(shù)使得系統(tǒng)的界面更加美觀，而JSP和AJAX能夠非常好地處理前后端數(shù)據(jù)交互的問(wèn)題，使得整個(gè)系統(tǒng)在數(shù)據(jù)傳輸上變得更加高效。1.5開(kāi)發(fā)環(huán)境1.5.1硬件環(huán)境本系統(tǒng)采用單機(jī)操作方式，基本配置如下；處理器：第五代酷睿i3-5200U@2.50GHz硬盤(pán)空間：500GB內(nèi)存：2GB1.5.2軟件環(huán)境采用B/S架構(gòu)，使用tomcat運(yùn)行環(huán)境開(kāi)發(fā)平臺(tái)：Eclipse操作系統(tǒng)：Windows10數(shù)據(jù)庫(kù)服務(wù)器：MySQLJava環(huán)境：JDK1.81.6論文結(jié)構(gòu)全文共分為八章：第一章首先介紹課題的研究背景和意義，然后介紹研究?jī)?nèi)容和方法。第二章介紹本系統(tǒng)的架構(gòu)設(shè)計(jì)，使用的開(kāi)發(fā)技術(shù)以及相關(guān)的開(kāi)發(fā)工具等。第三章進(jìn)行系統(tǒng)分析，主要是可行性分析和需求分析。第四章系統(tǒng)總體設(shè)計(jì)，分析所有的實(shí)體類(lèi)；介紹各大模塊的業(yè)務(wù)設(shè)計(jì)。第五章數(shù)據(jù)庫(kù)設(shè)計(jì)。對(duì)系統(tǒng)所用的數(shù)據(jù)庫(kù)結(jié)構(gòu)進(jìn)行詳細(xì)設(shè)計(jì)。第六章系統(tǒng)實(shí)現(xiàn)。詳細(xì)的介紹了系統(tǒng)的實(shí)現(xiàn)，具體到了所有的模塊。第七章系統(tǒng)測(cè)試。介紹了測(cè)試用例和給出了測(cè)試的結(jié)果。第八章系統(tǒng)總結(jié)?？偨Y(jié)系統(tǒng)的優(yōu)點(diǎn)、缺點(diǎn)、展望。第二章相關(guān)技術(shù)2.1SSM框架介紹SSM框架是三個(gè)框架的合稱(chēng)，分別是Spring、SpringMVC、MyBatis三個(gè)框架。Spring框架是一個(gè)輕量級(jí)的開(kāi)源框架，在Java面向?qū)ο蟮幕A(chǔ)上實(shí)現(xiàn)了控制反轉(zhuǎn)（IOC）和依賴(lài)注入（DI）以及面向切面（AOP）這三個(gè)主要特性。使原本需要程序員手動(dòng)創(chuàng)建對(duì)象變沉了從IOC容器中獲取對(duì)象，這是一個(gè)比較大的突破；而AOP把控制精確到了方法，可以在方法執(zhí)行前后或者發(fā)生異常之后進(jìn)行一些處理。不僅如此，Spring框架還能比較好地整個(gè)其他框架。SpringMVC其實(shí)是Spring框架提供的一個(gè)強(qiáng)大而靈活的web框架，主要負(fù)責(zé)前后端數(shù)據(jù)交互、頁(yè)面跳轉(zhuǎn)等功能，在SpringMVC中，請(qǐng)求分別會(huì)經(jīng)過(guò)其前端控制器，前端控制器中有處理器映射器、處理器適配器、以及視圖解析器組成。處理器映射器是尋找處理器，處理器適配器中調(diào)用service，而視圖解析器是負(fù)責(zé)頁(yè)面的顯示以及數(shù)據(jù)的填充。MyBatis框架是持久層的輕量級(jí)框架，負(fù)責(zé)與數(shù)據(jù)庫(kù)的連接，操作數(shù)據(jù)。在DAO層編寫(xiě)Mapper接口，并且與xml文件進(jìn)行映射。在xml文件中編寫(xiě)sql語(yǔ)句，參數(shù)類(lèi)型多樣，最主要的是可以對(duì)查詢(xún)結(jié)果使用resultMap進(jìn)行封裝，這種Key-Value形式結(jié)果集用于數(shù)據(jù)填充是非常方便的。2.2JavaScript介紹JavaScript是一種腳本語(yǔ)言，主要用于前端頁(yè)面的事件的觸發(fā)，頁(yè)面特效的顯示。但是跟名字不一樣的是，它跟Java沒(méi)有任何關(guān)系。JavaScript的出現(xiàn)，完美得取代了CGI，原本一些表單字段的判空操作需要將請(qǐng)求發(fā)送到后端在后端進(jìn)行判斷，而JavaScript可以在前端頁(yè)面進(jìn)行判斷，減少了請(qǐng)求次數(shù)，大大地提高了請(qǐng)求效率。而使HTML頁(yè)面可以動(dòng)態(tài)地顯示實(shí)時(shí)信息。JavaScript是相對(duì)安全、事件驅(qū)動(dòng)、跨平臺(tái)的語(yǔ)言，但是JavaScript也有其對(duì)應(yīng)的缺點(diǎn)，就是各個(gè)瀏覽器對(duì)JavaScript的支持程度不同，因此在寫(xiě)代碼的過(guò)程中有些情況要考慮瀏覽器的因素。2.3AJAX介紹AJAX（AsynchronousJavascriptAndXml）是異步的JavaScript和xml，是現(xiàn)在開(kāi)發(fā)的一個(gè)很重要的技術(shù)。就是所謂的局部刷新，像百度搜索框會(huì)根據(jù)輸入的內(nèi)容的變化而顯示不同的信息，進(jìn)行部分網(wǎng)頁(yè)的更新，而不是加載整個(gè)頁(yè)面。使每次請(qǐng)求的數(shù)據(jù)量減少了，可以使請(qǐng)求與響應(yīng)更加地快。并且AJAX是獨(dú)立于語(yǔ)言和平臺(tái)的，兼容性是非常好的。2.4JSON介紹JSON是一種輕量級(jí)數(shù)據(jù)格式，其主要形式是Key-Value這種鍵值對(duì)的形式。相比于xml，json更小，更快。在前后端交互的過(guò)程中，使用最多的就是json格式，這種格式在前后端都能比較方便地解析，并且能夠?qū)崿F(xiàn)各種編碼的傳輸，是現(xiàn)在使用率最高的一種格式。2.5MySQL介紹MySQL是一種開(kāi)源的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)。在MySQL中，數(shù)據(jù)存放在一張一張的表中，所謂關(guān)系型數(shù)據(jù)庫(kù)，就是表與表之間的關(guān)系是通過(guò)外鍵連接的。在MySQL中使用語(yǔ)句是最常見(jiàn)的結(jié)構(gòu)化查詢(xún)語(yǔ)句，并且有自己的索引引擎，能夠加快查詢(xún)效率。并且，相對(duì)于Oracle這種大型的數(shù)據(jù)庫(kù)，MySQL顯然是更加簡(jiǎn)單方便的，其獨(dú)特的分頁(yè)以及主鍵自增是Oracle所沒(méi)有的。第三章系統(tǒng)分析3.1系統(tǒng)功能本系統(tǒng)總體上分為用戶(hù)模塊和管理員模塊。音樂(lè)播放系統(tǒng)中，用戶(hù)模塊為用戶(hù)提供了用戶(hù)登錄注冊(cè)、歌單管理、歌曲評(píng)論、音樂(lè)播放、歌曲搜索、歌曲分類(lèi)排行等功能，使用戶(hù)有非常好的體驗(yàn)；在管理員模塊提供了上傳歌曲、增加歌手等功能，操作非常便捷。系統(tǒng)功能圖如圖3.1所示圖3.1系統(tǒng)的功能圖3.2系統(tǒng)用例設(shè)計(jì)經(jīng)分析，可以確定整個(gè)系統(tǒng)的主用例圖將包括兩個(gè)角色（用戶(hù)和管理員），及對(duì)應(yīng)兩個(gè)用例，系統(tǒng)主用例圖如圖3.2所示，圖3.2系統(tǒng)的主UseCase圖其中，前臺(tái)用戶(hù)模塊用例圖如圖3.3所示圖3.3前臺(tái)用戶(hù)模塊用例圖后臺(tái)管理員模塊用例圖如圖3.4所示圖3.4后臺(tái)管理端用例圖3.2.1登錄驗(yàn)證1.本用例描述：用戶(hù)訪(fǎng)問(wèn)音樂(lè)播放系統(tǒng)首頁(yè)，界面右上角有登錄超鏈接，點(diǎn)擊登錄后進(jìn)入登錄頁(yè)面，1)用戶(hù)可以輸入手機(jī)號(hào)密碼登錄或者使用手機(jī)驗(yàn)證碼登錄2)系統(tǒng)查詢(xún)?cè)撚脩?hù)相關(guān)信息，3)若用戶(hù)輸入的手機(jī)號(hào)，密碼不正確或者手機(jī)驗(yàn)證碼不正確，則返回步驟1)，并提示錯(cuò)誤信息；4)若用戶(hù)手機(jī)號(hào)，密碼或者手機(jī)驗(yàn)證碼正確，則根據(jù)數(shù)據(jù)庫(kù)中該用戶(hù)的角色進(jìn)入前臺(tái)模塊或者管理員模塊。2.本用例時(shí)序圖如圖3.5所示圖3.5登錄驗(yàn)證時(shí)序圖3.本用例協(xié)作圖如圖3.6所示圖3.6登錄驗(yàn)證協(xié)作圖3.2.2歌手詳情1.本用例描述：用戶(hù)訪(fǎng)問(wèn)本系統(tǒng)，在本系統(tǒng)中的任意頁(yè)面，只要看到有歌手名字或者歌手圖片，都可以點(diǎn)擊進(jìn)入歌手詳情頁(yè)面，在歌曲詳情頁(yè)面能夠查看到歌手的基本信息、代表作、熱歌等信息。2.本用例時(shí)序圖如圖3.7所示圖3.7歌手詳情時(shí)序圖3.本用例協(xié)作圖如圖3.8所示圖3.8歌手詳情協(xié)作圖3.2.3歌曲詳情1.本用例描述：用戶(hù)訪(fǎng)問(wèn)本系統(tǒng)，在本系統(tǒng)中的任意頁(yè)面，只要看到有歌曲名字，都可以點(diǎn)擊進(jìn)入歌曲詳情頁(yè)面2.本用例時(shí)序圖如圖3.9所示圖3.9歌曲詳情時(shí)序圖3.本用例協(xié)作圖如圖3.10所示圖3.10歌曲詳情協(xié)作圖3.2.4歌曲評(píng)論1.本用例描述：用戶(hù)訪(fǎng)問(wèn)本系統(tǒng)，在本系統(tǒng)中的歌曲詳情頁(yè)面中可以看到該歌曲的評(píng)論信息、評(píng)論的回復(fù)、評(píng)論的點(diǎn)贊次數(shù)等信息2.本用例時(shí)序圖如圖3.11所示圖3.11歌曲評(píng)論時(shí)序圖3.本用例協(xié)作圖如圖3.12所示圖3.12歌曲評(píng)論協(xié)作圖3.2.5歌曲榜單1.本用例描述：用戶(hù)訪(fǎng)問(wèn)本系統(tǒng)，在本系統(tǒng)中的榜單頁(yè)面，可以看到本系統(tǒng)中的歌曲排行榜，包括新歌榜、熱歌榜、民謠榜等各種類(lèi)別的榜單2.本用例時(shí)序圖如圖3.13所示圖3.13歌曲榜單時(shí)序圖3.本用例協(xié)作圖如圖3.14所示圖3.14歌曲榜單協(xié)作圖3.2.6播放列表管理1.本用例描述：用戶(hù)訪(fǎng)問(wèn)本系統(tǒng)，在本系統(tǒng)中的播放列表頁(yè)面中，可以看到自己的播放列表，可以移除自己不喜歡的歌曲；在其他頁(yè)面中能添加歌曲到歌單。2.本用例時(shí)序圖如圖3.15所示圖3.15歌單管理時(shí)序圖本用例協(xié)作圖如圖3.16所示圖3.16歌單管理協(xié)作圖3.2.7歌曲搜索1.本用例描述：用戶(hù)訪(fǎng)問(wèn)本系統(tǒng)，在本系統(tǒng)中的搜索頁(yè)面，可以輸入關(guān)鍵字，查詢(xún)符合條件的歌曲或者符合條件的歌手所有的歌曲2.本用例時(shí)序圖如圖3.17所示圖3.17歌曲搜索時(shí)序圖3.本用例協(xié)作圖如圖3.18所示圖3.18歌曲搜索協(xié)作圖3.2.8新增歌手1.本用例描述：管理員有管理員自讀特有的賬號(hào)，從前臺(tái)的登錄頁(yè)面輸入賬號(hào)密碼或者手機(jī)號(hào)驗(yàn)證碼進(jìn)行登錄到后臺(tái)，在后臺(tái)可以進(jìn)行新增歌手2.本用例時(shí)序圖如圖3.19所示圖3.19新增歌手時(shí)序圖3.本用例協(xié)作圖如圖3.20所示圖3.20新增歌手協(xié)作圖3.2.9上傳歌曲1.本用例描述：管理員有管理員自讀特有的賬號(hào)，從前臺(tái)的登錄頁(yè)面輸入賬號(hào)密碼或者手機(jī)號(hào)驗(yàn)證碼進(jìn)行登錄到后臺(tái)，在后臺(tái)可以進(jìn)行新增歌手本用例時(shí)序圖如圖3.21所示圖3.21新增歌曲時(shí)序圖3.本用例協(xié)作圖如圖3.22所示圖3.22新增歌曲協(xié)作圖第四章系統(tǒng)設(shè)計(jì)4.1系統(tǒng)設(shè)計(jì)原則根據(jù)自身在音樂(lè)播放系統(tǒng)的體驗(yàn)以及廣大用戶(hù)對(duì)音樂(lè)播放系統(tǒng)的需求，具體要滿(mǎn)足哪些功能，系統(tǒng)能達(dá)到怎樣的預(yù)期效果，可以遵循以下的設(shè)計(jì)原則。4.1.1實(shí)用性本音樂(lè)播放系統(tǒng)的設(shè)計(jì)目標(biāo)是實(shí)現(xiàn)操作簡(jiǎn)單，界面美觀，用戶(hù)體驗(yàn)性好的音樂(lè)播放網(wǎng)站，為每一個(gè)用戶(hù)提供簡(jiǎn)單又豐富的聽(tīng)音樂(lè)體驗(yàn)。4.1.2模塊化設(shè)計(jì)本音樂(lè)播放系統(tǒng)采用了用戶(hù)模塊和管理員模塊的模塊化程序設(shè)計(jì)方法，通過(guò)這種分模塊的方法提高用戶(hù)的體驗(yàn)以及后臺(tái)管理員對(duì)系統(tǒng)的維護(hù)以及更新，使系統(tǒng)在維護(hù)的時(shí)候也并不影響用戶(hù)的使用。4.1.3系統(tǒng)安全性不管是什么系統(tǒng)，只要有用戶(hù)登錄功能的，用戶(hù)的密碼都是比較私密的，本系統(tǒng)對(duì)用戶(hù)的密碼進(jìn)行了加密，使用的是MD5加密，這個(gè)加密是不可逆的，就算數(shù)據(jù)庫(kù)被黑了，拿到的也只是一串看不懂的字符串；而手機(jī)驗(yàn)證碼這個(gè)東西，只有輸入的是自己的手機(jī)號(hào)才能知道驗(yàn)證碼，也是比較安全的。4.1.4系統(tǒng)性能本系統(tǒng)是一個(gè)運(yùn)用了JSP、SSM框架開(kāi)發(fā)的一個(gè)系統(tǒng)，然后部署在eclipse上通過(guò)tomcat服務(wù)器運(yùn)行的系統(tǒng)，對(duì)于系統(tǒng)的訪(fǎng)問(wèn)數(shù)與響應(yīng)時(shí)間和計(jì)算機(jī)的硬件條件有關(guān)，訪(fǎng)問(wèn)數(shù)是20，響應(yīng)時(shí)間是0.01秒，后臺(tái)管理員上傳歌曲以及用戶(hù)下載歌曲和網(wǎng)速有關(guān)，上傳與下載速度為2M/s。4.2系統(tǒng)模塊設(shè)計(jì)本系統(tǒng)主要包括：用戶(hù)模塊（登錄注冊(cè)、播放列表管理、查看歌手詳情、查看歌曲詳情、歌曲評(píng)論、歌曲搜索、歌曲榜單）；管理員模塊（新增歌手、上傳歌曲）。系統(tǒng)模塊圖如圖4.1所示圖4.1系統(tǒng)模塊圖4.2.1登錄注冊(cè)模塊1.注冊(cè)模塊1)輸入：輸入手機(jī)號(hào)、昵稱(chēng)、密碼、再次輸入密碼2)處理：判斷手機(jī)號(hào)是否為空、手機(jī)號(hào)是否合法、是否被注冊(cè)過(guò)，判斷昵稱(chēng)是否為空、是否存在非法字符；判斷密碼是否為空、是否少于6位；判斷確認(rèn)密碼是否為空、是否少于6位、兩次輸入密碼是否一致3)輸出：注冊(cè)是否成功，如果注冊(cè)失敗，失敗的原因；注冊(cè)成功即跳轉(zhuǎn)到登錄頁(yè)面，失敗則停留在當(dāng)前頁(yè)面重新操作2.用戶(hù)賬號(hào)密碼登錄1)輸入：手機(jī)號(hào)、密碼2)處理：判定輸入手機(jī)號(hào)是否正確、是否已經(jīng)注冊(cè)，密碼是否正確3)輸出：登錄是否成功，成功則跳轉(zhuǎn)到網(wǎng)站首頁(yè)，失敗則停留在當(dāng)前頁(yè)面重新操作3.手機(jī)號(hào)驗(yàn)證碼登錄1)輸入：手機(jī)號(hào)、驗(yàn)證碼2)處理：生成6位隨機(jī)驗(yàn)證碼并發(fā)送到手機(jī)、判斷輸入的驗(yàn)證碼是否一致3)輸出：登錄是否成功，成功則跳轉(zhuǎn)到網(wǎng)站首頁(yè)，失敗則停留在當(dāng)前頁(yè)面重新操作注冊(cè)流程圖如圖4.2所示，登錄流程圖如圖4.3所示圖4.2注冊(cè)流程圖圖4.3登錄流程圖4.2.2歌曲詳情模塊用戶(hù)和游客有不同的權(quán)限1.游客1)輸入：點(diǎn)擊一首歌曲2)處理：判斷是否登錄3)輸出：請(qǐng)登錄2.用戶(hù)1)輸入：點(diǎn)擊一首歌曲2)處理：判斷是否登錄3)輸出：跳到歌曲詳細(xì)頁(yè)面、查看歌曲的相關(guān)信息、相關(guān)評(píng)論，查看該歌手的最火的六首歌以及本系統(tǒng)中最火的六首歌。相關(guān)流程圖如圖4.4所示4.2.3歌手詳情模塊用戶(hù)和游客有不同的權(quán)限1.游客1)輸入：點(diǎn)擊一位歌手時(shí)2)處理：判斷是否登錄3)輸出：請(qǐng)登錄2.用戶(hù)1)輸入：點(diǎn)擊一位歌手時(shí)2)處理：判斷是否登錄3)輸出：跳到歌手詳細(xì)頁(yè)面、查看歌手的基本信息、代表作等相關(guān)流程圖如圖4.5所示圖4.4查看歌曲詳情流程圖 圖4.5查看歌手詳情流程圖4.2.4歌曲榜單模塊歌曲榜單模塊主要是一個(gè)歌曲排行榜，根據(jù)歌曲的種類(lèi)（民謠、古風(fēng)等）的不同根據(jù)歌曲的播放次數(shù)進(jìn)行的一個(gè)排行1.輸入：點(diǎn)擊榜單、切換榜單2.處理：根據(jù)選擇的歌曲種類(lèi)進(jìn)行排行3.輸出：根據(jù)選擇歌曲種類(lèi)的不同顯示不同的排行相關(guān)流程圖如圖4.6所示圖4.6歌曲榜單相關(guān)流程圖4.2.5評(píng)論模塊評(píng)論模塊主要是對(duì)應(yīng)某一首歌曲，用戶(hù)可以發(fā)表自己的見(jiàn)解，回復(fù)別人的評(píng)論，并且對(duì)別人的評(píng)論進(jìn)行點(diǎn)贊。1.輸入：已登錄本系統(tǒng)，進(jìn)入歌曲詳情界面；在評(píng)論框輸入評(píng)論內(nèi)容并點(diǎn)擊評(píng)論、對(duì)某一條評(píng)論進(jìn)行點(diǎn)贊、對(duì)某一條評(píng)論進(jìn)行回復(fù)2.處理：對(duì)相對(duì)應(yīng)的歌曲進(jìn)行添加評(píng)論、評(píng)論點(diǎn)贊次數(shù)的增加、評(píng)論回復(fù)的增加3.輸出：在評(píng)論列表中看到評(píng)論、評(píng)論點(diǎn)贊數(shù)、評(píng)論回復(fù)等相關(guān)流程圖如圖4.7所示圖4.7評(píng)論相關(guān)流程圖4.2.5播放列表模塊播放列表主要是方便登錄的用戶(hù)能把自己喜歡的歌加入到自己的歌單，在下一次登錄的時(shí)候還能保留歌單的內(nèi)容；同時(shí)，對(duì)未登錄的用戶(hù)提供一個(gè)默認(rèn)的歌單。1.游客1)輸入：點(diǎn)擊歌單2)處理：判斷是否登錄3)輸出：默認(rèn)的歌單，可進(jìn)行操作，退出后不保留2.用戶(hù)1)輸入：點(diǎn)擊歌單2)處理：判斷是否登錄3)輸出：個(gè)人獨(dú)有的歌單，可進(jìn)行操作，退出后保留播放列表流程圖如圖4.8所示圖4.8播放列表相關(guān)流程圖4.2.6歌曲搜索模塊歌曲搜索模塊主要是用戶(hù)在搜索頁(yè)面可以輸入歌曲或者歌手的關(guān)鍵字在本系統(tǒng)中搜索符合條件的歌曲或者歌手的歌曲。1.游客1)輸入：無(wú)2)處理：搜索頁(yè)面輸入搜索內(nèi)容3)輸出：查詢(xún)符合條件的歌曲進(jìn)行顯示2.用戶(hù)1)輸入：已登錄本系統(tǒng)2)處理：搜索頁(yè)面輸入搜索內(nèi)容3)輸出：查詢(xún)符合條件的歌曲進(jìn)行顯示歌曲搜索流程圖如圖4.9所示圖4.9歌曲搜索相關(guān)流程圖4.2.7新增歌手模塊新增歌手模塊主要是后臺(tái)管理員對(duì)系統(tǒng)資源的一種添加，增加歌手一遍后面上傳歌手的歌曲。1.管理員1)輸入：登錄后臺(tái)新增歌手頁(yè)面2)處理：輸入歌手信息3)輸出：新增歌手成功新增歌手流程圖如圖4.10所示4.2.8歌曲上傳模塊歌曲上傳模塊主要是后臺(tái)管理員對(duì)系統(tǒng)資源的一種添加，對(duì)已經(jīng)存在系統(tǒng)中的歌手進(jìn)行歌曲的添加。1.管理員1)輸入：登錄后臺(tái)歌曲上傳頁(yè)面2)處理：輸入歌曲信息，選擇歌曲、歌詞文件3)輸出：歌曲上傳成功歌曲上傳流程圖如圖4.11所示圖4.10新增歌手相關(guān)流程圖圖4.11歌曲上傳相關(guān)流程圖4.3系統(tǒng)類(lèi)圖4.3.1實(shí)體類(lèi)類(lèi)圖User類(lèi)用來(lái)記錄用戶(hù)的個(gè)人信息。實(shí)現(xiàn)用戶(hù)登錄注冊(cè)等功能。相關(guān)類(lèi)圖如圖4.12所示圖4.12 Users類(lèi)圖Song類(lèi)用來(lái)記錄歌曲的信息。實(shí)現(xiàn)歌曲的播放以及歌曲上傳、歌曲排行等功能。相關(guān)類(lèi)圖如圖4.13所示圖4.13 Song類(lèi)圖Singer類(lèi)用來(lái)記錄歌手的信息。實(shí)現(xiàn)歌手分類(lèi)、新增歌手等功能。相關(guān)類(lèi)圖如圖4.14所示圖4.14 Singer類(lèi)圖SingerType類(lèi)用來(lái)記錄歌手的類(lèi)別信息。相關(guān)類(lèi)圖如圖4.15所示圖4.15 SingerType類(lèi)圖SongType類(lèi)用來(lái)記錄歌去的類(lèi)別信息，用來(lái)實(shí)現(xiàn)榜單等功能。相關(guān)類(lèi)圖如圖4.16所示圖4.16 SongType類(lèi)圖Comments類(lèi)用來(lái)記錄歌曲評(píng)論等信息，實(shí)現(xiàn)評(píng)論功能。相關(guān)類(lèi)圖如圖4.17所示圖4.17 Comments類(lèi)圖ReplyComment類(lèi)用來(lái)記錄歌曲評(píng)論的回復(fù)信息，實(shí)現(xiàn)回復(fù)評(píng)論功能。相關(guān)類(lèi)圖如圖4.18所示圖4.18 ReplyComments類(lèi)圖Search類(lèi)用來(lái)記錄搜索內(nèi)容和搜索次數(shù)，用于實(shí)現(xiàn)熱搜功能。相關(guān)類(lèi)圖如圖4.19所示圖4.19 Search類(lèi)圖4.3.1業(yè)務(wù)類(lèi)類(lèi)圖UsersController類(lèi)用于實(shí)現(xiàn)用戶(hù)登錄注冊(cè)等功能的驗(yàn)證。相關(guān)類(lèi)圖如圖4.20所示圖4.20 UserController類(lèi)圖SongController類(lèi)用于實(shí)現(xiàn)歌曲相關(guān)功能。相關(guān)類(lèi)圖如圖4.21所示圖4.21 SongController類(lèi)圖SingerController類(lèi)用于實(shí)現(xiàn)歌手相關(guān)功能。相關(guān)類(lèi)圖如圖4.22所示圖4.22 SingerController類(lèi)圖CommentController類(lèi)用于實(shí)現(xiàn)對(duì)歌曲評(píng)論相關(guān)的功能。相關(guān)類(lèi)圖如圖4.23所示圖4.23 CommentsController類(lèi)圖SearchController類(lèi)用于實(shí)現(xiàn)熱搜的功能。相關(guān)類(lèi)圖如圖4.24所示圖4.24 SearchController類(lèi)圖第五章數(shù)據(jù)庫(kù)設(shè)計(jì)5.1E-R圖設(shè)計(jì)本系統(tǒng)是一個(gè)音樂(lè)播放系統(tǒng)，系統(tǒng)主要分為用戶(hù)模塊和管理員模塊；用戶(hù)模塊主要是登錄注冊(cè)功能、歌曲播放、歌單管理、評(píng)論、歌手歌曲詳細(xì)、歌曲搜索等功能；管理員模塊主要是歌曲上傳、增加歌手的功能。系統(tǒng)包括用戶(hù)、歌曲、評(píng)論、歌手等4個(gè)實(shí)體。E_R總圖如圖5.1所示。圖5.1系統(tǒng)ER總圖5.1.1用戶(hù)實(shí)體用戶(hù)實(shí)體主要包含：用戶(hù)編號(hào)，用戶(hù)昵稱(chēng)，密碼，用戶(hù)角色，注冊(cè)時(shí)間，手機(jī)號(hào)，用戶(hù)頭像等屬性信息，詳細(xì)描述了用戶(hù)的各種屬性。用戶(hù)實(shí)體E-R圖，如圖5.2所示。圖5.2用戶(hù)實(shí)體E-R圖5.1.2歌曲實(shí)體歌曲實(shí)體主要包含：歌曲編號(hào)、歌曲名、歌手編號(hào)、歌曲時(shí)長(zhǎng)、歌曲文件、歌詞文件、發(fā)布時(shí)間、播放次數(shù)、歌曲類(lèi)型、注冊(cè)時(shí)間，歌曲類(lèi)型等屬性。歌曲實(shí)體E-R圖，如圖5.3所示。圖5.3歌曲實(shí)體E-R圖5.1.3歌手實(shí)體歌手實(shí)體主要包含：歌手編號(hào)、歌手名字、歌手類(lèi)型、性別、歌手圖片、歌手首字母、代表作等必要信息，還包括星座、名族、出生地等一些其他非必要的信息用來(lái)顯示歌手的個(gè)人信息，跟系統(tǒng)功能并無(wú)太大關(guān)聯(lián)。歌手實(shí)體E-R圖，如圖5.4所示。圖5.4歌手實(shí)體E-R圖5.1.4評(píng)論實(shí)體評(píng)論實(shí)體主要是用戶(hù)對(duì)于某個(gè)歌曲的評(píng)論。主要包含：評(píng)論編號(hào)、評(píng)論內(nèi)容、評(píng)論時(shí)間、評(píng)論用戶(hù)、點(diǎn)贊次數(shù)、歌曲編號(hào)等屬性。歌手實(shí)體E-R圖，如圖5.5所示。圖5.5評(píng)論實(shí)體E-R圖5.2邏輯結(jié)構(gòu)設(shè)計(jì)5.2.1歌曲表在歌曲榜單界面上，根據(jù)歌曲類(lèi)別顯示不同歌曲；歌曲詳情、歌曲搜索、歌單等頁(yè)面顯示歌曲對(duì)應(yīng)的歌手，其邏輯結(jié)構(gòu)如表5-1所示。表5-1歌曲表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id歌曲編號(hào)int不可2.name歌曲名varchar不可3.songTypeName歌曲類(lèi)別名varchar不可4.singerName歌手名varchar不可5.2.2歌手表在歌手頁(yè)面根據(jù)歌手分類(lèi)顯示歌手；歌手詳細(xì)頁(yè)面顯示歌手代表作等信息，其邏輯結(jié)構(gòu)如表5-2所示。表5-2歌手表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id歌手編號(hào)int不可2.name歌手名varchar不可3.singerTypeName歌手類(lèi)別名varchar不可4.songNameList歌手代表作List不可歌手代表作集合5.2.3評(píng)論表在歌曲詳情界面中的評(píng)論功能中；一條評(píng)論有其評(píng)論人昵稱(chēng)、評(píng)論人頭像、評(píng)論內(nèi)容、點(diǎn)贊次數(shù)、評(píng)論時(shí)間等信息，如果存在回復(fù)評(píng)論，則還有回復(fù)人昵稱(chēng)、回復(fù)內(nèi)容等信息，其邏輯結(jié)構(gòu)如表5-3所示。表5-3評(píng)論表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id評(píng)論編號(hào)int不可2.content評(píng)論內(nèi)容varchar不可3.time評(píng)論時(shí)間varchar不可4.count評(píng)論點(diǎn)贊數(shù)int不可5.usersName評(píng)論用戶(hù)昵稱(chēng)varchar不可6.usersPicture評(píng)論用戶(hù)頭像varchar不可7.replyContent回復(fù)評(píng)論內(nèi)容varchar可8.song歌曲varchar不可評(píng)論對(duì)應(yīng)的歌曲9.replyUsersName回復(fù)人昵稱(chēng)varchar不可存在回復(fù)評(píng)論時(shí)回復(fù)人不能為空5.3物理結(jié)構(gòu)設(shè)計(jì)音樂(lè)播放系統(tǒng)數(shù)據(jù)庫(kù)表關(guān)系圖如圖5.6所示圖5.6系統(tǒng)數(shù)據(jù)庫(kù)表關(guān)系圖5.3.1用戶(hù)表users整個(gè)系統(tǒng)的用戶(hù)和管理員登錄驗(yàn)證的數(shù)據(jù)，本表中的數(shù)據(jù)能夠根據(jù)用戶(hù)的成功注冊(cè)而添加，管理員的賬號(hào)等在最初時(shí)設(shè)置，分發(fā)給管理員，用戶(hù)表如5-4表所示。表5-4用戶(hù)表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id用戶(hù)編號(hào)int不可主鍵、自增2.username用戶(hù)昵稱(chēng)varchar不可用戶(hù)的昵稱(chēng)3.password密碼varchar不可4.tel手機(jī)號(hào)varchar不可5.role角色int不可6.time注冊(cè)時(shí)間varchar不可7.picture用戶(hù)頭像varchar不可默認(rèn)頭像8.remark備注varchar可5.3.2歌曲表song該表主要存放的是歌曲的信息，主要包括歌曲id、歌曲名、歌詞文件、歌曲文件、時(shí)長(zhǎng)、上架時(shí)間、歌曲類(lèi)型、歌手等基本信息，只有管理員能往該表中添加數(shù)據(jù)，歌曲表如5-5所示表5-5歌曲表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id歌曲idint不可主鍵、自增2.name歌曲名varchar不可3.time上架時(shí)間varchar不可4.lyric歌詞varchar不可5.mp3歌曲varchar不可6.count播放次數(shù)varchar不可默認(rèn)為07.duration歌曲時(shí)長(zhǎng)varchar不可8.singerid歌手idint不可外鍵、關(guān)聯(lián)歌手表9.song_typeid歌曲類(lèi)型idint不可外鍵、關(guān)聯(lián)歌曲類(lèi)型表10.remark備注varchar可5.3.3歌手表singer該表是存儲(chǔ)了歌手的相關(guān)信息，管理員在管理模塊能夠?qū)Ω枋诌M(jìn)行新增，歌手表如5-6所示表5-6歌手表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id歌手idint不可主鍵、自增2.name歌手名varchar不可3.alias別名varchar可4.language國(guó)籍varchar可5.birthday生日varchar可6.height身高varcahr可7.sex性別varchar不可8.nation民族varchar可9.birthplace出生地varchar可10.constellation星座varchar可11.weight體重varchar可12.picture歌手相片varchar不可13.singer_typeid歌手類(lèi)型int不可外鍵、關(guān)聯(lián)歌手類(lèi)型表14.job工作varchar可15.firstname首字母varchar不可16.remark備注varchar可5.3.4歌曲類(lèi)型表song_type存放歌曲的類(lèi)型，在歌曲排行榜中有各種類(lèi)別的歌曲的排行，歌曲類(lèi)別表如5-7所示表5-7歌曲類(lèi)別表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id類(lèi)別idint不可主鍵2.name類(lèi)別名varchar不可3.remark備注varchar （續(xù)前表）5.3.5歌手類(lèi)別表singer_type存放歌曲的類(lèi)型，在歌曲排行榜中有各種風(fēng)格歌手的歌曲排行，歌手類(lèi)別表如5-8所示表5-8歌手類(lèi)別表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id類(lèi)別idint不可主鍵2.name特征名varchar不可3.reamrk備注varchar可5.3.6評(píng)論表comments該表與歌曲表相關(guān)聯(lián)，是一首歌曲的評(píng)論，存儲(chǔ)的主要是評(píng)論人、評(píng)論時(shí)間、評(píng)論內(nèi)容、評(píng)論點(diǎn)贊次數(shù)、該評(píng)論的回復(fù)評(píng)論等信息，方便查看該歌曲的好評(píng)度，評(píng)論表如5-9所示表5-9評(píng)論表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id評(píng)論idint不可主鍵、自增2.content評(píng)論內(nèi)容varchar不可3.time評(píng)論時(shí)間varchar不可4.count點(diǎn)贊次數(shù)int不可5.userid評(píng)論人idint不可外鍵、關(guān)聯(lián)用戶(hù)表6.songid歌曲idint不可外鍵、關(guān)聯(lián)歌曲表7.remark備注varchar可5.3.7回復(fù)評(píng)論表reply_comment該表是對(duì)應(yīng)一首歌曲的評(píng)論的回復(fù)評(píng)論的信息，也算是一個(gè)小型的社交了，對(duì)歌曲的評(píng)論有不同見(jiàn)解等可以互相交流，回復(fù)評(píng)論表如5-10所示表5-10回復(fù)評(píng)論表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id回復(fù)評(píng)論編號(hào)int不可主鍵、自增2.contnet回復(fù)評(píng)論內(nèi)容varchar不可3.time回復(fù)評(píng)論時(shí)間varchar不可4.commentsid評(píng)論idint不可外鍵、關(guān)聯(lián)評(píng)論表userid用戶(hù)idint不可外鍵、關(guān)聯(lián)用戶(hù)表remark備注varchar可5.3.8搜索表search該表是存了一些歌曲，歌手等關(guān)鍵字，以及該關(guān)鍵字的搜索次數(shù)，可以看出哪些歌手、歌曲搜索最多，歌曲歌手的熱度等，搜索表如5-11所示表5-11搜索表序號(hào)字段名中文說(shuō)明類(lèi)型可空備注1.id搜索編號(hào)int不可主鍵、自增2.content搜索內(nèi)容varchar不可3.count搜索次數(shù)int不可4.remark備注varchar可第六章系統(tǒng)實(shí)現(xiàn)本系統(tǒng)主要包括用戶(hù)模塊（用戶(hù)注冊(cè)界面、用戶(hù)登錄界面、網(wǎng)站首頁(yè)、歌曲詳細(xì)界面、歌手詳細(xì)界面、播放列表界面、搜索界面）后臺(tái)管理員模塊（增加歌手界面、上傳歌曲界面）。6.1用戶(hù)模塊設(shè)計(jì)6.1.1用戶(hù)注冊(cè)用戶(hù)注冊(cè)界面主要是新用戶(hù)注冊(cè)信息，用戶(hù)需要填寫(xiě)用戶(hù)名、密碼、手機(jī)號(hào)、確認(rèn)密碼，用戶(hù)要在本網(wǎng)站下載歌曲、評(píng)論等必須先進(jìn)行注冊(cè)。用戶(hù)注冊(cè)時(shí)所填的用戶(hù)名、手機(jī)號(hào)都需要驗(yàn)證；當(dāng)輸入的手機(jī)號(hào)存在時(shí)就不允許注冊(cè)，手機(jī)號(hào)必須為11位數(shù)。其界面如圖6.1所示圖6.1用戶(hù)注冊(cè)界面6.1.2用戶(hù)賬號(hào)密碼登錄如果用戶(hù)已經(jīng)注冊(cè)，輸入正確的手機(jī)號(hào)和密碼后，便登錄本網(wǎng)站；如果輸入為不存在用戶(hù)或者輸入錯(cuò)誤密碼系統(tǒng)都會(huì)報(bào)出用戶(hù)名或密碼錯(cuò)誤。賬號(hào)密碼登錄界面如圖6.2所示圖6.2賬號(hào)密碼登錄界面6.1.3用戶(hù)手機(jī)驗(yàn)證碼登錄如果用戶(hù)已經(jīng)注冊(cè)，也可以使用手機(jī)接收短信驗(yàn)證碼進(jìn)行登錄。驗(yàn)證碼登錄界面如圖6.3所示圖6.3驗(yàn)證碼登錄界面其中，短信接收結(jié)果如6.4所示圖6.4驗(yàn)證碼接收結(jié)果其中獲取手機(jī)驗(yàn)證碼的代碼及其驗(yàn)證代碼如下：6.1.4網(wǎng)站首頁(yè)用戶(hù)在登錄成功之后，進(jìn)入該系統(tǒng)的主界面，在該主界面，用戶(hù)可以瀏覽到網(wǎng)站的一些推薦信息，推薦歌曲等，點(diǎn)擊進(jìn)入可以開(kāi)始聽(tīng)歌。網(wǎng)站首頁(yè)如圖6.5所示圖6.5網(wǎng)站首頁(yè)界面6.1.5榜單頁(yè)面在進(jìn)入榜單頁(yè)面時(shí)，可以看到各種榜單，熱歌榜、新歌榜、華語(yǔ)榜等各種類(lèi)型的歌曲的排行榜。榜單頁(yè)面如圖6.6所示圖6.6榜單界面6.1.6歌手相關(guān)頁(yè)面在進(jìn)入歌手頁(yè)面時(shí)，可以看到各個(gè)歌手的圖片，以及代表作等，還可以查看各種類(lèi)型的歌手，點(diǎn)擊歌手圖片可以查看歌手的詳細(xì)信息，點(diǎn)擊歌曲可以查看歌曲的詳細(xì)信息。歌手頁(yè)面如圖6.7所示圖6.7歌手界面6.1.7歌手詳細(xì)頁(yè)面在進(jìn)入歌手詳細(xì)頁(yè)面時(shí)，可以看到歌手的基本信息以及歌手的歌曲。歌手詳細(xì)界面如圖6.8所示圖6.8歌手詳細(xì)界面歌手詳細(xì)界面中的另一部分，歌手代表作界面如圖6.9所示 圖6.9歌手詳細(xì)界面代表作部分6.1.8歌曲詳細(xì)頁(yè)面在進(jìn)入歌曲詳細(xì)頁(yè)面時(shí)，首先就可以看到這首歌的歌詞，右邊是歌手圖片，播放按鈕可以跳轉(zhuǎn)到播放頁(yè)面，下載按鈕可以下載這首歌，并且在下方，可以看到用戶(hù)對(duì)歌曲的評(píng)論信息，以及可以做出評(píng)論、回復(fù)評(píng)論、點(diǎn)贊等，最下方可以看到該歌手的TOP榜以及整個(gè)系統(tǒng)的TOP榜。歌曲詳細(xì)頁(yè)面如圖6.10所示,其中的評(píng)論相關(guān)內(nèi)容如圖6.11所示圖6.10歌曲詳細(xì)界面圖6.11歌曲詳細(xì)界面中的評(píng)論部分其中，QQ表情的使用代碼如下6.1.8播放頁(yè)面歌曲播放頁(yè)面主要顯示的是自己的歌單，并且可以對(duì)歌曲進(jìn)行播放，可以選擇順序播放、隨機(jī)播放、單曲循環(huán)等模式，播放時(shí)歌詞會(huì)跟著播放進(jìn)度跳動(dòng)，還可以從歌單中移除自己不想要的歌曲。播放頁(yè)面如圖6.12所示圖6.12播放界面6.1.5搜索頁(yè)面在搜索頁(yè)面，可以根據(jù)自己輸入的關(guān)鍵字查出一些歌手或者歌曲，右側(cè)有一個(gè)熱搜榜單，根據(jù)搜索次數(shù)決定的排行。搜索界面如圖6.13所示圖6.13搜索界面6.2管理員模塊設(shè)計(jì)6.2.1新增歌手頁(yè)面在新增歌手頁(yè)面，管理員可以往音樂(lè)播放系統(tǒng)中增加歌手，以便于后面為該歌手增加新歌。新增歌曲界面如圖6.14所示圖6.14新增歌手界面6.2.2歌曲上傳頁(yè)面在歌曲上傳頁(yè)面，管理員可以為系統(tǒng)中的已經(jīng)存在的歌手添加新歌，包括新歌的播放文件以及歌詞文件。歌曲上傳界面如圖6.15所示圖6.15歌曲上傳界面

第七章系統(tǒng)測(cè)試7.1系統(tǒng)測(cè)試綜述測(cè)試的方案是測(cè)試階段非常關(guān)鍵的問(wèn)題。本系統(tǒng)為了降低測(cè)試的成本，采用黑盒測(cè)試。即對(duì)每一個(gè)功能模塊進(jìn)行測(cè)試，并不關(guān)心其內(nèi)部如何實(shí)現(xiàn)，只要功能能夠正常運(yùn)行，便能達(dá)到交付階段。在黑盒法測(cè)試方案中采用等價(jià)劃分技術(shù)，把所有可能的輸入數(shù)據(jù)劃分成幾個(gè)等價(jià)類(lèi)，其劃分類(lèi)在以下的輸入中再詳述。7.2測(cè)試用例7.2.1用戶(hù)注冊(cè)測(cè)試測(cè)試編號(hào)：001功能描述：用戶(hù)注冊(cè)功能URL：http://localhost:8080/OMmusic/front/loginAndRegister.jsp用例目的：測(cè)試能否注冊(cè)前提條件：進(jìn)入注冊(cè)頁(yè)面測(cè)試操作：詳情見(jiàn)表7-1會(huì)員注冊(cè)測(cè)試操作表表7-1用戶(hù)注冊(cè)測(cè)試操作表編號(hào)輸入/動(dòng)作期望的輸出響應(yīng)實(shí)際情況是否正確錯(cuò)誤編號(hào)1注冊(cè)界面輸入框輸入信息不全系統(tǒng)提示這是必填字段系統(tǒng)提示這是必填字段正確2密碼小于等于6位提示密碼不能小于6位提示密碼不能小于6位正確3兩次輸入密碼不一致提示密碼輸入不一致提示密碼輸入不一致正確4輸入的手機(jī)號(hào)不是11位提示手機(jī)號(hào)不正確提示手機(jī)號(hào)不正確正確5輸入的昵稱(chēng)包含非法字符提示請(qǐng)輸入合法字符提示請(qǐng)輸入合法字符正確6使用已經(jīng)注冊(cè)的手機(jī)號(hào)進(jìn)行注冊(cè)提示該手機(jī)號(hào)已經(jīng)注冊(cè)提示該手機(jī)號(hào)已經(jīng)注冊(cè)正確7.2.2用戶(hù)登錄測(cè)試測(cè)試編號(hào)：002功能描述：用戶(hù)登錄功能URL：http://localhost:8080/OMmusic/front/loginAndRegister.jsp用例目的：測(cè)試用戶(hù)能否登錄成功前提條件：進(jìn)入登錄頁(yè)面測(cè)試操作：詳情見(jiàn)表7-2用戶(hù)登錄測(cè)試操作表7-2用戶(hù)登錄測(cè)試操作編號(hào)輸入/動(dòng)作期望的輸出響應(yīng)實(shí)際情況是否正確錯(cuò)誤編號(hào)1登錄界面信息輸入不全系統(tǒng)提示這是必填字段系統(tǒng)提示這是必填字段正確2使用未注冊(cè)的手機(jī)號(hào)進(jìn)行登錄系統(tǒng)提示該手機(jī)號(hào)未注冊(cè)系統(tǒng)提示該手機(jī)號(hào)未注冊(cè)正確3輸入錯(cuò)誤密碼提示賬號(hào)密碼錯(cuò)誤提示賬號(hào)密碼錯(cuò)誤正確4輸入錯(cuò)誤的驗(yàn)證碼驗(yàn)證碼輸入錯(cuò)誤驗(yàn)證碼輸入錯(cuò)誤正確7.2.3評(píng)論相關(guān)測(cè)試測(cè)試編號(hào)：003功能描述：用戶(hù)對(duì)歌曲進(jìn)行評(píng)論相關(guān)操作功能URL：http://localhost:8080/OMmusic/front/music-detail.jsp用例目的：測(cè)試用戶(hù)能否成功評(píng)論前提條件：用戶(hù)必須登錄測(cè)試操作：詳情見(jiàn)表7-3用戶(hù)評(píng)論相關(guān)測(cè)試操作表7-3用戶(hù)評(píng)論相關(guān)測(cè)試操作編號(hào)輸入/動(dòng)作期望的輸出響應(yīng)實(shí)際情況是否正確錯(cuò)誤編號(hào)1未登錄直接查看歌曲詳情系統(tǒng)提示請(qǐng)先登錄系統(tǒng)提示請(qǐng)先登錄正確2登錄之后進(jìn)行評(píng)價(jià)成功評(píng)價(jià)成功評(píng)價(jià)正確3登錄之后進(jìn)行點(diǎn)贊點(diǎn)贊次數(shù)加一點(diǎn)贊次數(shù)加一正確4點(diǎn)贊之后再次進(jìn)行點(diǎn)贊點(diǎn)贊次數(shù)不增加點(diǎn)贊次數(shù)不增加正確5對(duì)評(píng)論進(jìn)行回復(fù)成功回復(fù)成功回復(fù)正確（續(xù)前表）7.2.4播放列表操作測(cè)試測(cè)試編號(hào)：004功能描述：用戶(hù)對(duì)歌單的相關(guān)操作功能URL：http://localhost:8080/OMmusic/front/play.jsp用例目的：測(cè)試能否添加到歌單和刪除歌單中歌曲前提條件：測(cè)試操作：詳情見(jiàn)表7-4歌單相關(guān)測(cè)試操作表7-4播放列表相關(guān)測(cè)試操作編號(hào)輸入/動(dòng)作期望的輸出響應(yīng)實(shí)際情況是否正確錯(cuò)誤編號(hào)1未登錄直接進(jìn)入播放歌單20首歌歌單20首歌曲正確2未登錄進(jìn)行添加到歌單添加成功添加成功正確3未登錄進(jìn)行移除歌單歌曲移除成功移除成功正確4下次未登錄系統(tǒng)進(jìn)入歌單歌單20首歌歌單20首歌正確5登錄之后進(jìn)入歌單歌單為空歌單為空正確6登錄之后添加到歌單成功添加成功添加正確7下一次登錄賬號(hào)時(shí)查看歌單與上次操作歌單后的結(jié)果一樣與上次操作歌單后的結(jié)果一樣正確7.2.5搜索測(cè)試測(cè)試編號(hào)：005功能描述：搜索測(cè)試功能URL：http://localhost:8080/OMmusic/front/search .jsp用例目的：測(cè)試搜索操作前提條件：測(cè)試操作：詳情見(jiàn)表7-5用戶(hù)評(píng)論相關(guān)測(cè)試操作表7-5用戶(hù)評(píng)論相關(guān)測(cè)試操作編號(hào)輸入/動(dòng)作期望的輸出響應(yīng)實(shí)際情況是否正確錯(cuò)誤編號(hào)1進(jìn)入搜索頁(yè)面進(jìn)行搜索查詢(xún)出結(jié)果查詢(xún)出結(jié)果正確2進(jìn)入搜索頁(yè)面進(jìn)行搜索搜索次數(shù)增加，排行根據(jù)情況變動(dòng)搜索次數(shù)增加，排行根據(jù)情況變動(dòng)正確7.2.6歌曲詳情測(cè)試測(cè)試編號(hào)：006功能描述：歌曲詳情測(cè)試功能URL：http://localhost:8080/OMmusic/front/music-detail.jsp用例目的：測(cè)試查看歌曲詳情前提條件：測(cè)試操作：詳情見(jiàn)表7-6歌曲詳情相關(guān)測(cè)試操作表7-6歌曲詳情相關(guān)測(cè)試操作編號(hào)輸入/動(dòng)作期望的輸出響應(yīng)實(shí)際情況是否正確錯(cuò)誤編號(hào)1未登錄進(jìn)入歌曲詳情頁(yè)提示請(qǐng)登錄提示請(qǐng)登錄正確2已登錄進(jìn)入歌曲詳情頁(yè)顯示該歌曲的詳情顯示歌曲詳情正確7.2.7歌手詳情測(cè)試測(cè)試編號(hào)：007功能描述：歌手詳情測(cè)試功能URL：http://localhost:8080/OMmusic/front/singerInfo.jsp用例目的：測(cè)試查看歌手詳情前提條件：測(cè)試操作：詳情見(jiàn)表7-7歌手詳情相關(guān)測(cè)試操作表7-7歌手詳情相關(guān)測(cè)試操作編號(hào)輸入/動(dòng)作期望的輸出響應(yīng)實(shí)際情況是否正確錯(cuò)誤編號(hào)1未登錄進(jìn)入歌手詳情頁(yè)提示請(qǐng)登錄提示請(qǐng)登錄正確2已登錄進(jìn)入歌手詳情頁(yè)顯示該歌手的詳情歌手頭像未能正確顯示錯(cuò)誤001

7.2.8歌曲詳情測(cè)試測(cè)試編號(hào)：008功能描述：歌曲榜單測(cè)試功能URL：http://localhost:8080/OMmusic/front/rank.jsp用