[5]。

第2章需求分析2.1系統概述此系統的優點是界面美觀、人性化、操作便捷，為游客、用戶帶來了良好的體驗，同時提高了管理員維護的效率。當游客進入在線音樂網站時，可以根據自己喜歡的音樂人、音樂、歌單風格等在搜索框輸入查找，也可以在首頁下方找到對應的音樂人、歌單。找到音樂后可以進行播放音樂，查看歌詞，在播放欄可以切歌、下載、調節大小聲音、收縮播放欄以外還可以查看音樂人、音樂、歌單的信息、歌詞。除了未登錄用戶的功能外，還可以對收藏的音樂，對音樂人、歌單進行評分、評論，更新頭像。后臺管理員可以進行系統分析、用戶、歌手、歌單管理等。2.1.2系統功能描述該系統具體實現的模塊如下：用戶管理模塊：游客正確鍵入注冊信息，登錄系統，能修改資料。管理員進入后臺到相應頁面即可管理用戶。 音樂信息管理：管理員根據上架的音樂信息，顯示到前端，供用戶瀏覽。在系統中添加音樂，供用戶瀏覽、聽歌。發布信息有誤，到相應頁面修改。已上架的歌曲進行刪除。收藏音樂管理：游客不能對音樂進行管理。用戶添加收藏音樂，在播放欄中收藏進行選擇，即可進行添加該音樂。對于添加收藏音樂有誤，將該收藏音樂信息從系統中刪除。（4）歌手信息管理：管理員根據上架的歌手信息，顯示到前端，供用戶瀏覽查看。在“歌手管理”進行管理。（5）歌單信息管理：管理員根據上架的歌單信息，顯示到前端，供用戶瀏覽。在“歌單管理”進行管理。（6）歌單評價管理：用戶想查看該歌單的評價，在歌單頁面進行查看。已登錄的用戶想對喜歡的歌單進行評價，在歌單頁面進行查看。未登錄的用戶不能對其進行評價。管理員刪除歌單評價，顯示到前端，供用戶進行瀏覽查看。2.1.3業務流程分析對系統進行業務流程分析能使開發者對系統的業務流程和系統的業務邏輯更加的清楚。通常對業務流程進行分析的方法是使用流程圖。 以下是對此系統的主要的業務流程及業務邏輯進行分析。音樂信息流程：主要是對任何用戶查看音樂信息。音樂信息流程如下：圖2-1音樂信息流程 收藏音樂流程：主要是對用戶想添加或者取消收藏音樂時，須登錄網站，找到收藏夾，添加或者取消收藏音樂。收藏音樂流程如下：圖2-2收藏音樂流程（3）修改音樂流程：主要是管理員對音樂進行修改，將修改音樂上傳至前端，供用戶瀏覽。修改音樂流程如下：圖2-3修改音樂流程（4）歌單評價流程：歌單評價主要是對用戶想對該歌單進行評價時，用戶須登錄網站，對相應的歌單進行評價。收藏音樂流程如下：圖2-4歌單評價流程2.2數據流圖數據流圖是全面描述信息系統的邏輯模型的工具，它只需要4種簡單的符號就可以綜合的反映數據在系統內部的流動、處理和存儲的情況REF_Ref96270580\r\h[9]。用戶、管理員是此系統頂層數據流圖兩個主要的外部實體。瀏覽音樂網站的是用戶。注冊并登錄后，即可對音樂收藏、評論操作。還可以對其進行播放、查詢音樂、歌手等操作。管理員則可以對系統中的數據進行管理，修改后供用戶搜索數據。圖2-4頂層數據流圖0層數據流圖主要描述了整個系統的主要數據流和操作流。游客填寫信息保存至用戶信息表。管理音樂存儲至收藏表。資料修改存儲至用戶信息表。評論后存儲至評論信息表。網站上查看評論內容，從評論信息表中進行查看。管理員對網站管理，變更音樂信息，存儲至音樂信息表，供用戶聽歌和瀏覽信息。圖2-5符號說明 圖2-60層數據流圖2.3數據字典通過數據字典可以對數據流圖上的每一個成分加以定義或說明。為之后的數據庫設計提供了重要的參考。2.3.1核心數據流編號：FIO-1數據流名稱：填寫注冊信息請求簡述：未注冊用戶注冊來源：用戶的注冊請求去向：用戶信息存儲文件組成：用戶名+個人簡介+注冊時間+用戶編號+密碼+頭像地址編號：FIO-2數據流名稱：登錄請求簡述：未登錄用戶登錄請求來源：用戶登錄請求去向：用戶信息存儲文件組成：用戶名+個人簡介+注冊時間+密碼+性別+頭像地址編號：FIO-3數據流名稱：返回登錄結果簡述：查結果來源：用戶信息存儲文件去向：查登錄結果組成：用戶賬號+個人簡介+密碼+頭像地址+注冊時間+返回狀態編號：FIO-4數據流名稱：添加或取消收藏請求簡述：收藏或取消音樂請求來源：收藏音樂去向：收藏信息存儲文件組成：收藏類型+收藏時間+用戶編號+音樂編號編號：FIO-5數據流名稱：變更后的收藏數據結果簡述：返回收藏數據結果來源：收藏信息存儲文件去向：查看播放欄收藏結果組成：用戶編號+音樂編號+音樂名+返回狀態編號：FIO-6數據流名稱：查詢音樂信息請求簡述：用戶查詢音樂來源：用戶請求音樂信息請求去向：音樂信息存儲文件組成：歌手名+歌手編號+音樂名+專輯+頭像地址+歌詞+音樂地址編號：FIO-7數據流名稱：音樂信息的結果簡述：用戶收藏數據結果來源：音樂信息存儲文件去向：音樂網站頁面組成：歌手名+歌手編號+音樂名+專輯+頭像地址+歌詞+音樂地址+返回狀態編號：FIO-8數據流名稱：管理信息請求簡述：管理音樂信息請求來源：管理員管理音樂信息請求去向：音樂信息存儲文件組成：音樂名+歌單名+歌手+歌詞+音樂文件+評論內容編號：FIO-9數據流名稱：音樂信息結果簡述：管理音樂信息結果來源：音樂信息存儲文件去向：管理音樂信息結果組成：音樂名+歌單名+歌手+歌詞+音樂文件+評論內容編號：FIO-10數據流名稱：查看評論請求簡述：看評論來源：看內容去向：評論信息存儲文件組成：評論時間+評論內容+用戶編號+歌單編號編號：FIO-11數據流名稱：評論信息結果簡述：查看返回評論信息結果來源：評論信息存儲文件去向：查看評論區的結果組成：用戶編號+評論類型+歌單編號+評論內容+評論時間+返回狀態2.3.2核心數據存儲編號：FIO-1數據存儲名稱：用戶信息簡述：用戶信息存儲數據存儲組成：頭像地址+注冊時間+用戶名+用戶編號+個人簡介+密碼編號：FIO-2數據存儲名稱：收藏信息簡述：收藏信息存儲數據存儲組成：用戶編號+收藏編號+音樂編號編號：FIO-3數據存儲名稱：音樂信息簡述：音樂信息存儲數據存儲組成：歌手名+歌手編號+音樂名+專輯+頭像地址+歌詞+音樂地址編號：FIO-4數據存儲名稱：評論信息簡述：評論信息存儲數據存儲組成：用戶編號+評論類型+歌單編號+評論內容+評論時間第3章系統設計3.1在線音樂網站總體設計在線音樂網站前端模塊分為用戶管理、音樂信息、收藏夾、音樂評價、歌單信息、歌手信息。在線音樂網站前端結構如圖3-1所示。圖3-1在線音樂網站系統前臺功能結構圖（1）用戶管理：修改資料和更新頭像。（2）音樂信息：能在歌單、歌創作的音樂查看信息，在搜索框鍵入音樂進行搜索，并在搜索列表中選擇喜歡的歌曲點按播放，播放欄中進行下載。（3）收藏夾：“我的音樂”被用戶選擇，可以查看所收藏的音樂且還能播放。（4）音樂評價：在歌單、音樂人頁面進行評分、評論。（5）歌單信息：“歌單”被選擇，跳轉頁面查看。（6）歌手信息：“歌手”被選擇，跳轉頁面查看。在線音樂網站的后臺功能模塊分別為歌手管理、系統分析、用戶管理、歌單管理，如圖3-2所示：圖3-2在線音樂網站后端功能結構圖（1）系統首頁：瀏覽系統數據。（2）用戶管理：在搜索欄查詢信息，頁面進行用戶管理。（3）歌手管理：對歌手、所創作音樂進行管理。（4）歌單管理：對歌單、所屬音樂進行管理。3.2在線音樂網站前臺功能模塊設計3.2.1用戶管理模塊登錄前端后，頭像下拉框進行選擇，更新信息。用戶管理功能流程如圖3-4所示。圖3-4用戶管理操作流程用戶管理功能操作步驟如下所示：（1）：登錄前端。（2）：返回狀態為登錄失敗，跳到步驟1。反之，跳到步驟3。（3）：頭像下拉框中選擇更新資料，進入步驟4。（4）：編輯個人信息成功。（5）：功能操作完畢。3.2.2音樂信息模塊用戶在可以在列表進行查看音樂信息，在搜索框進行搜索。列表中選擇音樂，播放欄下載。音樂信息功能流程如圖3-5所示。圖3-5歌曲分類點歌的操作流程歌曲分類點歌功能操作步驟如下所示：（1）：登錄前端，查看音樂到步驟2，搜索音樂到步驟3。（2）：聽某個歌手、歌單的音樂，到步驟4。（3）：搜索框上鍵入音樂、音樂人、歌單風格。如果搜索匹配不成功，提示“系統正在積極調配中…”。如果搜索匹配成功，則到步驟4。（4）：選擇播放的音樂，點按播放或者播放欄進行下載。（5）：功能操作完畢。3.2.3收藏夾模塊登錄前端后，“我的音樂”被用戶選擇。收藏夾功能流程如圖3-6所示。圖3-6收藏夾的操作流程收藏夾功能操作步驟如下所示：（1）：登錄前端。（2）：返回狀態為成功，跳到步驟3。反之，跳到步驟1。（3）：“我的音樂”被用戶選擇，即可查看收藏夾內信息。（4）：點按播放。（5）：功能操作完畢。3.2.4音樂評價模塊登錄前端后，選擇“歌手”或“歌單”，可以對該音樂人、歌單進行評分、評論。歌曲收藏點歌功能流程如圖3-7所示。圖3-7音樂評價的操作流程音樂評價功能操作步驟如下所示：（1）：登錄前端。（2）：返回狀態為成功，跳到步驟3。反之，跳到步驟1。（3）：選擇“歌手”，“歌單”，進入到相應的界面。（4）：想要進入步驟5，前提是判斷音樂人評分、歌單頁面評分、評論是否有違禁詞。存在違禁詞，返回步驟3。（5）：評論成功。（6）：功能操作完畢。3.3在線音樂網站后臺功能模塊設計3.3.1系統分析模塊后臺“系統分析”被管理員選擇，自動分析出系統數據。系統分析具體操作流程如圖3-8所示。圖3-8系統分析功能流程圖歌曲管理功能操作步驟如下所示：（1）：登錄后臺。（2）：登錄成功就到步驟3。反之，跳到步驟1。（3）：展示后臺。（4）：選擇“系統分析”。（5）：瀏覽系統數據。（6）：功能操作完畢。3.3.2用戶管理模塊后臺“用戶管理”被管理員選擇。具體操作流程如圖3-9所示。圖3-9用戶管理功能流程圖歌手管理功能操作步驟如下所示：（1）：登錄后臺。（2）：返回登錄成功，跳到步驟3。反之，跳到步驟1。（3）：展示后臺。（4）：選擇“用戶管理”。（5）：按照特定要求，進行用戶管理。（6）：功能操作完畢。3.3.3歌手管理模塊后臺“歌手管理”被管理員選擇，可以對音樂人及所創作音樂進行管理。具體操作流程如圖3-10所示。圖3-10歌手管理功能流程圖歌手管理功能操作步驟如下所示：（1）：登錄后臺。（2）：返回成功，跳到步驟3。反之，跳到步驟1。（3）：展示后臺。（4）：選擇“歌手管理”。（5）：按照需求選擇，即可對歌手及其所創作音樂進行管理。（6）：功能操作完畢。3.3.4歌單管理模塊后臺“歌單管理”被管理員選擇，對該歌單內音樂、評論進行管理。具體操作流程如圖3-11所示。圖3-11歌單管理功能流程圖歌單管理功能操作步驟如下所示：（1）：登錄后臺。（2）：返回登錄成功，跳到步驟3。反之，跳到步驟1。（3）：展示后臺。（4）：選擇“歌單管理”。（5）：按照需求，即可對歌單、歌單內的音樂、評論進行管理。（6）：功能操作完畢。3.4在線音樂網站數據庫概念設計3.4.1數據庫邏輯結構設計圖3-12數據庫實體關系圖（1）管理員實體關鍵模式說明：管理員（管理員ID、用戶名、密碼）主鍵：管理員ID外鍵：無管理員實體如圖3-13所示。圖3-13管理員實體圖（2）用戶實體關鍵模式說明：用戶（用戶ID、賬號、密碼、性別、個人簡介、出生年月、國籍）主鍵：用戶賬號外鍵：無用戶實體如圖3-14所示。圖3-14用戶實體圖（3）歌曲實體關鍵模式說明：歌曲（歌曲ID、名字、專輯、路徑、歌詞、圖片地址）主鍵：歌曲ID外鍵：歌手ID歌曲實體如圖3-15所示。圖3-15歌曲實體圖（4）歌手實體關鍵模式說明：歌手（歌手ID、名字、性別、地址、出生年月、國籍、個人簡介）主鍵：歌手ID外鍵：歌手ID歌手實體如圖3-16所示。圖3-16歌手實體圖（5）歌單實體關鍵模式說明：歌手（歌手ID、名字、性別、地址、出生年月、國籍、個人簡介）主鍵：歌單ID外鍵：歌單ID歌手實體如圖3-16所示。圖3-16歌單實體圖（6）評論實體關鍵模式說明：評論（評論ID、用戶ID、歌曲ID、內容、添加時間）主鍵：評論ID外鍵：歌手ID、歌單ID歌手實體如圖3-16所示。圖3-16評論實體圖3.4.2數據庫物理結構設計根據分析和設計，本系統主要涉及到以下表，管理員表(3-1)，評論表(3-2),收藏表(3-3),評分表(3-4),歌單歌曲表(3-5),歌單表(3-6),用戶表(3-7),歌曲表(3-8),歌手表(3-9)。（1）管理員表管理員表的字段結構設計如表3-1所示。表3-1管理員信息表(admin)代號字段名數據類型大小說明空值描述1idint11主鍵否管理員ID2usernamevarchar20否管理員用戶名3passwordvarchar255否管理員密碼（2）評論表評論表的字段結構設計如表3-2所示。表3-2評論表(discuss)代號字段名數據類型大小說明空值描述1idint11主鍵否評論ID2user_idint11否用戶ID3typetinyint1否評論類型4vocal_idint11外鍵是歌曲ID5678song_sheet_idcontentcreate_timeupintvarchardatetimeint11255011外鍵是否否否歌單ID評論內容評論時間點贊數（3）收藏表收藏表的字段結構設計如表3-3所示。表3-3收藏信息表(enshrine)代號字段名數據類型大小說明空值描述1idint11主鍵否收藏ID23456user_idtypevocal_idvocalist_idcreate_timeinttinyintintintdatetime11111110外鍵外鍵否否是是否用戶ID收藏類型歌曲ID歌手ID收藏時間（4）評分表評分表的字段結構設計如表3-4所示。表3-4評分表(grade)代號字段名數據類型大小說明空值描述1idint11主鍵否評分ID2song_sheet_idint11外鍵否歌單ID3user_idint11否用戶ID4scoreint11否歌曲分數（5）歌單歌曲表歌單歌曲表的字段結構設計如表3-5所示。表3-5歌單歌曲表(sheet_song)代號字段名數據類型大小說明空值描述1idint11主鍵否歌單歌曲ID23vocal_idvocalist_idintint1111外鍵外鍵否否歌曲ID歌手ID（6）歌單表歌單表的字段結構設計如表3-6所示。表3-6歌手信息表(song_sheet)代號字段名數據類型大小說明空值描述1idint11主鍵否歌單ID2titlevarchar255否歌單標題3picvarchar255否圖片地址4autographvarchar255否歌單簡介5stylevarchar11否歌單風格（7）用戶表歌曲收藏表的字段結構設計如表3-7所示。表3-7用戶表(user)代號字段名數據類型大小說明空值描述1idint11主鍵否用戶ID2usernamevarchar255否用戶賬號345678910passwordsexphoneemailbirthautographavatorlocationvarchartinyintcharchardatetimevarcharvarcharvarchar255115300255255255否否否否否否否否用戶密碼用戶性別用戶手機電子郵箱用戶生日個人簡介頭像地址用戶國籍（8）歌曲表歌曲表的字段結構設計如表3-8所示。表3-8歌曲表(vocal)代號字段名數據類型大小說明空值描述1idint11主鍵否歌曲ID2vocalist_idint11外鍵否歌手ID3456789usernameautographcreate_timeupdate_timepiclyricurlvarcharvarchardatetimedatetimevarchartextvarchar255255000255255否否否否否否否歌曲名字專輯名稱添加時間修改時間圖片地址歌曲歌詞歌曲地址（9）歌手表歌手表的字段結構設計如表3-9所示。表3-9歌手表(vocalist)代號字段名數據類型大小說明空值描述1idint11主鍵否歌手ID2usernamevarchar255否歌手姓名34567sexpicbirthlocationautographtinyintvarchardatetimevarchartext255115300否否否否否歌手性別圖片地址歌手生日歌手國籍個人簡介第4章系統實現4.1在線音樂網站前端模塊實現4.1.1在線音樂網站前端首頁展示實現前端由導航欄、音樂信息和下方播放器模塊組成。含有數據信息、收藏夾、查詢音樂、歌單、音樂切換、暫停、音量調節、當前播放歌曲名、切換至歌詞、收藏、下載、播放列表等功能。點歌首頁如圖4-1所示。圖4-1在線音樂網站首頁圖（1）搜索音樂、音樂人、歌單種類核心代碼returnvocalService.likeSelectVocalName(vocalName);（2）收藏音樂核心代碼returnenshrineService.insertEnshrine(enshrine1);（3）下載音樂代碼letblob=newBlob([content])eleLink.href=URL.createObjectURL(blob)document.body.appendChild(eleLink)（4）切換音樂代碼this.$mit('setListIndex',this.listIndex–1) this.toplay(this.listOfVocal[this.listIndex].url)4.1.2用戶管理模塊實現用戶管理模塊包含輸入框、確認按鈕、上傳框等。用戶管理模塊如圖4-2所示。圖4-2用戶管理系統模塊圖（1）編輯個人信息核心代碼returnuserService.updateUser(user);（2）修改頭像核心代碼returnuserService.updateUser(user);4.1.3音樂信息模塊實現音樂信息模塊包含音樂人、歌單的簡介、所創作的歌單。進行搜索，結果框播放，播放欄下載。音樂信息模塊如圖4-3所示。圖4-3音樂信息系統模塊圖（1）查看音樂核心代碼returnvocalistService.selectAllVocalist();（2）搜索音樂核心代碼returnvocalists=vocalistService.selectVocalistName(username);（3）播放音樂核心代碼letwlw1803ZwPlayer=this.$refs.wlw1803ZwPlaythis.$mit('setDuration',wlw1803ZwPlayer.duration)wlw1803ZwPlayer.play()（4）下載音樂核心代碼 letblob=newBlob([content])eleLink.href=URL.createObjectURL(blob)document.body.appendChild(eleLink)4.1.4收藏夾模塊實現收藏夾模塊包含了個人資料，收藏的音樂。收藏夾模塊如圖4-4所示。圖4-4收藏夾系統模塊圖（1）個人信息核心代碼returnuserService.selectUser(id);（2）查看音樂核心代碼 returnenshrineService.selectUserNameById(userId);4.1.5音樂評價模塊實現音樂評價模塊包含了評分模塊默認為5分，每個用戶只可評價一次，第一次為第一個用戶評價的分數，之后評價的分數之和除去評價人數，四舍五入得到評分數。評論模塊，鍵入評論內容后，提交評論，系統會自動過濾違禁詞，禁止發布。如果通過，在下方看到評論內容。音樂評價點歌模塊如圖4-5所示。圖4-5音樂評價系統模塊圖（1）評分核心代碼returngradeService.insertGrade(grade1);（2）評論核心代碼returndiscussService.insertDiscuss(discuss1);4.1.6歌單信息模塊實現歌單信息模塊包含相應的分類進行篩選。按照提示進行播放。歌手信息模塊如圖4-6所示。圖4-6查看歌單系統模塊圖（1）查看歌單核心代碼returnSongSheetService.selectSongSheetTitle(title);4.1.7歌手信息模塊實現歌單信息模塊包含歌手類型。歌單信息模塊如圖4-7所示。圖4-7歌單信息模塊圖（1）查看歌手核心代碼returnvocalistService.selectVocalistSex(sex);4.2在線音樂網站后端模塊實現4.2.1在線音樂網站后端首頁展示實現后端由菜單欄和數據信息組成，包括系統分析、用戶、歌手、歌單管理。在線音樂網站后端首頁如圖4-9所示。圖4-9系統后臺首頁圖（1）數據信息展示核心代碼returnSongSheetService.selectAllSongSheet();（2）數據比例分析展示核心代碼this.getByStyle(item.style)4.2.2用戶管理模塊實現用戶管理模塊包含選擇編輯按鈕對用戶數據信息的管理。用戶管理界面如圖4-10所示。圖4-10用戶管理模塊圖（1）用戶數據展示核心代碼 returnuserService.selectAllUser();添加用戶信息如圖4-11所示。圖4-11添加用戶信息界面（1）添加用戶數據核心代碼returnuserService.insertUser(user1);修改用戶數據如圖4-12所示。圖4-12修改用戶數據界面（1）修改用戶數據核心代碼 returnuserService.updateUser(user1); 刪除用戶數據如圖4-13所示。圖4-13刪除用戶數據界面（1）刪除用戶數據核心代碼 returnuserService.delUser(id);更新用戶圖片數據如圖4-14所示。圖4-14更新用戶數據界面（1）修改用戶數據核心代碼returnvocalistService.updateVocalist(vocalist);4.2.3歌手管理模塊實現歌手管理模塊包含了對音樂人數據、所屬歌曲的管理。歌手管理界面如圖4-15所示。圖4-15歌曲管理模塊圖（1）歌手數據展示核心代碼returnvocalistService.selectAllVocalist();添加歌手數據如圖4-16所示。圖4-16添加歌手數據界面（1）添加歌手數據核心代碼returnvocalistService.insertVocalist(vocalist1);修改歌手數據如圖4-17所示。圖4-17添加歌手數據界面（1）修改歌手數據核心代碼returnvocalistService.updateVocalist(vocalist1);更新歌手圖片數據如圖4-18所示。圖4-18更新歌手圖片界面（1）修改歌手數據核心代碼returnvocalistService.updateVocalist(vocalist);4.2.4歌單管理模塊實現歌單管理模塊包含對歌單、所屬評論的管理。歌單管理界面如圖4-19所示。圖4-19歌單管理界面（1）歌單數據展示核心代碼 returnSongSheetService.selectAllSongSheet();新增歌單數據如圖4-20所示。圖4-20新增歌單數據界面（1）新增歌單數據核心代碼 returnvocalistService.insertVocalist(vocalist1);修改歌單數據如圖4-21所示。圖4-21修改歌單數據界面（1）修改歌單數據核心代碼 returnSongSheetService.updateSongSheet(SongSheet1);歌單評論數據如圖4-22所示。圖4-22歌單評論數據界面（1）刪除評論核心代碼 returndiscussService.delDiscuss(id);歌單歌曲管理如圖4-23所示。圖4-23歌單歌曲數據界面（1）新增歌單歌曲核心代碼 returnsheetSongService.insertSheetSong(sheetSong1);（2）刪除歌單歌曲核心代碼 returnsheetSongService.delSheetSongBy2Id(map);4.3模塊測試本課題測試主要依據系統需求中的登錄注冊、搜索音樂、音樂人、歌單種類、收藏夾、收藏音樂、系統分析、用戶管理、歌手管理、歌單管理、評論管理等。根據系統的相關要求，測試將驗證每個部件的功能是否滿足測試要求，以及輸入數據通過測試后顯示的結果。測試中主要采用黑盒法進行測試。測試結果如表4-1所示。表4-1功能模塊測試結果表模塊名稱預期功能測試結果用戶注冊鍵入用戶個人信息，自動判斷正確，成功狀態自動跳轉到登錄界面。反之，跳回注冊頁面。符合預期音樂搜索搜索框鍵入音樂名，點按“搜索”。若搜索到，提示“恭喜你，找到該歌曲…”，在下方進行播放。否提示“暫未錄入該歌曲”。符合預期續表4-1音樂人搜索歌單種類搜索收藏夾收藏音樂播放列表音樂播放控制音樂下載音樂系統分析用戶管理歌手管理歌單管理在搜索框鍵入音樂人的姓名，然后點按“搜索”。如果找到該音樂人，提示“恭喜你，找到該音樂人”，即可在下方進行點歌。否則，提示“系統暫未錄入該音樂人”。在搜索框鍵入歌單種類，點按“搜索”。找到該種類，提示“恭喜你，找到歌單種類”，在下方進行點歌。反之，提示“系統暫未錄入該歌單種類”。收藏夾查看收藏音樂喜歡的歌曲放在收藏夾在播放欄查看播放列表播放器中選擇播放音樂播放欄進行上下首、查看歌詞、暫停、音量調節播放欄進行下載管理員查看系統數據管理員對用戶進行管理管理員對歌手進行管理管理員對歌單進行管理符合預期符合預期符合預期符合預期符合預期符合預期符合預期符合預期符合預期符合預期符合預期符合預期本課題介紹了基于SpringBoot的在線音樂網站系統的各個功能的具體實現，以及最后對系統的各個模塊功均進行了數據測試。測試結果表明，在線音樂網站系統的所有組件均運行良好，將數據輸入相應的模塊后，可以正確地跳轉到相應的界面并查看結果。

