基于SpringBoot的在線音樂(lè)播放管理系統(tǒng)設(shè)計(jì)目錄TOC\o"1-3"\h\u摘要 [11]，數(shù)據(jù)依次通過(guò)控制層、業(yè)務(wù)層、數(shù)據(jù)訪問(wèn)層，通過(guò)MyBatis來(lái)訪問(wèn)MySQL數(shù)據(jù)庫(kù)，數(shù)據(jù)在后端完成系列操作后，會(huì)以JSON數(shù)據(jù)格式通過(guò)后端接口將數(shù)據(jù)返回給前端，前端在數(shù)據(jù)層接收到后端返回的數(shù)據(jù)會(huì)通過(guò)視圖模型層的數(shù)據(jù)雙向綁定將數(shù)據(jù)同步到視圖層并展示到界面。4.3系統(tǒng)模塊功能設(shè)計(jì)基于SpringBoot+Vue的在線音樂(lè)播放管理系統(tǒng)有用戶和超級(jí)管理員兩種角色。前臺(tái)模塊的角色為User，后臺(tái)模塊的角色為超級(jí)管理員。這兩個(gè)角色具有不同的權(quán)限。其中,根據(jù)前臺(tái)在線音樂(lè)廣播的特點(diǎn)和管理系統(tǒng),它可以分為注冊(cè)用戶登錄模塊、音樂(lè)模塊、歌曲評(píng)論模塊,歌手的分類(lèi)模塊、播放列表模塊的評(píng)級(jí),音樂(lè)播放器模塊,個(gè)人中心,我的音樂(lè)模塊八部分,系統(tǒng)功能模塊如圖4-2所示。圖4-2系統(tǒng)前臺(tái)所包含功能模塊示意圖根據(jù)在線音樂(lè)播放管理系統(tǒng)的后臺(tái)特點(diǎn)，分為五個(gè)模塊：數(shù)據(jù)統(tǒng)計(jì)模塊、歌手管理模塊、用戶管理模塊、歌曲列表管理模塊和用戶反饋管理模塊。系統(tǒng)后臺(tái)功能模塊如圖4-3所示。圖4-3系統(tǒng)后臺(tái)功能模塊圖4.4系統(tǒng)流程設(shè)計(jì)基于springboot+vue的在線音樂(lè)播放管理系統(tǒng)根據(jù)權(quán)限有所不同。系統(tǒng)流分為兩個(gè)部分:前面用戶的系統(tǒng)流程圖和后臺(tái)管理員的系統(tǒng)流程圖。接收數(shù)據(jù)時(shí)的用戶狀態(tài)分為“連接狀態(tài)”和“未連接狀態(tài)”。前臺(tái)可以成為訪問(wèn)者，進(jìn)入前臺(tái)系統(tǒng)進(jìn)行音樂(lè)搜索、網(wǎng)站資料搜索、音樂(lè)播放等工作，不需要訪問(wèn)者登錄也可以。在登錄狀態(tài)下，用戶可以下載音樂(lè)、收集音樂(lè)、在播放列表中查看歌曲、將播放列表分?jǐn)?shù)化、編輯個(gè)人信息、批評(píng)問(wèn)題。在后臺(tái)，管理員必須登錄以訪問(wèn)后臺(tái)系統(tǒng)。在登錄狀態(tài)下，管理員可以統(tǒng)計(jì)和管理網(wǎng)站資源。4.4.1用戶系統(tǒng)流程設(shè)計(jì)(1)用戶名必選參數(shù)。在登錄屏幕上輸入用戶名和密碼，然后單擊login按鈕登錄。首先，檢查您是否輸入了正確的用戶名和密碼。如果輸入錯(cuò)誤，則提示“用戶名和密碼錯(cuò)誤”。如果正確輸入，則提示“登錄成功”。連接用戶名和密碼的流程圖如圖4-4所示。圖4-4用戶名密碼登錄流程圖（2）短信驗(yàn)證碼，輸入用戶的短信驗(yàn)證號(hào)碼。在登錄界面點(diǎn)擊短信驗(yàn)證碼，確認(rèn)短信號(hào)碼是否有效。如果沒(méi)有顯示未注冊(cè)的短信號(hào)碼，顯示的是驗(yàn)證碼，請(qǐng)檢查短信驗(yàn)證碼是否正確。使用短信驗(yàn)證碼登錄的步驟如圖4-5所示。圖4-5手機(jī)短信驗(yàn)證碼登錄流程圖（3）注冊(cè)用戶。在注冊(cè)的畫(huà)面輸入注冊(cè)信息，點(diǎn)擊“注冊(cè)”按鈕進(jìn)行注冊(cè)。首先，我們要檢查填寫(xiě)的注冊(cè)的信息是否符合規(guī)范。滿足規(guī)格要求時(shí)，顯示注冊(cè)成功消息。否則，將顯示對(duì)應(yīng)的錯(cuò)誤字段。用戶注冊(cè)過(guò)程如圖4-6所示。圖4-6用戶注冊(cè)流程圖（4）音樂(lè)播放，點(diǎn)擊相關(guān)歌曲資源，驗(yàn)證歌曲資源是否解析成功，如果成功，音樂(lè)播放，如果不成功，提示歌曲資源解析失敗。音樂(lè)播放流程圖如圖4-7所示。圖4-7音樂(lè)播放流程圖（5）音樂(lè)收藏，點(diǎn)擊音樂(lè)收藏按鈕，首先驗(yàn)證用戶是否登錄，如果未登錄，提示請(qǐng)先登錄，如果已登錄，接著驗(yàn)證用戶是否收藏，如果已收藏，提示“已收藏”，如果未收藏，接著驗(yàn)證收藏是否成功，如果收藏成功，提示“收藏成功”，如果收藏失敗，提示“收藏失敗”。音樂(lè)收藏流程圖如圖4-8所示。圖4-8音樂(lè)收藏流程圖（6）歌單評(píng)論，在評(píng)論界面輸入評(píng)論內(nèi)容，點(diǎn)擊“評(píng)論”按鈕進(jìn)行評(píng)論，首先，驗(yàn)證用戶是否登錄，如果未登錄，提示“請(qǐng)先登錄”，如果已登錄，接著驗(yàn)證評(píng)論是否成功，如果不成功，提示“評(píng)論失敗”，如果成功，提示“評(píng)論成功”。歌單評(píng)論流程圖如圖4-9所示。圖4-9歌單評(píng)論流程圖（7）音樂(lè)下載，點(diǎn)擊音樂(lè)下載按鈕，首先驗(yàn)證用戶是否登錄，如果未登錄，提示請(qǐng)先登錄，如果已登錄，接著驗(yàn)證下載是否成功，如果下載不成功，提示“下載失敗”，如果下載成功，提示“下載成功”。音樂(lè)下載流程圖如圖4-10所示。圖4-10音樂(lè)下載流程圖（8）發(fā)現(xiàn)音樂(lè)，輸入歌曲或歌手名稱，驗(yàn)證音樂(lè)資源是否存在，如果存在，解析音樂(lè)資源，如果不存在，提示未查詢到該音樂(lè)資源。發(fā)現(xiàn)音樂(lè)流程圖如圖4-11所示。圖4-11發(fā)現(xiàn)音樂(lè)流程圖4.4.2管理員系統(tǒng)流程設(shè)計(jì)（1）管理員登錄，在登錄界面輸入用戶名密碼及圖片驗(yàn)證碼，點(diǎn)擊“登錄”按鈕進(jìn)行登錄，首先，驗(yàn)證用戶名密碼是否正確，如果不正確，提示“用戶名密碼錯(cuò)誤”，如果正確，接著驗(yàn)證圖片驗(yàn)證碼是否正確，如果錯(cuò)誤，提示“驗(yàn)證碼錯(cuò)誤”，如果正確，提示“登錄成功”。后臺(tái)管理員登錄流程圖如圖4-12所示。圖4-12后臺(tái)管理員登錄流程圖（2）用戶管理，在用戶管理界面更新用戶信息，首先，驗(yàn)證更新的信息是否合法，如果合法，更新成功，如果不合法，進(jìn)行相應(yīng)錯(cuò)誤提示。用戶管理流程圖如圖4-13所示。圖4-13用戶管理流程圖（3）用戶反饋處理，在用戶反饋管理界面處理反饋信息，驗(yàn)證反饋信息是否處理成功，如果成功，狀態(tài)變?yōu)橐呀鉀Q，如果失敗，進(jìn)行相應(yīng)錯(cuò)誤提示。用戶反饋處理流程圖如圖4-14所示。圖4-14用戶反饋處理流程圖（4）歌手管理，在歌手管理界面更新歌手信息，首先，驗(yàn)證更新的信息是否合法，如果合法，更新成功，如果不合法，進(jìn)行相應(yīng)錯(cuò)誤提示。歌手管理流程圖如圖4-15所示。圖4-15歌手管理流程圖（5）歌單管理，在歌單管理界面更新歌單信息，首先，驗(yàn)證更新的信息是否合法，如果合法，更新成功，如果不合法，進(jìn)行相應(yīng)錯(cuò)誤提示。歌單管理流程圖如圖4-16所示。圖4-16歌單管理流程圖4.5系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)4.5.1數(shù)據(jù)庫(kù)需求分析本文設(shè)計(jì)的在線音樂(lè)網(wǎng)站數(shù)據(jù)庫(kù)主要功能是：管理員可實(shí)現(xiàn)對(duì)網(wǎng)站用戶的管理及網(wǎng)站資源的統(tǒng)計(jì)管理，網(wǎng)站用戶可實(shí)現(xiàn)對(duì)網(wǎng)站音樂(lè)進(jìn)行播放、下載、收藏、評(píng)論、評(píng)分等操作。數(shù)據(jù)表內(nèi)容主要包含用戶基本信息及網(wǎng)站資源基本信息REF_Ref71584233\r\h[12]。用戶基本信息：網(wǎng)站管理員表，用來(lái)存放后臺(tái)管理系統(tǒng)管理員賬戶密碼等信息；網(wǎng)站用戶表，用來(lái)存放網(wǎng)站用戶賬號(hào)、密碼、性別、電話、郵箱等信息；網(wǎng)站用戶收藏表，用來(lái)存放網(wǎng)站用戶所收藏的歌曲及歌單相關(guān)信息；網(wǎng)站用戶評(píng)論表，用來(lái)存放網(wǎng)站用戶對(duì)歌單的評(píng)論內(nèi)容信息；網(wǎng)站用戶對(duì)歌單評(píng)價(jià)表，用來(lái)存放網(wǎng)站用戶對(duì)歌單評(píng)分信息；網(wǎng)站用戶反饋表，用來(lái)存放前臺(tái)用戶對(duì)網(wǎng)站的反饋信息。網(wǎng)站資源基本信息:網(wǎng)站資源歌曲列表，用于存儲(chǔ)網(wǎng)站歌曲圖片、簡(jiǎn)介、歌詞、歌曲標(biāo)題等信息;網(wǎng)站資源歌曲觀看，用于存儲(chǔ)網(wǎng)站歌手的姓名、性別、頭像等信息;網(wǎng)站資源播放列表，用于存儲(chǔ)網(wǎng)站播放列表圖片、介紹等信息;網(wǎng)站資源播放列表歌曲明細(xì)表，用于存儲(chǔ)網(wǎng)站播放列表歌曲列表信息。4.5.2數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)通過(guò)上述對(duì)在線音樂(lè)播放管理系統(tǒng)的數(shù)據(jù)庫(kù)的需求分析，明確了數(shù)據(jù)庫(kù)的基本內(nèi)容，下面對(duì)數(shù)據(jù)庫(kù)實(shí)體屬性圖部分進(jìn)行了詳細(xì)展示。管理員實(shí)體包括編號(hào)、賬號(hào)、密碼。管理員實(shí)體的實(shí)體屬性圖如圖4-17所示。圖4-17管理員實(shí)體屬性圖前臺(tái)用戶實(shí)體包括編號(hào)、性別、賬號(hào)、電話、密碼、郵箱、生日、簽名、地區(qū)、頭像、創(chuàng)建時(shí)間、更新時(shí)間。其中，性別中，0表示女，1表示男。前臺(tái)用戶實(shí)體的實(shí)體屬性圖如圖4-18所示。圖4-18前臺(tái)用戶實(shí)體屬性圖歌曲實(shí)體包括編號(hào)、歌名、歌曲圖片、簡(jiǎn)介、歌詞、創(chuàng)建時(shí)間、更新時(shí)間、歌曲地址。歌曲實(shí)體的實(shí)體屬性圖如圖4-19所示。圖4-19歌曲實(shí)體屬性圖歌手實(shí)體包括編號(hào)、姓名、性別、頭像、生日、地區(qū)、簡(jiǎn)介、歌手點(diǎn)擊數(shù)。其中，性別中，0表示女，1表示男，2表示組合，3表示不明。歌手實(shí)體的實(shí)體屬性圖如圖4-20所示。圖4-20歌手實(shí)體屬性圖歌單實(shí)體包括編號(hào)、風(fēng)格、標(biāo)題、歌單圖片、簡(jiǎn)介、歌單點(diǎn)擊數(shù)。歌單實(shí)體的實(shí)體屬性圖如圖4-21所示。圖4-21歌單實(shí)體屬性圖收藏實(shí)體包括編號(hào)、收藏時(shí)間、收藏類(lèi)型。其中，收藏類(lèi)型中，0表示歌曲，1表示歌單。收藏實(shí)體的實(shí)體屬性圖如圖4-22所示。圖4-22收藏實(shí)體屬性圖評(píng)論實(shí)體包括編號(hào)、評(píng)論類(lèi)型、評(píng)論內(nèi)容、評(píng)論時(shí)間評(píng)論點(diǎn)贊數(shù)、評(píng)論反對(duì)數(shù)。其中，評(píng)論類(lèi)型中，0表示歌曲，1表示歌單。評(píng)論實(shí)體的實(shí)體屬性圖如圖4-23所示。圖4-23評(píng)論實(shí)體屬性圖評(píng)價(jià)實(shí)體包括編號(hào)、評(píng)分。評(píng)價(jià)實(shí)體的實(shí)體屬性圖如圖4-24所示。圖4-24評(píng)價(jià)實(shí)體屬性圖以上各個(gè)實(shí)體間存在如下幾種對(duì)應(yīng)關(guān)系，整體實(shí)體E-R圖如圖4-26所示。 圖4-26系統(tǒng)實(shí)體E-R圖4.5.3數(shù)據(jù)庫(kù)邏輯機(jī)構(gòu)設(shè)計(jì)本文設(shè)計(jì)的在線音樂(lè)網(wǎng)站使用MySQL數(shù)據(jù)庫(kù)以及NavicatPremium12數(shù)據(jù)庫(kù)圖形化管理工具來(lái)實(shí)現(xiàn)數(shù)據(jù)庫(kù)表的創(chuàng)建，內(nèi)容包括admin（管理員用戶信息表）、consumer（前臺(tái)用戶信息表）、song（歌曲表）、singer（歌手表）、song_list（歌單表）、list_song（歌單的歌曲列表表）、collect（用戶收藏歌曲表）、comment（用戶歌單歌曲評(píng)論表）、rank（用戶歌單評(píng)分表）、feedback（用戶反饋表），下面是對(duì)數(shù)據(jù)庫(kù)表內(nèi)容的詳細(xì)介紹。數(shù)據(jù)庫(kù)表結(jié)構(gòu)圖如圖4-27所示。圖4-27數(shù)據(jù)庫(kù)表樹(shù)形結(jié)構(gòu)圖根據(jù)上述表結(jié)構(gòu)描述，設(shè)計(jì)如下具體表結(jié)構(gòu)。admin-管理員表，存放在線音樂(lè)后臺(tái)網(wǎng)站管理員賬號(hào)及密碼信息，如表4-1所示，內(nèi)容包括：編號(hào)、賬號(hào)、密碼相關(guān)信息。表4-1admin表（管理員表）序號(hào)字段名是否為空數(shù)據(jù)類(lèi)型是否主鍵描述1id否int是編號(hào)2password是varchar(255)否密碼3name是varchar(255)否賬號(hào)consumer-前臺(tái)用戶表，存放在線音樂(lè)網(wǎng)站用戶信息，如表4-2所示，內(nèi)容包括：編號(hào)、賬號(hào)、密碼、性別（1：男0：女）、電話、郵箱、生日、簽名、地區(qū)、頭像、創(chuàng)建時(shí)間、更新時(shí)間相關(guān)信息。表4-2consumer表（前臺(tái)用戶表）序號(hào)字段名是否為空數(shù)據(jù)類(lèi)型是否主鍵描述1id否Int是編號(hào)2password是varchar(255)否密碼3username是varchar(255)否賬號(hào)4sex是tinyint(1)否性別5email是char(30)否郵箱6phone_num是char(15)否電話7introduction是varchar(255)否簽名8birth是datetime否生日9avator是varchar(255)否頭像10location是varchar(255)否地區(qū)11update_time是datetime否更新時(shí)間12create_time是datetime否創(chuàng)建時(shí)間song-歌曲表，存放在線音樂(lè)網(wǎng)站歌曲信息，如表4-3所示，內(nèi)容包括：編號(hào)、歌手id、歌名、簡(jiǎn)介、創(chuàng)建時(shí)間、更新時(shí)間、歌曲圖片、歌詞、歌曲地址相關(guān)信息。表4-3song表（歌曲表）序號(hào)字段名是否為空數(shù)據(jù)類(lèi)型是否主鍵描述1id否int是編號(hào)2singer_id是int否歌手id3name是varchar(255)否歌名4introduction是varchar(255)否簡(jiǎn)介5create_time是datetime否創(chuàng)建時(shí)間6update_time是datetime否更新時(shí)間7pic是varchar(255)否歌曲圖片8lyric是Text否歌詞9url是varchar(255)否歌曲地址singer-歌手表，存放在線音樂(lè)網(wǎng)站歌手信息，如表4-4所示，內(nèi)容包括：編號(hào)、姓名、性別（0：女1：男2：組合3：不明）、頭像、生日、地區(qū)、簡(jiǎn)介、歌手點(diǎn)擊數(shù)相關(guān)信息。表4-4singer表（歌手表）序號(hào)字段名數(shù)據(jù)類(lèi)型是否為空是否主鍵描述1idint否是編號(hào)2namevarchar(255)是否姓名3sextinyint(1)是否性別4picvarchar(255)是否頭像5birthdatetime是否生日6locationvarchar(255)是否地區(qū)7introductionvarchar(255)是否簡(jiǎn)介8click_numberint是否點(diǎn)擊數(shù)song_list-歌單表，存放在線音樂(lè)網(wǎng)站歌單信息，如表4-5所示，內(nèi)容包括：編號(hào)、標(biāo)題、歌單圖片、簡(jiǎn)介、風(fēng)格、歌單點(diǎn)擊數(shù)相關(guān)信息。表4-5song_list表（歌單表）序號(hào)字段名是否為空數(shù)據(jù)類(lèi)型是否主鍵描述1id否int是編號(hào)2title是varchar(255)否標(biāo)題3pic是varchar(255)否歌單圖片4introduction是varchar(255)否簡(jiǎn)介5style是varchar(255)否風(fēng)格6click_number是int否點(diǎn)擊數(shù)list_song-歌單歌曲表，存放在線音樂(lè)網(wǎng)站歌單的歌曲列表信息，如表4-6所示，內(nèi)容包括：編號(hào)、歌曲id、歌單id相關(guān)信息。表4-6list_song表（歌單歌曲表）序號(hào)字段名是否為空數(shù)據(jù)類(lèi)型是否主鍵描述1id否int是編號(hào)2song_id是int否歌曲id3song_list_id是int否歌單idcollect-收藏表，用于存放在線音樂(lè)網(wǎng)站用戶所收藏歌曲及歌單信息，如表4-7所示，內(nèi)容包括：編號(hào)、用戶id、收藏類(lèi)型（0：歌曲1：歌單）、歌曲id、歌單id、收藏時(shí)間相關(guān)信息。表4-7collect表（收藏表）序號(hào)字段名是否為空數(shù)據(jù)類(lèi)型是否主鍵描述1id否int是編號(hào)2user_id是int否用戶id3type是tinyint(1)否收藏類(lèi)型4song_id是int否歌曲id5song_list_id是int否歌單id6create_time是datetime否收藏時(shí)間comment-評(píng)論表，存放在線音樂(lè)網(wǎng)站用戶對(duì)歌曲及歌單的評(píng)論信息，如表4-8所示，內(nèi)容包括：編號(hào)、用戶id、評(píng)論類(lèi)型（0：歌曲1：歌單）、歌曲id、歌單id、評(píng)論內(nèi)容、評(píng)論時(shí)間、評(píng)論點(diǎn)贊數(shù)、評(píng)論反對(duì)數(shù)相關(guān)信息。表4-8comment表（評(píng)論表）序號(hào)字段名是否為空數(shù)據(jù)類(lèi)型是否主鍵描述1id否Int是編號(hào)2content是varchar(255)否評(píng)論內(nèi)容3type是tinyint(1)否評(píng)論類(lèi)型4user_id是Int否用戶id5up是Int否點(diǎn)贊數(shù)6create_time是Datetime否評(píng)論時(shí)間7song_id是Int否歌曲id8down是Int否反對(duì)數(shù)9song_list_id是Int否歌單idrank-評(píng)價(jià)表，存放在線音樂(lè)網(wǎng)站用戶對(duì)歌單評(píng)分信息，如表4-9所示，內(nèi)容包括：編號(hào)、歌單id、用戶id、評(píng)分相關(guān)信息。表4-9rank表（評(píng)價(jià)表）序號(hào)字段名數(shù)據(jù)類(lèi)型是否為空是否主鍵描述1idint否是編號(hào)2song_list_idint是否歌單id3consumer_idint是否用戶id4scoreint是否評(píng)分4.5.4數(shù)據(jù)庫(kù)中各表間關(guān)系以上數(shù)據(jù)庫(kù)表之間存在的關(guān)系如下所示，如圖4-28所示。圖4-28數(shù)據(jù)庫(kù)表關(guān)系圖4.5.5類(lèi)和方法調(diào)用系統(tǒng)類(lèi)圖如圖4-29所示。4-29系統(tǒng)類(lèi)圖4.6本章小結(jié)本章首先介紹了系統(tǒng)的要求和設(shè)計(jì)原則，然后介紹了系統(tǒng)的總體設(shè)計(jì)過(guò)程，進(jìn)一步明確了系統(tǒng)各功能模塊以及流程的設(shè)計(jì)，最后，從數(shù)據(jù)庫(kù)需求、實(shí)體屬性圖設(shè)計(jì)、庫(kù)表設(shè)計(jì)、表關(guān)系等四方面介紹了系統(tǒng)數(shù)據(jù)庫(kù)的設(shè)計(jì)，并選取了關(guān)系型數(shù)據(jù)庫(kù)MySQL數(shù)據(jù)庫(kù)作為本系統(tǒng)的數(shù)據(jù)庫(kù)實(shí)現(xiàn)。

