基于SpringBoot+Vue的音樂(lè)管理系統(tǒng)設(shè)計(jì)統(tǒng)實(shí)現(xiàn)。系統(tǒng)采用B/S結(jié)構(gòu)，穩(wěn)定性強(qiáng)，擴(kuò)展迭代方便。本系統(tǒng)使用的是IDEA開(kāi)發(fā)工具和MySQL數(shù)據(jù)庫(kù)，使用Vue來(lái)實(shí)現(xiàn)前端頁(yè)面的渲染。【關(guān)鍵詞】Vue,MySQL,SpringBoot,音樂(lè) 1 1 2 31.4本文組織結(jié)構(gòu) 4第二章系統(tǒng)分析 52.1可行性分析 52.1.1社會(huì)可行性 52.1.2技術(shù)可行性 52.1.3經(jīng)濟(jì)可行性 52.2系統(tǒng)需求分析 62.3系統(tǒng)用例分析 72.3.1系統(tǒng)用例圖 72.3.2用例規(guī)約 72.4業(yè)務(wù)流程分析 2.6系統(tǒng)環(huán)境 第三章系統(tǒng)設(shè)計(jì) 3.1軟件結(jié)構(gòu)設(shè)計(jì) 3.2數(shù)據(jù)持久化 3.3數(shù)據(jù)庫(kù)設(shè)計(jì) 3.4本章小結(jié) 第四章系統(tǒng)實(shí)現(xiàn) 4.1項(xiàng)目發(fā)布 4.1.1界面設(shè)計(jì) 214.1.2業(yè)務(wù)邏輯設(shè)計(jì) 4.1.3核心代碼實(shí)現(xiàn) 4.2個(gè)人信息管理 4.2.1界面設(shè)計(jì) 4.2.2業(yè)務(wù)邏輯設(shè)計(jì) 4.2.3核心代碼實(shí)現(xiàn) 4.3.1界面設(shè)計(jì) 4.3.2業(yè)務(wù)邏輯設(shè)計(jì) 4.4數(shù)據(jù)可視化 4.4.1界面設(shè)計(jì) 4.4.2業(yè)務(wù)邏輯設(shè)計(jì) 4.5本章小結(jié) 第五章系統(tǒng)測(cè)試 5.1測(cè)試目的 5.2測(cè)試計(jì)劃 5.3測(cè)試用例 5.4本章小結(jié) 第六章總結(jié)與展望 第一章緒論反應(yīng)當(dāng)時(shí)勞動(dòng)人民的生活方式，音樂(lè)就像是另一種語(yǔ)言，與詩(shī)歌、舞蹈結(jié)合在一起，記錄著當(dāng)時(shí)人們的生活。音樂(lè)是人類(lèi)生存的基本需求，是讓我們的生活變得更具有意義的一種方式。在語(yǔ)言無(wú)法表達(dá)的時(shí)候，音樂(lè)往往可以代替我們的情緒，在思維無(wú)法觸及的地方，音樂(lè)能夠直擊我們心靈的最深處。隨著社會(huì)的進(jìn)步和網(wǎng)絡(luò)的快速發(fā)展?；ヂ?lián)網(wǎng)與音樂(lè)結(jié)合的多種形態(tài)也應(yīng)運(yùn)而生。音樂(lè)的種類(lèi)也相對(duì)更豐富了，如：流行、從2004年讓人耳熟能詳?shù)囊痪洹癏ello酷狗”的“酷狗音樂(lè)”與“QQ音樂(lè)”相繼出道，在到2006年主打小眾音樂(lè)的“蝦米音樂(lè)”橫空出世，到最近讓眾多網(wǎng)友午夜12食糧。以“網(wǎng)易云音樂(lè)”為例，自2013年4月推出客戶(hù)端應(yīng)用以來(lái)，用戶(hù)數(shù)已達(dá)3億，這一數(shù)據(jù)還在不斷提升。與此同時(shí)，受新冠疫情的影響我國(guó)的音樂(lè)平臺(tái)相對(duì)于國(guó)外的音樂(lè)平臺(tái)可能起步略晚，但是經(jīng)過(guò)了近幾年不斷的迭代和發(fā)展也是越來(lái)越完善了。特別是近幾年國(guó)內(nèi)音樂(lè)平臺(tái)的推送算法和版權(quán)意識(shí)有了很大的提升。國(guó)內(nèi)許多音樂(lè)平臺(tái)的推送算法會(huì)根據(jù)用戶(hù)經(jīng)常聽(tīng)的歌曲和收藏的歌曲來(lái)給用戶(hù)推送可能會(huì)喜歡的音樂(lè)，以及和喜歡音樂(lè)風(fēng)格相似的音樂(lè)。在此基礎(chǔ)上，可以在不同的主題下篩選出較為精品的音樂(lè)以此來(lái)引導(dǎo)著用戶(hù)的口味，也讓新人歌手的歌曲得到曝光，兩者催化，促進(jìn)整體系統(tǒng)良性循環(huán)。目前，我國(guó)音樂(lè)網(wǎng)站對(duì)版權(quán)意識(shí)也非常的重視，在非付費(fèi)或會(huì)員到期的情況下，下載到本地的離線(xiàn)歌曲不能傳播也不能播放，需要完成續(xù)費(fèi)才能繼續(xù)播放，這在保護(hù)了歌手的版權(quán)和利益的同時(shí)也促進(jìn)了整個(gè)行業(yè)的良好風(fēng)氣，只有音樂(lè)人的作品得到了保護(hù)和回報(bào)，好的音樂(lè)才會(huì)越來(lái)越多。國(guó)外的音樂(lè)網(wǎng)站起步比較早，形態(tài)也是各式各樣。就“”來(lái)說(shuō)，“”特有的“音樂(lè)基因工程”就非常的完善，能很精確分析到用戶(hù)播放的數(shù)據(jù)，并隨即推薦出用戶(hù)可能會(huì)喜歡聽(tīng)的歌曲?！啊痹诮缑嬖O(shè)計(jì)上也是十分的簡(jiǎn)潔大氣，不用安裝電腦客戶(hù)端。用戶(hù)可以在網(wǎng)頁(yè)上根據(jù)一首歌曲的名字，找出風(fēng)格類(lèi)似的歌曲或者歌單。相對(duì)而言，國(guó)外的音樂(lè)網(wǎng)站在算法和用戶(hù)體驗(yàn)上會(huì)更加的友善。但是，國(guó)外版權(quán)較為分散，這就使得很多國(guó)外音樂(lè)平臺(tái)的歌曲分布廣散，很難在一個(gè)平臺(tái)上找全自己喜歡的所有歌曲。還有一點(diǎn)，就是國(guó)外的網(wǎng)站需要“翻墻”這也是比較麻煩的一點(diǎn)。近年來(lái)我國(guó)在經(jīng)濟(jì)和互聯(lián)網(wǎng)上“趕追比超”.在互聯(lián)網(wǎng)的技術(shù)實(shí)現(xiàn)和設(shè)計(jì)理念上絲毫不亞于其他國(guó)家。以中國(guó)音樂(lè)市場(chǎng)頭號(hào)種子“QQ音樂(lè)”為例，根據(jù)iiMediaResearch相關(guān)數(shù)據(jù)報(bào)告，截至2022年，中國(guó)音樂(lè)用戶(hù)已達(dá)6.7億，特別是疫情期間，用戶(hù)增長(zhǎng)呈持續(xù)增長(zhǎng)趨勢(shì)。目前，巨大的音樂(lè)數(shù)據(jù)讓傳統(tǒng)的數(shù)據(jù)存儲(chǔ)與其處理效率越來(lái)越笨重。這對(duì)戶(hù)來(lái)說(shuō)意味著在海量數(shù)據(jù)中一首一首地查詢(xún)自己喜歡的目標(biāo)歌曲變得更加困難。之前的做法是，當(dāng)用戶(hù)想聽(tīng)具體某一首歌曲的時(shí)候，他們通過(guò)搜索引擎進(jìn)行搜索，但只找到他們知道的歌曲?！昂芏嘤脩?hù)不知道但可能非常喜歡的歌曲永遠(yuǎn)不會(huì)被聽(tīng)到。如果有一個(gè)專(zhuān)門(mén)為用戶(hù)推送歌曲的系統(tǒng)，用戶(hù)搜索歌曲的時(shí)間就會(huì)減少，用戶(hù)對(duì)系統(tǒng)的粘性也會(huì)增加”[1]。我國(guó)音樂(lè)平臺(tái)在用戶(hù)體驗(yàn)、版權(quán)、機(jī)制等問(wèn)題上仍還存在著些許的不足。這些都需要通過(guò)收集用戶(hù)的反饋，對(duì)比其他國(guó)家優(yōu)秀的平臺(tái)以及系統(tǒng)本身不斷的完善迭代才能使我國(guó)的音樂(lè)平臺(tái)健康完善的發(fā)展。本文是對(duì)基于SpringBoot+Vue的音樂(lè)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)的研究?jī)?nèi)容，主要分為以下五大部分：第一部分是對(duì)本音樂(lè)管理系統(tǒng)進(jìn)行邏輯上的分析，通過(guò)技術(shù)、市場(chǎng)、社會(huì)三個(gè)方面的可行性對(duì)項(xiàng)目整體進(jìn)行分析，通過(guò)借鑒有關(guān)的技術(shù)和現(xiàn)有的相關(guān)文獻(xiàn)對(duì)整個(gè)系統(tǒng)進(jìn)行功能需求分析，建立基礎(chǔ)功能，如：管理員功能、用戶(hù)功能、評(píng)論功能等，并且結(jié)合市場(chǎng)調(diào)查和自我創(chuàng)新創(chuàng)建新的功能點(diǎn)。梳理整個(gè)系統(tǒng)的基本功能后，通過(guò)繪制用例圖，編寫(xiě)用例規(guī)約來(lái)設(shè)計(jì)出系統(tǒng)的基本邏輯模型和完整的用戶(hù)流程。第二部分是對(duì)本音樂(lè)管理系統(tǒng)進(jìn)行系統(tǒng)的設(shè)計(jì)分析，選擇好前后端框架，采用前后端分離的設(shè)計(jì)理念。根據(jù)整體項(xiàng)目結(jié)構(gòu)和數(shù)據(jù)參考設(shè)計(jì)數(shù)據(jù)庫(kù)，明確表與表，類(lèi)與類(lèi)之間的關(guān)系。第三部分是音樂(lè)管理系統(tǒng)的具體實(shí)現(xiàn)，通過(guò)SpringBoot框架來(lái)編寫(xiě)后端邏輯，結(jié)合Vue框架對(duì)前端頁(yè)面進(jìn)行渲染。并完成項(xiàng)目的基本功能。第四部分是對(duì)已經(jīng)完成了的音樂(lè)管理系統(tǒng)進(jìn)行相應(yīng)的功能測(cè)試，對(duì)用戶(hù)基本功能以及系統(tǒng)整體性能進(jìn)行分析，編寫(xiě)測(cè)試用例，通過(guò)實(shí)際測(cè)試實(shí)驗(yàn)來(lái)分析并記錄整個(gè)過(guò)程的第五部分則是本文的研究方法，本文主要采用了調(diào)查法和分析法，通過(guò)網(wǎng)絡(luò)信息和對(duì)身邊的人群進(jìn)行調(diào)查訪(fǎng)問(wèn)，針對(duì)當(dāng)前的音樂(lè)市場(chǎng)環(huán)境、流行的歌曲、用戶(hù)的喜好，結(jié)合目前幾個(gè)比較熱門(mén)的音樂(lè)網(wǎng)站來(lái)進(jìn)行數(shù)據(jù)和技術(shù)分析。吸取先進(jìn)的設(shè)計(jì)理念和技術(shù)，并將其適用于本音樂(lè)管理系統(tǒng)，摒棄一些非必要的功能以此來(lái)減輕系統(tǒng)壓力，提升系統(tǒng)反應(yīng)效率。旨在打造“高效、便捷、輕量”的音樂(lè)管理系統(tǒng)。本論文主要分為六個(gè)章節(jié)，以下為各個(gè)章節(jié)的概述：第一章：緒論，主要是介紹了本項(xiàng)目的一個(gè)研究背景和研究的意義，分析了現(xiàn)國(guó)內(nèi)外音樂(lè)網(wǎng)站平臺(tái)的現(xiàn)狀，闡明了在研究的內(nèi)容和研究的方法。第二章：系統(tǒng)分析，這一章主要概述了本項(xiàng)目的總體需求，表明了整個(gè)音樂(lè)管理系統(tǒng)的功能需求，通過(guò)調(diào)查市場(chǎng)和用戶(hù)需求來(lái)分析系統(tǒng)的非功能性需求，通過(guò)繪制整體業(yè)務(wù)流程圖和本項(xiàng)目的整體需求來(lái)分析本音樂(lè)管理系統(tǒng)，使整個(gè)項(xiàng)目功能看起來(lái)更加的清晰明了。第三章：系統(tǒng)設(shè)計(jì)，本章節(jié)描述了整個(gè)音樂(lè)管理系統(tǒng)的系統(tǒng)架構(gòu)，運(yùn)用框架的實(shí)現(xiàn)邏輯，前后端傳遞數(shù)據(jù)的方式，通過(guò)設(shè)計(jì)數(shù)據(jù)庫(kù)的表字段內(nèi)容來(lái)整理類(lèi)與類(lèi)之間的關(guān)系，使得最后的數(shù)據(jù)庫(kù)結(jié)構(gòu)完整且沒(méi)有冗余。第四章：系統(tǒng)實(shí)現(xiàn)，系統(tǒng)實(shí)現(xiàn)主要從音樂(lè)管理系統(tǒng)的渲染形式、邏輯結(jié)構(gòu)、個(gè)別功能實(shí)現(xiàn)代碼來(lái)進(jìn)行分析介紹。第五章：系統(tǒng)測(cè)試，系統(tǒng)測(cè)試主要在整個(gè)音樂(lè)管理系統(tǒng)大體完成之后，對(duì)核心的功能編寫(xiě)測(cè)試用例，并行對(duì)整個(gè)測(cè)試的過(guò)程及結(jié)果進(jìn)行完整的記錄，從中觀察改善減少整個(gè)項(xiàng)目的異常情況第六章：總結(jié)與展望是對(duì)本次工作的一個(gè)總結(jié)，對(duì)本次工作中所存在的不足和問(wèn)題進(jìn)行改進(jìn)，并對(duì)此次工作中的收獲和對(duì)以后的一個(gè)期望做相對(duì)應(yīng)展望和總結(jié)。第二章系統(tǒng)分析負(fù)面信息，確保給用戶(hù)傳遞的都是綠色、健康、有利于身本音樂(lè)管理系統(tǒng)后端采用了當(dāng)下比較流行的SpringBoot框架。從最開(kāi)始笨重的JavaEE到輕量解耦的Spring再到易于配置的SpringBoot。SpringBoot的出現(xiàn)讓原本繁重的Spring變得輕便?！昂?jiǎn)化應(yīng)用Spring開(kāi)發(fā)項(xiàng)目。最突出的特點(diǎn)是配置方式，大大簡(jiǎn)化了Spring應(yīng)用各個(gè)方面的配置。另外SpringBoot能夠集成大量的框架，解決了之前很重端分離開(kāi)發(fā)逐漸成為主流的開(kāi)發(fā)模式”[4,本項(xiàng)目的前端使用的是Vue框架?！癡ue結(jié)合SpringBoot及MyBatis是當(dāng)下B/S開(kāi)發(fā)模式的熱門(mén)技術(shù)，Vue重點(diǎn)在視圖層的開(kāi)發(fā)應(yīng)2.2系統(tǒng)需求分析而服務(wù)端則是為本系統(tǒng)管理人員設(shè)計(jì)的。兩端的界面都是基于Vue框架搭配Element-UI式展現(xiàn)給管理員以便管理員及時(shí)了解整個(gè)系統(tǒng)的實(shí)時(shí)數(shù)據(jù)，管理員可以在“用戶(hù)管理”模塊中查看到用戶(hù)收藏的歌曲以及對(duì)用戶(hù)的基本信息進(jìn)行修改編輯等；在“歌手管理”中用戶(hù)的留言評(píng)論進(jìn)行審核，及時(shí)對(duì)消極信息、操作。系統(tǒng)用例圖如圖2.1所示。下載歌曲—搜索歌曲、歌單登錄用戶(hù)歌單留言查看收藏查看收藏信息修改信息修改用例規(guī)約是描述用例與系統(tǒng)相互作用的文本型說(shuō)明書(shū)，通過(guò)前置條件、后置條件、以及具體的功能在操作過(guò)程中的前提和觸發(fā)的事件和一些特殊需求和問(wèn)題。本系統(tǒng)根據(jù)上文的系統(tǒng)用例圖，建立以下部分重要功能用例規(guī)約：用例名稱(chēng)下載歌曲用例編號(hào)用戶(hù)點(diǎn)擊下載圖標(biāo)下載歌曲用戶(hù)在音樂(lè)播放界面點(diǎn)擊下載圖標(biāo)開(kāi)始該用例1.用戶(hù)點(diǎn)擊進(jìn)入歌曲播放列表3.瀏覽器彈出下載請(qǐng)求提示無(wú)無(wú)無(wú)收藏歌曲用戶(hù)對(duì)自己喜歡的歌曲進(jìn)行收藏用戶(hù)注冊(cè)并登錄的用戶(hù)表2-3歌單評(píng)分用例規(guī)約用例名稱(chēng)用例編號(hào)用戶(hù)注冊(cè)并登錄的用戶(hù)顯示歌單最新的分?jǐn)?shù)用戶(hù)在歌單界面的評(píng)價(jià)下的“星星”按鈕開(kāi)始該用例1.用戶(hù)點(diǎn)擊進(jìn)入歌單2.在歌單界面的評(píng)價(jià)下，選擇相應(yīng)顆數(shù)的星星進(jìn)行評(píng)分3.歌單界面的歌單評(píng)分顯示最新分?jǐn)?shù)無(wú)無(wú)無(wú)用例名稱(chēng)個(gè)人信息用例編號(hào)用戶(hù)進(jìn)入到個(gè)人信息界面，對(duì)自己的信息進(jìn)行操作用戶(hù)注冊(cè)并登錄的用戶(hù)無(wú)用戶(hù)在導(dǎo)航欄點(diǎn)擊個(gè)人頭像開(kāi)始該用例1.用戶(hù)點(diǎn)擊個(gè)人頭像進(jìn)入個(gè)人信息界面2.顯示用戶(hù)基本信息無(wú)1.顯示用戶(hù)基本信息無(wú)無(wú)無(wú)統(tǒng)的客戶(hù)端核心功能主要有：頁(yè)面展示、歌單評(píng)價(jià)、歌曲搜索、歌曲收藏、歌曲收歌曲下載、用戶(hù)中心。首先，當(dāng)沒(méi)有登錄的用戶(hù)進(jìn)入到本平臺(tái)后，首頁(yè)會(huì)展示輪播圖、登錄的用戶(hù)可以通過(guò)頂部導(dǎo)航欄最右側(cè)的注冊(cè)按鈕來(lái)注冊(cè)本平臺(tái)的賬號(hào)來(lái)享受更多權(quán)分最低半顆星對(duì)應(yīng)1分，登錄用戶(hù)可以在歌單下方的留言區(qū)進(jìn)行評(píng)論留言與其他音樂(lè)愛(ài)后臺(tái)管理系統(tǒng)主要是以管理員對(duì)整個(gè)系統(tǒng)的信息進(jìn)行查看和對(duì)前臺(tái)信息的一些修改更新為主，管理員登錄管理員賬號(hào)后，后臺(tái)管理系統(tǒng)首頁(yè)會(huì)手的信息和更新歌手的頭像，通過(guò)“歌曲管理”功能來(lái)對(duì)該歌來(lái)修改歌單的簡(jiǎn)介和歌單所屬的風(fēng)格，通過(guò)點(diǎn)擊"評(píng)論"按鍵來(lái)選擇功能選擇功能客戶(hù)端流程圖客戶(hù)端服務(wù)器公共權(quán)限瀏覽信息推送首頁(yè)內(nèi)容用戶(hù)賬號(hào)或密碼錯(cuò)誤一驗(yàn)證用戶(hù)信息驗(yàn)證注冊(cè)信息返回相關(guān)信息選擇功能選擇功能登錄用戶(hù)權(quán)限歌單詳情頁(yè)歌手詳情頁(yè)播放音樂(lè)播放歌曲搜索歌曲調(diào)用播放API接口調(diào)用搜索API接口返回搜索結(jié)果歌單評(píng)論展示最新評(píng)論歌單評(píng)分顯示歌單最新分?jǐn)?shù)彈出"已經(jīng)評(píng)分收藏歌曲我的音樂(lè)詳情頁(yè)彈出"已經(jīng)收藏修改個(gè)人信息顯示修改后的信息調(diào)用評(píng)論API接口調(diào)用評(píng)分API接口顯示已經(jīng)評(píng)分過(guò)(一個(gè)用戶(hù)對(duì)一個(gè)歌單只能評(píng)分一次調(diào)用收藏API接口調(diào)用修改API接口一圖2.4音樂(lè)管理系統(tǒng)業(yè)務(wù)流程圖在系統(tǒng)的設(shè)計(jì)實(shí)現(xiàn)中除了基本的需求之外還應(yīng)該滿(mǎn)足以下幾點(diǎn)非功能性的需求。易用性需求：本系統(tǒng)采用Java編程語(yǔ)言，基于SpringBoot框架開(kāi)發(fā)數(shù)據(jù)持久化使用MyBatis,數(shù)據(jù)庫(kù)為MySQL,在保證高效穩(wěn)定的前提下使用戶(hù)易于操作，整個(gè)系統(tǒng)界面簡(jiǎn)潔清晰、功能明確、反應(yīng)快速。用戶(hù)可以通過(guò)簡(jiǎn)潔的頁(yè)面菜單輕松找到對(duì)應(yīng)的功能模塊，在快速的響應(yīng)環(huán)境下瀏覽平臺(tái)的數(shù)據(jù)資源。安全性需求：本音樂(lè)管理系統(tǒng)通過(guò)異步消息傳遞，前后端數(shù)據(jù)都做到了數(shù)據(jù)的過(guò)濾，在系統(tǒng)結(jié)構(gòu)清晰的同時(shí)也對(duì)無(wú)效來(lái)源進(jìn)行阻止，在保證用戶(hù)體驗(yàn)的同時(shí)也做到了防止用戶(hù)基本信息的泄露。兼容性需求：本應(yīng)用管理系統(tǒng)基于B/S開(kāi)發(fā)，SpringBoot與Vue框架的組合能輕松適應(yīng)各個(gè)主流瀏覽器，確保系統(tǒng)在運(yùn)行中保持順暢正常。可維護(hù)性需求：本系統(tǒng)采用前后端分離技術(shù)，通過(guò)跨域和Axios來(lái)進(jìn)行前后端的信息交互，實(shí)現(xiàn)真正意義上的后端解耦，使得整體分工更加明確，在出現(xiàn)問(wèn)題時(shí)能快速找到Bug。大大降低了維護(hù)成本，便于性能提升。下表為本音樂(lè)管理系統(tǒng)的配置環(huán)境名稱(chēng)開(kāi)發(fā)語(yǔ)言系統(tǒng)開(kāi)發(fā)軟件數(shù)據(jù)庫(kù)前端開(kāi)發(fā)工具后臺(tái)框架前端框架本章節(jié)主要對(duì)本音樂(lè)管理系統(tǒng)進(jìn)行了全面的分析，從社會(huì)、技術(shù)和經(jīng)濟(jì)角度分析是否可行，再結(jié)合UML圖形更形象的從功能需求和系統(tǒng)層面上進(jìn)行分析。對(duì)比市面上投入運(yùn)營(yíng)的音樂(lè)網(wǎng)站，結(jié)合自身項(xiàng)目的實(shí)際情況，通過(guò)用例規(guī)約、流程圖、用例圖等圖表信息，形象的概況描述了整個(gè)項(xiàng)目的基本特點(diǎn)和需求。第三章系統(tǒng)設(shè)計(jì)本音樂(lè)管理系統(tǒng)采用B/S結(jié)構(gòu)，基于SpringBoot框架和Vue框架搭配ElementUI組件庫(kù)進(jìn)行設(shè)計(jì)開(kāi)發(fā)，具體結(jié)構(gòu)圖如圖3.1所示。管理員數(shù)據(jù)收藏?cái)?shù)據(jù)Javajdk8SpringBoot2.3.0網(wǎng)站首頁(yè)管理端用戶(hù)端前端，本系統(tǒng)主要涉及三個(gè)角色，未登錄用戶(hù)、登錄用戶(hù)和系統(tǒng)管理員。后端，實(shí)現(xiàn)各種接口供前端調(diào)用，通過(guò)Axios與前端交互，前端通過(guò)調(diào)用接口來(lái)獲取或提交數(shù)據(jù)。數(shù)據(jù)，主要將數(shù)據(jù)存儲(chǔ)到MySQL數(shù)據(jù)庫(kù)中，通過(guò)基本的業(yè)務(wù)操作以及一些多表聯(lián)查和事務(wù)提交等操作來(lái)對(duì)數(shù)據(jù)進(jìn)行改動(dòng)。3.2數(shù)據(jù)持久化本系統(tǒng)主要依靠MyBatis持久層框架來(lái)實(shí)現(xiàn)數(shù)據(jù)的持久化，只需簡(jiǎn)單的xml配置和注解即可完成原本JDBC多而雜的繁瑣配置。本音樂(lè)管理系統(tǒng)一共分為：管理員類(lèi)、收藏類(lèi)、評(píng)論類(lèi)、用戶(hù)類(lèi)、歌單中的歌曲類(lèi)、歌單評(píng)分類(lèi)、歌手類(lèi)、歌曲類(lèi)、歌單類(lèi)九個(gè)類(lèi)。在配置文件將實(shí)體類(lèi)與映射文件路徑做關(guān)聯(lián)，并配置對(duì)應(yīng)的映射文件，在調(diào)用Dao層邏輯的時(shí)候，找到對(duì)應(yīng)映射文件中的SQL語(yǔ)句，執(zhí)行SQL最終將數(shù)據(jù)返回存儲(chǔ)到MySQL數(shù)據(jù)庫(kù)中。本系統(tǒng)中類(lèi)與類(lèi)關(guān)系的設(shè)計(jì)是通過(guò)實(shí)際研究的，每個(gè)歌手有多首歌曲作品，每個(gè)歌單也有許多的歌曲，一位用戶(hù)可以收藏多首歌曲但是只能對(duì)同一個(gè)歌單評(píng)分一次，可以對(duì)同一個(gè)歌單進(jìn)行多次的評(píng)論留言，一個(gè)歌單可以被多個(gè)用戶(hù)評(píng)分，一個(gè)用戶(hù)對(duì)同一歌單也可以有多條評(píng)論，具體的關(guān)聯(lián)圖如圖3.2所示。管理員管理員+添加用戶(hù)0+刪除用戶(hù)0+修改用戶(hù)信息0+添加歌手()+刪除歌手()+編輯歌手信息0+刪除歌單()+管理歌單評(píng)論()+編輯歌單信息0+評(píng)分()用戶(hù)+添加收藏()+取消收藏()+搜索歌單()+登錄()+退出(+收藏歌曲()+添加歌手0)+歌單評(píng)論()+評(píng)論過(guò)濾()歌單11111根據(jù)圖3.2的類(lèi)與類(lèi)之間的關(guān)聯(lián)圖分析得到本音樂(lè)管理系統(tǒng)中一共有9個(gè)類(lèi)，對(duì)應(yīng)得到9張數(shù)據(jù)表。分別是：管理員表、收藏信息表、評(píng)論信息表、用戶(hù)表、歌單中的歌曲表、歌單評(píng)分表、歌手表、歌曲表以及歌單表。數(shù)據(jù)庫(kù)的詳細(xì)結(jié)構(gòu)設(shè)計(jì)如表3-1到表3-9。是否管理員賬號(hào)否是管理員密碼否是是否管理員賬號(hào)否是收藏類(lèi)型否是否是否是收藏時(shí)間否是是否否是評(píng)論類(lèi)型否是否是否是否是收藏時(shí)間否是否是是否用戶(hù)賬號(hào)否是否是性別否是電話(huà)否是郵箱否是生日否是簽名否是地區(qū)否是否是創(chuàng)建時(shí)間否是更新時(shí)間否是是否否是否是是否否是否是否是是否姓名否是性別否是否是生日否是地區(qū)否是簡(jiǎn)介否是是否否是歌曲名否是簡(jiǎn)介否是創(chuàng)建時(shí)間否是更新時(shí)間否是歌曲圖片否是歌詞否是否是完成給歌單打分的功能。本功能流程圖如圖4.2所示。2、驗(yàn)證登錄信息4、獲取歌單信息6、返回歌單信息列表圖4.2歌單評(píng)分流程圖并返回給前端用戶(hù)。具體代碼如圖4.3所示。*計(jì)算平均分StringsongListId=request.getPareturnrankServi}圖4.3歌單評(píng)分代碼系統(tǒng)系統(tǒng)址用戶(hù)敗圖4.5個(gè)人信息活動(dòng)圖4.2.3核心代碼實(shí)現(xiàn)用戶(hù)修改個(gè)人信息模塊，主要采用了Vue框架和ElementUI組件庫(kù)來(lái)在前端判斷完成，在用戶(hù)完成信息修改點(diǎn)擊保存后將符合的數(shù)據(jù)通過(guò)Axios傳到后端中，在數(shù)據(jù)庫(kù)中完成更新并將更新后的數(shù)據(jù)返回給用戶(hù)。具體代碼如圖4.6所示。(value=O~"/update"updateConsumerCHttpServLetRequestjsonObject=newusername=request.getParameter(s:"username").trimO;password=request.getParameterCs:"password").trim();sex=request.getParameterCs:"sex").trim();phoneNum=request.getParameterCs:"phoemail=request.getParameter(s:"birth=request.getPar//賬號(hào)//密碼//性別//手機(jī)號(hào)//電于郵M//生口//地區(qū)jsonObject.putCConsts.MSG,"用戶(hù)名不能為空");}jsonObjectjsonObject.put(Consts.MSG,"密碼不能為空");}圖4.6個(gè)人信息設(shè)置代碼需改頭像功能點(diǎn)具體代碼如圖4.7所示。StringstoreAvatorPatbooleanflag=consumerServijsonobject.put("avator",storeAvatorPath);}jsonObject.put(Consts.jsonObject.put(Consts.returnreturnjsonObject;}4.3.1界面設(shè)計(jì)當(dāng)管理員進(jìn)到后臺(tái)管理頁(yè)面點(diǎn)擊歌手管理，通過(guò)選擇相應(yīng)的功能來(lái)完成具體的操作。比如：添加歌手、刪除歌手、批量刪除、編輯等以及在子功能歌曲管理中對(duì)歌手的歌曲進(jìn)行編輯修改等操作。歌手管理界面如圖4.8所示。子功能歌曲管理如圖4.9所示。小ai干*中業(yè)rh學(xué)1年護(hù)erut域mme沫號(hào)4.3.2業(yè)務(wù)邏輯設(shè)計(jì)當(dāng)管理員登錄之后，在后臺(tái)管理菜單欄中點(diǎn)擊歌手管理進(jìn)入到歌手管理界面，在這里可以查看歌手的簡(jiǎn)介圖片等信息，以及對(duì)對(duì)應(yīng)的信息及時(shí)進(jìn)行更新操作，在點(diǎn)擊子功能歌曲管理，可以對(duì)該歌手的作品進(jìn)行資源、圖片以及歌詞的更新、刪除等操作。具體狀態(tài)圖如圖4.10所示。本章節(jié)通過(guò)對(duì)本音樂(lè)管理系統(tǒng)的部分核心功能：歌單評(píng)分、個(gè)人信息管理、歌手管理、數(shù)據(jù)可視化，描述了設(shè)計(jì)的業(yè)務(wù)邏輯和具體的功能操作，展示了最終的界面呈現(xiàn)效果和核心的代碼，將整個(gè)系統(tǒng)的實(shí)現(xiàn)進(jìn)行更清晰的刨析。第五章系統(tǒng)測(cè)試本章節(jié)主要是針對(duì)整個(gè)音樂(lè)管理系統(tǒng)的部分功能進(jìn)行測(cè)試，在標(biāo)準(zhǔn)的測(cè)試環(huán)境下進(jìn)行功能測(cè)試以確保在系統(tǒng)運(yùn)行過(guò)程中減少系統(tǒng)的Bug,提升系統(tǒng)的容錯(cuò)率，使得整個(gè)系統(tǒng)的測(cè)試結(jié)果能達(dá)到預(yù)期要求的效果，在測(cè)試的過(guò)程當(dāng)中也可以發(fā)現(xiàn)程序存在的問(wèn)題和不足，并針對(duì)性做出整改和提升，完善代碼，提升用戶(hù)的體驗(yàn)。系統(tǒng)測(cè)試的目的在于通過(guò)模擬真實(shí)的工作環(huán)境，結(jié)合硬件、設(shè)備、網(wǎng)絡(luò)等綜合元素，進(jìn)行信息和組件測(cè)試，通過(guò)檢驗(yàn)系統(tǒng)的配置接口等信息來(lái)驗(yàn)證整個(gè)音樂(lè)管理系統(tǒng)是否符合規(guī)范，對(duì)具體的某一個(gè)功能點(diǎn)進(jìn)行功能測(cè)試來(lái)檢測(cè)出整個(gè)系統(tǒng)是否存在嚴(yán)重的缺陷，及時(shí)解決潛在的問(wèn)題，保證系統(tǒng)正常運(yùn)行。檢查系統(tǒng)是否可以滿(mǎn)足用戶(hù)的基本需求，代碼設(shè)計(jì)是否符合邏輯，頁(yè)面是否美觀等。本系統(tǒng)主要采用黑盒測(cè)試18,測(cè)試用戶(hù)的功能模塊、播放接口、搜索接口功能，后臺(tái)管理主要測(cè)試管理員的可視化模塊、歌單模塊。本章節(jié)主要對(duì)本音樂(lè)管理系統(tǒng)的用戶(hù)端和服務(wù)端進(jìn)行功能、接口測(cè)試，具體測(cè)試計(jì)劃如表5-1。完成時(shí)間功能名用戶(hù)注冊(cè)安全退出首頁(yè)展示我的音樂(lè)播放歌曲下載歌曲收藏歌曲搜索歌曲管理員登錄查看用戶(hù)信息查看用戶(hù)收藏刪除用戶(hù)更新歌手圖片修改歌手信息更新歌曲圖片添加歌曲添加歌詞歌單評(píng)論審核查看歌單歌曲編輯歌單信息查看歌手歌曲測(cè)試用例指的是對(duì)某一個(gè)軟件系統(tǒng)進(jìn)行測(cè)試任務(wù)的描述，范圍包括測(cè)試環(huán)境、數(shù)據(jù)參數(shù)、測(cè)試目的、測(cè)試結(jié)果等，測(cè)試用例可以確保整個(gè)系統(tǒng)的質(zhì)量是否能穩(wěn)定，是否可以滿(mǎn)足市場(chǎng)運(yùn)行的需求，非常重要。一般會(huì)將最后的結(jié)果歸納成文檔。1.用戶(hù)功能測(cè)試用例項(xiàng)目/軟件功能模塊名用戶(hù)功能用例編號(hào)無(wú)編制時(shí)間測(cè)試目的在用戶(hù)端查看數(shù)據(jù)信息系統(tǒng)正常運(yùn)行測(cè)試數(shù)據(jù)無(wú)1.用戶(hù)進(jìn)入系統(tǒng)首頁(yè)期望結(jié)果界面跳轉(zhuǎn)至相應(yīng)模塊并展示模塊信息實(shí)際結(jié)果時(shí)區(qū)：中國(guó)標(biāo)準(zhǔn)時(shí)間打開(kāi)(Q)0個(gè)通過(guò)測(cè)試人員開(kāi)發(fā)人員測(cè)試時(shí)間表5-3歌曲播放功能測(cè)試用例項(xiàng)目/軟件功能模塊名用例編號(hào)無(wú)編制時(shí)間測(cè)試目的系統(tǒng)正常運(yùn)行測(cè)試數(shù)據(jù)無(wú)1.用戶(hù)進(jìn)入歌單或歌手界面期望結(jié)果系統(tǒng)播放歌曲實(shí)際結(jié)果執(zhí)行摘要-Test_02-Res2完成時(shí)區(qū)：中國(guó)標(biāo)準(zhǔn)時(shí)間主機(jī)名： 4 打開(kāi)(Q)測(cè)試人員開(kāi)發(fā)人員測(cè)試時(shí)間項(xiàng)目/軟件功能模塊名用例編號(hào)無(wú)編制時(shí)間管理員登錄后臺(tái)后查看數(shù)據(jù)圖表測(cè)試目的測(cè)試管理員是否能查看到服務(wù)端首頁(yè)的數(shù)據(jù)圖表信息管理員已登錄、系統(tǒng)正常運(yùn)行測(cè)試數(shù)據(jù)無(wú)1.管理員登錄后臺(tái)系統(tǒng)首頁(yè)2.查看對(duì)應(yīng)數(shù)據(jù)期望結(jié)果實(shí)際結(jié)果執(zhí)行摘要-Test_03-Res3完成時(shí)區(qū)：中國(guó)標(biāo)準(zhǔn)時(shí)間主機(jī)名： 4 打開(kāi)(Q)測(cè)試人員開(kāi)發(fā)人員測(cè)試時(shí)間表5-5歌曲搜索測(cè)試用例功能模塊名用例編號(hào)無(wú)編制時(shí)間測(cè)試目的系統(tǒng)正常運(yùn)行測(cè)試數(shù)據(jù)無(wú)1.用戶(hù)進(jìn)入系統(tǒng)首頁(yè)3.輸入想要搜索的歌曲名期望結(jié)果顯示搜索結(jié)果實(shí)際結(jié)果中國(guó)標(biāo)準(zhǔn)時(shí)間警告 打開(kāi)(Q)測(cè)試人員林佳鑫開(kāi)發(fā)人員林佳鑫測(cè)試時(shí)間5.歌單評(píng)論功能用例項(xiàng)目/軟件功能模塊名用例編號(hào)無(wú)編制時(shí)間管理員登錄后對(duì)歌單進(jìn)行操作測(cè)試目的測(cè)試管理員對(duì)歌單的評(píng)論進(jìn)行審核管理員已登錄、系統(tǒng)正常運(yùn)行測(cè)試數(shù)據(jù)無(wú)3.管理員登錄后臺(tái)系統(tǒng)首頁(yè)5.點(diǎn)擊評(píng)論期望結(jié)果審核后，歌單顯示最新評(píng)論數(shù)據(jù)實(shí)際結(jié)果執(zhí)行摘要-Test05-Res5完成中國(guó)標(biāo)準(zhǔn)時(shí)間■通過(guò)■失敗口警告口完成測(cè)試人員林佳鑫開(kāi)發(fā)人員林佳鑫測(cè)試時(shí)間在開(kāi)發(fā)的過(guò)程中都會(huì)出現(xiàn)或大或小的Bug,市面上運(yùn)行的程序軟件，無(wú)一不經(jīng)過(guò)上萬(wàn)次甚至更多次的Bug修改。本章節(jié)主要針對(duì)本音樂(lè)管理系統(tǒng)的部分核心功第六章總結(jié)與展望搭配ElementUI組件庫(kù)來(lái)實(shí)現(xiàn)前端頁(yè)面的渲染，通過(guò)Axios通信框給前端，利用MySQL數(shù)據(jù)庫(kù)存儲(chǔ)項(xiàng)目數(shù)據(jù)信息，使用了IDEA、VSCode、Navicat、場(chǎng)統(tǒng)計(jì)需求以及建立圖表聯(lián)系和具體實(shí)施再到最后的測(cè)試完善，每一個(gè)腳步每一個(gè)環(huán)1、對(duì)比一些國(guó)內(nèi)外音樂(lè)平臺(tái)系統(tǒng)，本音樂(lè)管理系統(tǒng)的功能點(diǎn)還不夠全面，主要體現(xiàn)在用戶(hù)交互方面，這些需要在后續(xù)的版本不斷的迭代完善。2、沒(méi)有用到一些主流的緩存技術(shù)，后期大量用戶(hù)同時(shí)在線(xiàn)訪(fǎng)問(wèn)時(shí)可能會(huì)出現(xiàn)卡頓等B