音樂網(wǎng)站的設(shè)計與實習(xí)畢業(yè)設(shè)計論文

本科畢業(yè)論文（設(shè)計）中文題目漩渦音樂網(wǎng)站的設(shè)計與實現(xiàn)英文題目DesignandImplementationofVortexMusicWebsite選題編號xgx230809012080系（部）專業(yè)學(xué)生姓名學(xué)號指導(dǎo)教師完成時間本科畢業(yè)論文（設(shè)計）[6]。圖4.5注冊模塊部分代碼用戶注冊界面如圖4.6所示。圖4.6用戶注冊界面圖4.2.4評論模塊用戶想發(fā)布自己對歌曲的看法時，可以在歌曲部分下進行評論。不僅可以對歌曲進行點評還可以進行打分，對喜歡的歌手也可以進行評論。在邏輯層實現(xiàn)評論的邏輯添加，管理員管理系統(tǒng)的所有評論訊息，能對用戶的評價進行刪除處理。用戶登錄成功后，在歌曲界面下方輸入自己想說的話，也可以修改評論，評論完成后就可以返回歌曲相關(guān)界面。圖4.7評論模塊部分代碼評論添加界面如圖4.8所示。圖4.8評論添加界面圖4.2.5歌曲收藏模塊用戶在聽到自己喜歡的歌曲時，可以收藏下來。用戶選擇相應(yīng)的歌曲收藏，通過id傳參，找到id為此傳參的歌曲，在收藏頁提交收藏記錄表單，生成收藏記錄。當(dāng)想要查看自己收藏的歌曲時用戶可以在個人中心管理個人的收藏夾進行查看。收藏頁面能夠看到歌手姓名，也可以在收藏頁面搜索來找到自己收藏的歌曲。圖4.9歌曲收藏部分代碼歌曲收藏界面如圖4.9所示。圖4.10歌曲收藏界面圖收藏夾界面如圖4.11所示。圖4.11收藏夾界面圖4.2.6歌曲播放模塊用戶發(fā)現(xiàn)自己感興趣的歌曲，可以點擊歌曲，用戶點擊想要觀看的歌曲進入播放界面，瀏覽器自動播放該歌曲，用戶如果想要看歌詞，在歌曲頁面下有歌詞展示。歌曲播放通過調(diào)用html的<video>標(biāo)簽，將播放文件路徑參數(shù)傳入，完成播放。管理員管理所有歌曲可以在后臺進行增加刪除等操作。圖4.12歌曲播放部分代碼歌曲播放界面如圖4.13所示。圖4.13歌曲播放界面圖4.2.7用戶管理模塊管理員可以管理用戶賬戶，管理者點擊“用戶管理”按鈕進入用戶管理界面，包括錄入、刪除、修改，修改密碼通過SESSION獲取用戶名，然后輸入新密碼，同步至數(shù)據(jù)庫更新密碼。圖4.14用戶管理部分代碼用戶管理界面如圖4.15所示。圖4.15用戶管理界面圖登錄密碼修改界面如圖4.16所示。圖4.16登錄密碼修改界面圖4.2.8資訊管理模塊管理員對資訊進行管理，管理員想要發(fā)布資訊時，管理員就可以點擊“資訊發(fā)布”按鈕進入發(fā)布資訊頁面，然后提交資訊信息，包括主題、附圖、詳情等，當(dāng)資訊提交后，數(shù)據(jù)庫的資訊信息表刷新數(shù)據(jù)，系統(tǒng)就會將資訊信息展示出來。圖4.17咨詢管理部分代碼資訊添加界面如圖4.18所示。圖4.18資訊添加界面圖資訊管理界面如圖4.19所示。圖4.19資訊管理界面圖4.2.9歌曲管理模塊管理員可以對歌曲進行管理，例如發(fā)布歌曲，查看歌曲，刪除歌曲。管理員在點擊“歌曲發(fā)布”按鈕進入發(fā)布歌曲頁面，然后提交歌曲信息，包括專輯名稱、歌曲名稱、類型、封面、歌手姓名、語言、文件、唱片公司、發(fā)行時間等，和資訊發(fā)布流程一致，歌曲提交后，數(shù)據(jù)庫的歌曲信息表刷新數(shù)據(jù)，系統(tǒng)將歌曲信息展示出來。圖4.20歌曲管理部分代碼歌曲添加界面如圖4.21所示。圖4.21歌曲添加界面圖歌曲管理界面如圖4.22所示。圖4.22歌曲管理界面圖4.2.10歌手管理模塊歌手管理包括新增歌手、刪除歌手、修改歌手、查詢歌手等，在發(fā)布新增歌手時頁面需要填寫歌手姓名，性別，首字母和歌手圖片，她的音樂風(fēng)格，出生日期，地區(qū)。以歌手新增為例，在視圖層請求歌手信息新增，反饋后，調(diào)用業(yè)務(wù)邏輯層，通過業(yè)務(wù)邏輯層的接口調(diào)用底層的數(shù)據(jù)邏輯層完成數(shù)據(jù)庫聯(lián)動操作。圖4.23歌手管理部分代碼歌手添加界面如圖4.24所示。圖4.24歌手添加界面圖歌手管理界面如圖4.25所示。圖4.25歌手管理界面圖4.2.11mv視頻管理模塊管理員能夠?qū)v進行管理，想要發(fā)布mv視頻時，管理員就可以點擊“mv視頻發(fā)布”按鈕進入發(fā)布mv視頻頁面，然后提交mv視頻信息，包括歌曲名稱、類型、封面、歌手姓名、語言、專輯名稱、mv文件、粉絲量、發(fā)行時間等，mv視頻提交后，數(shù)據(jù)庫的mv視頻信息表刷新數(shù)據(jù)，系統(tǒng)將mv視頻信息展示出來。圖4.26mv管理部分代碼mv視頻添加界面如圖4.27所示。圖4.27mv視頻添加界面圖mv視頻管理界面如圖4.28所示。圖4.28mv視頻管理界面圖