總結本課題是為了讓想聽歌的用戶不在局限于線上，網上聽歌使得用戶的體驗感上升一個檔次。同時也讓后臺的管理人員對這維護數據效率大大的提高。在確定這個課題的同時我也去網上查閱了大量的資料，了解了別人的思路，同時融入自己對這個項目的理解，也對自己越來越自信，所以敲定了這個在線音樂網站的課題。在需求分析的時候，我考慮了很多，從前端到后端再帶代碼的編寫，從用戶的體驗到管理者的維護再到代碼的編寫規范等等，完成的功能，達到的效果，了解別人的思路，融入對自己的理解，翻閱資料，最后才定下需求。考慮完需求后，從jdk環境開始配置，搭建數據庫，vue等。選擇搜索按鈕后，只能搜索一次的問題，使我陷入了苦惱。后來，苦苦思索，想到了解決的辦法，在后面帶一個隨機數，即可完美的解決這個問題。有時候是因為腦子拐進死角了才苦苦思索，以至于浪費了大量的時間。在做評論區過濾詞的時候，這是我第一次做評論區過濾詞，所以不知從何下手，咨詢了我的導師且網上查閱后才明白，原來在評論框進行監控，當評論框里出現違禁詞的時候，把按鈕的顯示變灰，且出現提示詞。這樣很快就可以對評論區的文字進行監控，評論發出的時