5系統(tǒng)實(shí)現(xiàn)本章在第3章系統(tǒng)需求分析和第4章系統(tǒng)設(shè)計(jì)的基礎(chǔ)上，主要描述了系統(tǒng)前臺(tái)和系統(tǒng)后臺(tái)各模塊的詳細(xì)實(shí)現(xiàn)過(guò)程。主要包括系統(tǒng)環(huán)境配置、數(shù)據(jù)庫(kù)連接設(shè)計(jì)、系統(tǒng)前端和后臺(tái)各功能模塊的實(shí)現(xiàn)。5.1系統(tǒng)環(huán)境配置以下是對(duì)系統(tǒng)實(shí)現(xiàn)的環(huán)境配置的介紹：開(kāi)發(fā)技術(shù)：SpringBoot2.X、Vue2.9.6、MyBatis、MySQL5.7。開(kāi)發(fā)語(yǔ)言：JavaEE+Vue2.X。開(kāi)發(fā)環(huán)境：JDK1.8+Windows10+Maven3.6.1+Chrome。開(kāi)發(fā)工具：IntelliJIDEA、VSCode、NavicatPremium12。系統(tǒng)開(kāi)發(fā)平臺(tái)：JDK1.8+Windows7+Maven3.6.1后臺(tái)框架：Springboot2.X前端：Vue2.9.6數(shù)據(jù)庫(kù)和工具：MySql5.7Navicat瀏覽器：Chrome。5.2連接數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)是在線音樂(lè)播放和管理系統(tǒng)的重要組成部分。它以相應(yīng)的形式存儲(chǔ)系統(tǒng)用戶和網(wǎng)站信息的大量數(shù)據(jù)。當(dāng)需要查詢和存儲(chǔ)相關(guān)信息時(shí)，需要使用數(shù)據(jù)庫(kù)。連接數(shù)據(jù)庫(kù)的步驟如下。（1）項(xiàng)目創(chuàng)建時(shí)添加MySQL驅(qū)動(dòng)，然后在配置文件pom.xml中添加相關(guān)MySQL依賴。（2）在perties文件中配置數(shù)據(jù)庫(kù)連接路徑、數(shù)據(jù)庫(kù)用戶名及密碼、數(shù)據(jù)驅(qū)動(dòng)、數(shù)據(jù)源REF_Ref71584426\r\h[13]。5.3系統(tǒng)前臺(tái)功能模塊實(shí)現(xiàn)該系統(tǒng)的前臺(tái)，用戶可以在不登錄的情況下作為游客進(jìn)入，具有搜索和瀏覽歌曲，播放音樂(lè)等功能。用戶可以通過(guò)注冊(cè)功能登錄并成為用戶。在登錄狀態(tài)下，具有信息編輯、歌曲列表歌曲搜索、音樂(lè)播放、歌曲列表歌曲評(píng)論、歌曲單打、音樂(lè)收藏、音樂(lè)下載、問(wèn)題反饋等功能。以下是對(duì)在線音樂(lè)播放管理系統(tǒng)前臺(tái)各功能模塊的詳細(xì)介紹:5.3.1用戶登錄注冊(cè)模塊前臺(tái)用戶有賬號(hào)密碼登錄和短信驗(yàn)證碼登錄兩種登錄方式。用戶可以在登錄界面輸入相關(guān)登錄信息進(jìn)行登錄。登錄成功后，系統(tǒng)會(huì)自動(dòng)跳轉(zhuǎn)到發(fā)現(xiàn)音樂(lè)界面。前臺(tái)用戶登錄界面如圖5-1和圖5-2所示。圖5-1用戶賬號(hào)登錄界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：圖5-2用戶短信登錄界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：前臺(tái)用戶有賬號(hào)密碼登錄和短信驗(yàn)證碼登錄兩種登錄方式。用戶可以在登錄界面輸入相關(guān)登錄信息進(jìn)行登錄。登錄成功后，系統(tǒng)會(huì)自動(dòng)跳轉(zhuǎn)到發(fā)現(xiàn)音樂(lè)界面。前臺(tái)用戶登錄界面如圖5-1和圖5-2所示。圖5-3用戶注冊(cè)界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.3.2發(fā)現(xiàn)音樂(lè)模塊在瀏覽器的地址欄輸入網(wǎng)站的前臺(tái)對(duì)應(yīng)地址，就會(huì)跳轉(zhuǎn)到系統(tǒng)發(fā)現(xiàn)音樂(lè)畫(huà)面。在發(fā)現(xiàn)音樂(lè)畫(huà)面中，用戶可以通過(guò)搜索框播放自己喜歡的歌曲和歌曲列表，還可以欣賞音樂(lè)相關(guān)的播放圖。用戶注冊(cè)后，可以實(shí)現(xiàn)音樂(lè)收藏和下載。在本界面用戶也可以通過(guò)系統(tǒng)推薦的歌單推薦及歌手推薦模塊快速查找高質(zhì)量的相關(guān)歌曲。音樂(lè)界面如圖5-4所示。圖5-4發(fā)現(xiàn)音樂(lè)界面5.3.3歌單歌曲評(píng)論模塊使用相應(yīng)的歌曲列表模塊，可以對(duì)歌曲列表模塊本身或相關(guān)歌曲進(jìn)行評(píng)論，還可以查看、點(diǎn)贊、步上某個(gè)用戶的評(píng)論等相關(guān)功能。歌曲評(píng)論頁(yè)面如圖5-5所示。圖5-5歌單歌曲評(píng)論界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.3.4歌單打分模塊用戶登錄后可以對(duì)播放列表進(jìn)行評(píng)分。播放列表的總分為10分，評(píng)分分為五個(gè)等級(jí)，分別為極差、失望、一般、滿意和驚訝。播放列表的評(píng)分機(jī)制是將所有用戶評(píng)論的總得分除以用戶評(píng)論的數(shù)量。單身用戶界面如圖5-6所示。圖5-6歌單打分界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.3.5音樂(lè)播放器模塊音樂(lè)播放模塊可以實(shí)現(xiàn)下一首和下一首歌曲的切換、音樂(lè)暫停和播放、顯示音樂(lè)海報(bào)、顯示音樂(lè)播放進(jìn)度、調(diào)整音樂(lè)音量、顯示相關(guān)歌曲列表或歌手的歌曲播放列表等功能，用戶登錄后還可以收集音樂(lè)、下載音樂(lè)等功能。點(diǎn)擊歌曲海報(bào)，跳轉(zhuǎn)到相關(guān)歌曲歌詞滾動(dòng)播放界面，歌詞會(huì)隨著歌曲的進(jìn)度切換。音樂(lè)播放及歌詞界面如圖5-7和圖5-8所示。圖5-7音樂(lè)播放器界面圖5-8歌曲歌詞界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.3.6歌單歌手分類(lèi)模塊歌曲列表歌手分類(lèi)模塊主要顯示歌曲列表和歌手的詳細(xì)分類(lèi)。用戶可以在該頁(yè)面準(zhǔn)確的找到相關(guān)的歌曲列表和歌手，并記錄網(wǎng)站用戶的收聽(tīng)習(xí)慣，為推薦歌曲列表和歌手提供數(shù)據(jù)支持。播放列表分類(lèi)模塊可以根據(jù)不同類(lèi)型的播放列表進(jìn)行分類(lèi)，包括中文、粵語(yǔ)、歐美、日韓、輕音樂(lè)、BGM、樂(lè)器等。在這個(gè)模塊中可以找到不同類(lèi)型播放列表的相關(guān)歌曲。歌手分類(lèi)模塊可以根據(jù)歌手的性別和是否是一個(gè)群體等相關(guān)屬性，分為男歌手、女歌手、團(tuán)體歌手等。在這個(gè)模塊中，你可以找到相關(guān)歌手的相關(guān)歌曲。歌曲列表及藝人分類(lèi)如圖5-9和圖5-10所示。圖5-9歌單分類(lèi)界面圖5-10歌手分類(lèi)界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.3.7我的音樂(lè)模塊在我的音樂(lè)模塊，用戶在不登錄的情況不能查看這個(gè)模塊，如果用戶沒(méi)有登錄系統(tǒng)將提示詞的狀態(tài)提示“請(qǐng)先登錄”，用戶可以查看、編輯、在登錄狀態(tài)的歌曲和歌曲單表的集合，點(diǎn)擊導(dǎo)航欄“歌曲列表”顯示歌曲的信息收集，“歌單表”點(diǎn)擊導(dǎo)航欄將顯示用戶的信息集合，在歌曲列表中，點(diǎn)擊歌曲可以實(shí)現(xiàn)音樂(lè)播放的功能，還可以下載歌曲取消收集和操作，如在一個(gè)表，點(diǎn)擊收藏相關(guān)的播放列表可以跳轉(zhuǎn)到一個(gè)歌曲詳細(xì)信息頁(yè)面查看信息，也可以用來(lái)取消播放列表集合操作，該模塊還顯示用戶的檔案照片，簽名，昵稱，性別，生日，家鄉(xiāng)和其他基本信息。音樂(lè)界面如圖5-11和圖5-12所示。圖5-11我的音樂(lè)-歌曲收藏界面圖5-12我的音樂(lè)-歌單收藏界面5.3.8個(gè)人中心模塊個(gè)人中心模塊主要包括設(shè)置及退出兩個(gè)定位模塊又個(gè)人信息和反饋頭像,修改問(wèn)題等模塊,可以在個(gè)人信息界面中,用戶賬戶變更修改頭像界面基本信息的用戶頭像,對(duì)問(wèn)題和反饋界面網(wǎng)站建議和意見(jiàn)反饋截圖或者文本方式可以進(jìn)行,在功能模塊,管理員用戶點(diǎn)擊后可以終止賬戶并返回音樂(lè)模塊。個(gè)人中心模塊的使用效果如圖5-13、圖5-14、圖5-15所示。圖5-13個(gè)人信息界面圖5-14修改頭像界面圖5-15問(wèn)題與反饋界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.4系統(tǒng)后臺(tái)功能模塊實(shí)現(xiàn)在本系統(tǒng)的后臺(tái)，由超級(jí)管理員通過(guò)登錄功能來(lái)登錄管理系統(tǒng)，該系統(tǒng)具有用戶反饋管理、網(wǎng)站資源統(tǒng)計(jì)、歌曲列表管理、歌曲管理、用戶管理、歌手管理等功能。下面詳細(xì)介紹在線音樂(lè)播放管理系統(tǒng)后臺(tái)管理的功能模塊:5.4.1系統(tǒng)數(shù)據(jù)統(tǒng)計(jì)管理模塊本系統(tǒng)后臺(tái)數(shù)據(jù)統(tǒng)計(jì)模塊主要進(jìn)行網(wǎng)站資源數(shù)據(jù)統(tǒng)計(jì)，包括網(wǎng)站用戶數(shù)量和用戶性別比例統(tǒng)計(jì)，歌曲數(shù)量和歌曲類(lèi)型分布統(tǒng)計(jì)，歌手?jǐn)?shù)量和歌手性別，民族比例統(tǒng)計(jì)，歌曲列表數(shù)量統(tǒng)計(jì)。數(shù)據(jù)統(tǒng)計(jì)管理界面如圖5-16所示。圖5-16數(shù)據(jù)統(tǒng)計(jì)管理界面5.4.2用戶管理模塊本系統(tǒng)的用戶管理界面主要是對(duì)用戶的基本信息進(jìn)行管理，具有用戶信息增加、編輯、查看、刪除以及前方用戶收藏的歌曲信息等功能。在用戶前面點(diǎn)擊大量刪除復(fù)選框，就可以實(shí)現(xiàn)多用戶大量刪除功能。按“圖片更新”按鈕可實(shí)現(xiàn)用戶面部照片修改功能，按“添加新用戶”按鈕可實(shí)現(xiàn)前方新增用戶功能。點(diǎn)擊"收藏"按鈕，就可以進(jìn)入用戶收藏管理界面。該接口可以對(duì)用戶收藏的歌曲和歌曲目錄信息進(jìn)行編輯操作，同時(shí)還具有刪除用戶收藏信息的功能，點(diǎn)擊編輯按鈕還可以實(shí)現(xiàn)對(duì)全面用戶信息的修改功能。用戶管理界面如圖5-17、圖5-18、圖5-19所示。圖5-17用戶管理使用界面圖5-18用戶收藏歌曲管理使用界面圖5-19用戶收藏歌單管理界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.4.3歌手管理模塊本系統(tǒng)的歌手管理界面主要是網(wǎng)站的前臺(tái)歌手的基本信息管理，并追加了歌手，歌手的基本信息進(jìn)行修改，查詢，刪除歌手歌手，歌手的相關(guān)的歌曲的管理功能。歌手前的復(fù)選框可點(diǎn)擊批量選中和刪除。點(diǎn)擊添加歌手可彈出添加界面，添加的歌手服務(wù)臺(tái)的基本信息網(wǎng)站可以實(shí)現(xiàn)添加功能。點(diǎn)擊可以加載歌手相關(guān)的歌曲的管理界面，在該畫(huà)面是關(guān)于藝術(shù)家的樂(lè)曲的詳細(xì)信息可進(jìn)行管理，點(diǎn)擊“編輯”按鈕可實(shí)現(xiàn)修改前臺(tái)網(wǎng)站藝術(shù)家信息的功能。歌手管理的畫(huà)面如圖5-20所示。圖5-20歌手管理界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.4.4歌單管理模塊樂(lè)曲名單管理界面系統(tǒng),前臺(tái)網(wǎng)站的基本信息歌曲目錄的管理目錄的追加,樂(lè)曲的功能,基本信息歌曲目錄的修改、刪除歌曲名單,名單的樂(lè)曲,搜索相關(guān)的樂(lè)曲名單管理的樂(lè)曲、歌曲名單上的用戶評(píng)論管理等。在選擇播放列表之前，點(diǎn)擊復(fù)選框，逐個(gè)刪除。實(shí)現(xiàn)逐個(gè)刪除功能后，你可以實(shí)現(xiàn)更多的歌曲。單擊單張圖片，點(diǎn)擊“更新”按鈕，實(shí)現(xiàn)單張圖片的更改功能。點(diǎn)擊“添加播放列表”歌曲彈出式界面填充添加服務(wù)臺(tái)的基本信息網(wǎng)站可以實(shí)現(xiàn)播放列表添加功能按鈕和假裝“管理”的歌,歌單界面相關(guān)的管理界面,查看歌曲播放列表的詳細(xì)信息,受理網(wǎng)站的管理,實(shí)現(xiàn)了首單的相關(guān)功能,點(diǎn)擊“評(píng)論”按鈕假裝對(duì)用戶界面歌曲列表評(píng)論及相關(guān)管理,界面中檢查清單和歌曲評(píng)論的詳細(xì)信息，接受用戶評(píng)論曲一覽表的實(shí)現(xiàn)和關(guān)于曲一覽表的管理功能點(diǎn)擊“編輯”的按鈕接受網(wǎng)站曲一覽表信息的修改功能的實(shí)現(xiàn)。播放列表管理畫(huà)面如圖5-21和圖5-22所示。圖5-21歌單管理使用界面圖5-22歌單相關(guān)評(píng)論之管理使用界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.4.5歌曲管理模塊系統(tǒng)的歌曲管理界面主要對(duì)歌曲和歌手的歌曲的基本信息進(jìn)行管理，對(duì)歌手的相關(guān)歌曲和歌曲的歌曲具有查詢、更新、刪除和編輯功能。點(diǎn)擊樂(lè)曲管理畫(huà)面前的復(fù)選框進(jìn)行批量刪除，可以實(shí)現(xiàn)批量刪除多數(shù)樂(lè)曲的功能。點(diǎn)擊更新圖片按鈕，有修改樂(lè)曲圖片的功能。在樂(lè)曲列表的樂(lè)曲管理畫(huà)面中，選擇樂(lè)曲前點(diǎn)擊復(fù)選框，點(diǎn)擊“批量刪除”，就可以批量刪除多首樂(lè)曲。點(diǎn)擊“添加歌曲”按鈕，在彈出的頁(yè)面上填寫(xiě)添加歌曲的歌手和歌曲名，這樣用戶就可以將現(xiàn)有網(wǎng)站的歌曲添加到列表中了。樂(lè)曲管理畫(huà)面如圖5-23和圖5-24所示。圖5-23歌手歌曲管理使用界面圖5-24歌單歌曲管理使用界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.4.6用戶反饋管理模塊本系統(tǒng)的用戶反饋管理模塊主要是解決前臺(tái)系統(tǒng)用戶的反饋意見(jiàn)和意見(jiàn)，管理員可以及時(shí)處理相關(guān)問(wèn)題，達(dá)到完善網(wǎng)站的目的?？梢詫?duì)前臺(tái)用戶的反饋信息進(jìn)行查詢、處理和刪除。選中反饋信息前的復(fù)選框，點(diǎn)擊反饋信息的批量刪除可以實(shí)現(xiàn)更多的批量刪除功能，鼠標(biāo)點(diǎn)擊反饋圖像可以實(shí)現(xiàn)反饋圖像放大查看的功能，方便清晰地顯示用戶的反饋信息，管理員將處理后的反饋信息處理，點(diǎn)擊按鈕將反饋狀態(tài)解決。用戶反饋管理界面如圖5-25所示。圖5-25用戶反饋管理界面實(shí)現(xiàn)該功能的關(guān)鍵代碼在此列出：5.5系統(tǒng)后臺(tái)類(lèi)圖及時(shí)序圖5.6本章小結(jié)本章介紹在線音樂(lè)播放和管理系統(tǒng)的具體體現(xiàn)過(guò)程。系統(tǒng)實(shí)現(xiàn)的過(guò)程中,首先介紹了系統(tǒng)的環(huán)境組成,接著連接到后端數(shù)據(jù)庫(kù)的設(shè)計(jì)過(guò)程進(jìn)行了介紹,最后分別系統(tǒng)全景和后臺(tái)系統(tǒng)各模塊的詳細(xì)的實(shí)現(xiàn)過(guò)程進(jìn)行了介紹,系統(tǒng)界面屏幕和接口代碼也附帶呈現(xiàn)。6系統(tǒng)測(cè)試6.1系統(tǒng)測(cè)試目的及測(cè)試環(huán)境系統(tǒng)測(cè)試在項(xiàng)目開(kāi)發(fā)過(guò)程中非常重要，也是設(shè)計(jì)過(guò)程中的重要步驟。通過(guò)對(duì)系統(tǒng)的測(cè)試，可以幫助開(kāi)發(fā)人員盡快發(fā)現(xiàn)測(cè)試對(duì)象的錯(cuò)誤，以提高系統(tǒng)開(kāi)發(fā)質(zhì)量。這個(gè)系統(tǒng)測(cè)試的目的主要如下。(1)檢測(cè)前臺(tái)用戶是否能夠完成登錄注冊(cè)。(2)測(cè)試前臺(tái)用戶能否正常修改個(gè)人信息。(3)確認(rèn)前臺(tái)用戶是否可以發(fā)表評(píng)論或評(píng)論。(4)檢測(cè)前端用戶是否可以采集、下載音樂(lè)。(5)后臺(tái)管理員確認(rèn)是否可以完成登錄。(6)檢測(cè)后臺(tái)管理員是否可以進(jìn)行用戶管理、歌單管理、歌手管理、歌曲管理等。系統(tǒng)測(cè)試環(huán)境如表6-1所示：表6-1系統(tǒng)測(cè)試環(huán)境軟件名稱版本操作系統(tǒng)Windows10瀏覽器GoogleChromeMySQL5.7JDK1.8Maven3.6.1Vue.js2.9.6SpringBoot2.3.3MyBatis2.1.3IntelliJIDEA2020.2.3VisualStudioCode1.55.06.2系統(tǒng)測(cè)試內(nèi)容結(jié)合系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)過(guò)程，本系統(tǒng)進(jìn)行以下測(cè)試。(1)接口測(cè)試系統(tǒng)界面的測(cè)試是，瀏覽器的界面的尺寸調(diào)整或更改瀏覽器的工具，界面的顯示，界面的大小是否正常，是否可以調(diào)整，界面的顏色和布局是否合理進(jìn)行檢查。包括界面按鈕和界面圖像。系統(tǒng)接口測(cè)試的內(nèi)容如表6-2所示。(2)功能測(cè)試這個(gè)部分主要是測(cè)試系統(tǒng)的功能部分是否正確，是否滿足了用戶的需求。(3)非功能性測(cè)試該部分主要從可擴(kuò)展性、可用性、安全性和維護(hù)四個(gè)方面驗(yàn)證系統(tǒng)的非功能性需求。(4)兼容性測(cè)試該部分主要測(cè)試接口在各種瀏覽器中是否正常運(yùn)行，以及是否與各種瀏覽器兼容。6.3系統(tǒng)測(cè)試用例和結(jié)果根據(jù)系統(tǒng)測(cè)試的目的和測(cè)試內(nèi)容的說(shuō)明，制作了如下測(cè)試?yán)M(jìn)行測(cè)試，得到了相關(guān)結(jié)果。(1)測(cè)試系統(tǒng)的接口和兼容性(見(jiàn)表6-2)。表6-2界面測(cè)試用例測(cè)試內(nèi)容測(cè)試結(jié)果改變?yōu)g覽器大小，系統(tǒng)界面是否可以自適應(yīng)正常更換不同瀏覽器是否可以正常運(yùn)行正常系統(tǒng)按鈕是否顯示正常正常系統(tǒng)圖片顯示是否清晰正常正常頁(yè)面跳轉(zhuǎn)是否正常正常（2）登錄測(cè)試，前端用戶和后端管理員登錄時(shí)，輸入的信息與數(shù)據(jù)庫(kù)不一致時(shí)，提示錯(cuò)誤。參數(shù)說(shuō)明如圖6-3所示。表6-3登錄測(cè)試用例模塊用例描述預(yù)期結(jié)果結(jié)果用戶登錄未輸入用戶名提示“請(qǐng)輸入用戶名！”準(zhǔn)確未輸入密碼提示“請(qǐng)輸入密碼！”準(zhǔn)確輸入錯(cuò)誤的用戶名提示“用戶名或密碼錯(cuò)誤！”準(zhǔn)確輸入錯(cuò)誤的密碼提示“用戶名或密碼錯(cuò)誤！”準(zhǔn)確未輸入手機(jī)號(hào)提示“請(qǐng)輸入手機(jī)號(hào)！”準(zhǔn)確未輸入驗(yàn)證碼提示“請(qǐng)輸入驗(yàn)證碼！”準(zhǔn)確輸入錯(cuò)誤的手機(jī)號(hào)提示“請(qǐng)輸入正確的手機(jī)號(hào)碼格式！”準(zhǔn)確輸入未注冊(cè)的手機(jī)號(hào)提示“手機(jī)號(hào)未注冊(cè)！”準(zhǔn)確輸入錯(cuò)誤的驗(yàn)證碼提示“驗(yàn)證碼錯(cuò)誤！”準(zhǔn)確輸入超時(shí)的驗(yàn)證碼提示“驗(yàn)證碼超時(shí)，請(qǐng)重新獲取驗(yàn)證碼！”準(zhǔn)確未登錄時(shí)，點(diǎn)擊“我的音樂(lè)”、“收藏”、“下載”“評(píng)論”提示“請(qǐng)先登錄！準(zhǔn)確管理員登錄未輸入用戶名提示“請(qǐng)輸入用戶名！”準(zhǔn)確未輸入密碼提示“請(qǐng)輸入密碼！”準(zhǔn)確未輸入驗(yàn)證碼提示“請(qǐng)輸入驗(yàn)證碼！”準(zhǔn)確輸入錯(cuò)誤的用戶名提示“用戶名或密碼錯(cuò)誤！”準(zhǔn)確輸入錯(cuò)誤的密碼提示“用戶名或密碼錯(cuò)誤！”準(zhǔn)確輸入錯(cuò)誤的驗(yàn)證碼提示“驗(yàn)證碼錯(cuò)誤！”準(zhǔn)確如果未輸入用戶名、密碼或手機(jī)號(hào)碼驗(yàn)證碼，系統(tǒng)會(huì)提示輸入相應(yīng)字段。如圖6-1所示。圖6-1提示字段不為空當(dāng)輸入的信息不一致時(shí)，前臺(tái)用戶和后臺(tái)管理員進(jìn)行對(duì)應(yīng)字段錯(cuò)誤顯示(圖6-2)。圖6-2對(duì)應(yīng)字段錯(cuò)誤彈窗提示如果獲得的消息確認(rèn)代碼超時(shí)，就會(huì)通知消息確認(rèn)代碼超時(shí)消息。如圖6-3所示。圖6-3提示驗(yàn)證碼超時(shí)(3)前臺(tái)功能模塊測(cè)試，系統(tǒng)前臺(tái)模塊測(cè)試主要從以下三個(gè)模塊來(lái)測(cè)試功能是否正常。（表6-4）表6-4前臺(tái)功能模塊測(cè)試用例模塊用例描述預(yù)期結(jié)果結(jié)果評(píng)論留言模塊未登錄狀態(tài)下點(diǎn)擊評(píng)論按鈕提示“請(qǐng)先登錄！”準(zhǔn)確未登錄狀態(tài)下點(diǎn)擊點(diǎn)贊和踩按鈕提示“請(qǐng)先登錄！”準(zhǔn)確輸入內(nèi)容點(diǎn)擊評(píng)論按鈕提示“評(píng)論成功！”準(zhǔn)確個(gè)人信息管理模塊個(gè)人信息中清空某行數(shù)據(jù)點(diǎn)擊保存提示“修改失??！”準(zhǔn)確修改頭像中選擇非jpg/png格式圖片上傳提示“只能上傳jpg/png格式圖片！”準(zhǔn)確音樂(lè)播放器模塊未登錄點(diǎn)擊“下載”、“收藏”按鈕提示“請(qǐng)先登錄！”準(zhǔn)確登錄狀態(tài)下點(diǎn)擊“收藏”按鈕提示“收藏成功！”準(zhǔn)確已收藏狀態(tài)下點(diǎn)擊“收藏”按鈕提示“已收藏！”準(zhǔn)確前臺(tái)功能模塊彈窗提示。如圖6-4所示。圖6-4前臺(tái)功能模塊彈窗提示(4)后臺(tái)功能模塊測(cè)試。系統(tǒng)后臺(tái)模塊測(cè)試主要在歌曲列表管理，用戶管理，歌曲管理，歌手管理，用戶反饋管理5個(gè)模塊中進(jìn)行以下測(cè)試：表6-5所示。表6-5后臺(tái)功能模塊測(cè)試用例模塊用例描述預(yù)期結(jié)果結(jié)果添加數(shù)據(jù)必填字段不填入內(nèi)容點(diǎn)擊“確定”按鈕提示“請(qǐng)輸入相應(yīng)字段！”準(zhǔn)確填入相應(yīng)信息后點(diǎn)擊“確定”按鈕提示“添加成功！”準(zhǔn)確添加已存在的用戶提示“該用戶名已存在！”準(zhǔn)確修改數(shù)據(jù)編輯彈出框中清空某行數(shù)據(jù)點(diǎn)擊“確定”按鈕提示“請(qǐng)輸入相應(yīng)字段！”準(zhǔn)確編輯彈出框中修改某行數(shù)據(jù)點(diǎn)擊“確定”按鈕提示“修改成功！”準(zhǔn)確查詢數(shù)據(jù)在搜索欄輸入關(guān)鍵字點(diǎn)擊“搜索”按鈕顯示有關(guān)鍵字的內(nèi)容準(zhǔn)確刪除數(shù)據(jù)選擇一條數(shù)據(jù)，點(diǎn)擊“刪除”按鈕提示“刪除成功！”準(zhǔn)確選擇多條數(shù)據(jù)，點(diǎn)擊“批量刪除”按鈕彈窗提示確認(rèn)是否刪除，刪除成功提示“刪除成功！”準(zhǔn)確后臺(tái)功能模塊彈出消息。（圖6–5）圖6-5后臺(tái)功能模塊彈窗提示(5)非功能測(cè)試:系統(tǒng)非功能測(cè)試主要從以下四個(gè)方面檢測(cè)系統(tǒng)非功能的質(zhì)量需求。非功能測(cè)試內(nèi)容如表6-6所示。表6-6非功能測(cè)試用例測(cè)試內(nèi)容測(cè)試結(jié)果安全性正常先進(jìn)性正常易用性正?？梢浦残哉?.4系統(tǒng)測(cè)試結(jié)果與分析由測(cè)試的內(nèi)容系統(tǒng)編寫(xiě)測(cè)試用例,并根據(jù)測(cè)試結(jié)果的情況下,測(cè)試系統(tǒng)基本操作流程,頁(yè)面顯示簡(jiǎn)潔,操作方便,用戶獲得更好的用戶體驗(yàn),系統(tǒng)功能實(shí)現(xiàn)滿足用戶的需求,系統(tǒng)兼容性也取得了良好的效果,能夠兼容各種主流瀏覽器，基本實(shí)現(xiàn)了系統(tǒng)設(shè)計(jì)的要求，滿足了用戶的需求。6.5本章小結(jié)本章首先介紹系統(tǒng)的測(cè)試環(huán)境和目的,以及開(kāi)發(fā)的在線音樂(lè)播放和管理整個(gè)系統(tǒng)為例進(jìn)行了測(cè)試,測(cè)試用的例子來(lái)看,出現(xiàn)了相關(guān)的測(cè)試結(jié)果,最后對(duì)測(cè)試結(jié)果進(jìn)行分析,總結(jié)測(cè)試結(jié)果顯示本文的在線音樂(lè)播放和管理系統(tǒng)功能方面,經(jīng)常表現(xiàn)幾乎應(yīng)對(duì)需求規(guī)格書(shū)中的各種需求。

參考文獻(xiàn)黃國(guó)群,龐媛.中國(guó)數(shù)字音樂(lè)產(chǎn)業(yè)發(fā)展的理論分析與趨勢(shì)判斷[J].社科縱橫,2021,36(01):73-81.張峰.應(yīng)用SpringBoot改變web應(yīng)用開(kāi)發(fā)模