5系統(tǒng)測試5.1測試計劃系統(tǒng)測試主要目的是發(fā)現(xiàn)并修復(fù)系統(tǒng)中存在的問題和錯誤，保證程序的正確性和可靠性需要進行測試。系統(tǒng)測試可以降低開發(fā)時間，幫助開發(fā)者盡快發(fā)現(xiàn)系統(tǒng)的錯誤，避免開發(fā)完后出現(xiàn)嚴(yán)重的問題。環(huán)境需要測試，以大部分市面上電腦性能都能使用為主，環(huán)境測試無比重要。還需要測試音樂網(wǎng)站的功能模塊，測試功能是否能夠使用，沒有進行報錯。所以分成2個方面測試，環(huán)境，功能。此次測試使用黑盒測試，它是通過測試來檢測每個功能能不能正常使用，主要針對界面和功能進行測試。5.2環(huán)境測試

表5.1測試環(huán)境客戶端軟、硬件配置備注硬件軟件LAPTOP-FN45VSOICPU：2.40GHzWindows10內(nèi)存：8GMSN7.5硬盤：512G瀏覽器：GoogleChrome5.3功能測試表5.2是一個功能測試用例表，其中包括了七項測試用例，每項測試用例包括了測試項、描述/輸入/操作、期望結(jié)果和實際結(jié)果。下面對每項測試用例進行闡述：用戶在注冊階段，正確輸入賬號和密碼進行注冊。測試用例描述了用戶需要點擊“注冊”按鈕完成注冊，并期望注冊成功。在實際測試中，用戶點擊了“注冊”按鈕后，系統(tǒng)成功提示用戶注冊成功，符合預(yù)期結(jié)果。用戶登錄測試用例：用戶使用之前注冊的賬號和密碼進行登錄，測試用例描述了用戶需要使用注冊的賬號和密碼進行登錄，并期望登錄成功。在實際測試中，用戶輸入了正確的賬號和密碼后，系統(tǒng)成功提示用戶登錄成功，符合預(yù)期結(jié)果。歌曲增刪測試用例：測試用例描述了在添加歌曲模塊中，用戶需要根據(jù)提示填寫相關(guān)歌曲信息，并成功添加歌曲。在實際測試中，用戶填寫完整歌曲信息后，點擊“提交”按鈕后，添加成功，符合預(yù)期結(jié)果。而對于歌曲刪除模塊，測試用例描述了用戶可以通過點擊“刪除歌曲”進行刪除操作，并期望可用和刪除成功。在實際測試中，用戶點擊了“刪除歌曲”，提示了是否確認刪除，經(jīng)過用戶確認后刪除成功，符合預(yù)期結(jié)果。歌手新增測試用例：測試用例描述了在歌手增加模塊中，用戶需要根據(jù)提示填寫相關(guān)歌手信息，并成功添加歌手。在實際測試中，用戶填寫完整歌手信息后，點擊“提交”按鈕后，添加成功，符合預(yù)期結(jié)果。MV播放測試用例：測試用例描述了在MV視頻播放模塊中，用戶需要點擊MV視頻播放按鈕，并期望MV視頻可以正常播放。在實際測試中，用戶點擊了MV視頻播放按鈕后，MV視頻可以正常播放，符合預(yù)期結(jié)果。播放測試用例：測試用例描述了在播放模塊中，用戶需要點擊音樂播放按鈕，并期望音樂可以正常播放。在實際測試中，用戶點擊了音樂播放按鈕后，音樂可以正常播放，符合預(yù)期結(jié)果。表5.2中的這些功能測試用例描述了每項功能的輸入、操作和期望結(jié)果，并進行了實際測試，以確保相應(yīng)的軟件功能能夠符合預(yù)期的需求，并通過測試，滿足了軟件可靠和穩(wěn)定的要求。表5.2功能測試用例表編號測試項描述/輸入/操作期望結(jié)果實際結(jié)果1登錄功能用戶注冊（1）正確輸入數(shù)據(jù)（2）輸入特殊字符（1）不出現(xiàn)錯誤(2)不符合要求給出提示（1）不出現(xiàn)錯誤(2)不符合要求給出提示2用戶登錄（1）用戶使用注冊賬號登錄（2）用戶使用未注冊賬戶登錄(1)正確，登陸成功(2)提示用戶不存在(1)正確，登陸成功(2)提示用戶不存在3歌曲增刪功能歌曲添加模塊正確輸入歌曲信息輸入特殊字符（1）正確，添加成功（2）提示信息錯誤（1）正確，添加成功（2）提示信息錯誤4歌曲刪除模塊刪除按鈕是否可用可用可用5歌手新增歌手增加模塊正確輸入歌手信息輸入特殊字符（1）正確，添加成功（2）提示信息錯誤（1）正確，添加成功（2）提示信息錯誤6Mv播放Mv視頻播放模塊播放按鈕是否可用可用可用7播放播放模塊播放按鈕是否可用可用可用5.4測試總結(jié)經(jīng)過環(huán)境測試和功能測試，漩渦音樂網(wǎng)站滿足了用戶的功能需求，也能讓用戶們在普通電腦上流程使用漩渦音樂網(wǎng)站，本音樂網(wǎng)站通過查閱國內(nèi)外的文獻資料，學(xué)習(xí)構(gòu)建音樂網(wǎng)站的技術(shù)，都是為了讓用戶方便使用，漩渦音樂網(wǎng)站有著簡潔的頁面，沒有眼花繚亂的感覺，但又不過于普通，主要為了便利，查詢速度快，實用性高，不卡頓，系統(tǒng)成熟，滿足用戶的要求，用戶名擁有自己的賬戶，管理員有自己的后臺管理賬戶，登錄輸錯時還會提醒你，讓用戶能夠記住自己的賬戶，安全性也比較高。

6總結(jié)與展望6.1總結(jié)在這個系統(tǒng)的開發(fā)過程中，逐步經(jīng)歷了許多，查找相關(guān)的文獻和資料，查看了相關(guān)的技術(shù)書籍，逐漸對音樂網(wǎng)站有了清晰概念和構(gòu)建思路，數(shù)據(jù)的分析能力提高，也提高了繪圖和設(shè)計的能力。構(gòu)建音樂網(wǎng)站需要去對相關(guān)用戶進行用戶調(diào)查了解他們的需求，再對數(shù)據(jù)庫的建模，修改系統(tǒng)的BUG、調(diào)試代碼等一系列操作。遇到了許多的困難，代碼的不熟練，邏輯的錯誤，再詢問老師，上網(wǎng)搜查后慢慢解決了困難，完成了漩渦音樂網(wǎng)站。漩渦音樂網(wǎng)站前端是用戶對業(yè)務(wù)的操作，用戶可以進行歌手查詢、歌手點評、專輯查詢、專輯播放、mv視頻播放、音樂資訊等操作。后臺管理者也能夠在管理后臺對音樂網(wǎng)站的信息進行增刪查改，例如用戶管理、歌手管理、專輯管理、mv視頻管理、資訊管理等。漩渦音樂網(wǎng)站還是有些優(yōu)點的，比如快速，簡潔，只有與音樂相關(guān)的東西，用戶上手可以很快操作簡單。完成了音樂網(wǎng)站。6.2展望漩渦音樂網(wǎng)站既有它的優(yōu)點也有它的缺點，對于我來說漩渦音樂網(wǎng)站還有許多地方不夠好，功能也是不夠齊全的，例如沒有分享功能，音樂就是應(yīng)該用于分享，當(dāng)別人聽了你喜歡的音樂，自己也會感到開心，獨樂樂不如眾樂樂，讓身邊的人了解自己愛聽的音樂也是種幸福感。前端功能不突出，頁面有點單薄，雖然簡潔但讓人感覺空空如也。管理后臺頁面也是過于簡潔，長時間操作的話肯定會感到枯燥乏味，系統(tǒng)的布局UI設(shè)計不夠美觀，布局不夠好，有點擁擠的感覺，評論也有點單調(diào)，用戶沒有能得到反饋的交互，有個點贊和踩的功能就更好了，在別人點贊的同時自己能收到反饋，也能吸引更多人聽歌評論，缺點很多，希望以后可以更加完善。

參考文獻劉珍,方明.基于SparkSreaming網(wǎng)站流量實時分析系統(tǒng)的設(shè)計與實現(xiàn)[J].智能計算機與應(yīng)用,2019,9(06):201-205.劉桃麗,曾志超.MVC架構(gòu)下網(wǎng)站的設(shè)計與實現(xiàn)[J].計算機技術(shù)與發(fā)展,2020,30(02):188-191.孫榮明.以Web與數(shù)據(jù)庫算法為載體的軟件應(yīng)用設(shè)計分析[J].信息與電腦(理論版),2019,31(21):46-47.李泗蘭,郭雅.視覺空間元素在網(wǎng)頁設(shè)計中的應(yīng)用研究[J].電腦知識與技術(shù),2019,15(29):212-214.戴宏明,戴宏亮.基于HTML5大型營銷型網(wǎng)站設(shè)計研究[J].軟件,2019,40(11):57-61.劉劍橋,孫剛,魏夢雪,曹飛虎.摩登農(nóng)場網(wǎng)站的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù),2019,15(31):35-36+44.楊嘉誠,柯海豐.基于HTML5和JavaScript的信息學(xué)學(xué)習(xí)網(wǎng)站的設(shè)計與實現(xiàn)[J].計算機時代,2019(11):32-34+37.劉珍,方明.基于SparkSreaming網(wǎng)站流量實時分析系統(tǒng)的設(shè)計與實現(xiàn)[J].智能計算機與應(yīng)用,2019,9(06):201-205.袁智,李樾,張正偉.基于HTML5的跨平臺家具網(wǎng)站設(shè)計與實現(xiàn)[J].信息記錄材料,2019,20(11):177-178.朱育林.基于Web前端開發(fā)的公司網(wǎng)站設(shè)計[J].河南科技,2019(28):36-38.史雪雪,劉清惓,浦瑋,王定奧.強制通風(fēng)溫度傳感器輻射誤差修正與網(wǎng)站設(shè)計[J].現(xiàn)代電子技術(shù),2019,42(19):149-153.朱健.基于Web技術(shù)的PSX800后臺系統(tǒng)的設(shè)計與實現(xiàn)[J].計算機時代,2019(10):47-49+53.王勇,盧磊.基于網(wǎng)絡(luò)爬蟲的上市公司交易數(shù)據(jù)共享平臺設(shè)計[J].價值工程,2019,38(27):267-269.張宏.網(wǎng)頁設(shè)計中的圖形圖像處理技巧探索[J].信息與電腦(理論版),2019,31(18):154-156.盛凱,毛紅霞.基于新浪微博網(wǎng)站的數(shù)據(jù)采集的設(shè)計與實現(xiàn)[J].信息與電腦(理論版),2019,31(18):92-93+98.黃文燦.基于JavaWeb的旅游服務(wù)系統(tǒng)設(shè)計研究[J].數(shù)字技術(shù)與應(yīng)用,2019,37(09):156.57.S.Vidal,A.Bergel,J.A.Díaz-Pace,C.Marcos.Over-exposedclassesinJava:Anempiricalstudy[J].ComputerLanguages,Systems&Structures,2021(08):56.D.H.Kim,K.Y.Chae.InteractiveKinematicsCodeforTransferReactions[J].JournaloftheKoreanPhysicalSociety,2020,(7):76.ShanliangXue;QingYanWei;GuangMingJiao;DunWenZuo.ResearchCodeManagementSystemBasedonJ2EE[J].KeyEngineeringMaterial.2020,Vol.431-432(188-191).JuanLipsonVuong.Asemantics-basedroutingschemeforgridresourcediscovery[M].E-Science:FirstInternationalConferenceo