酷鳥在線音樂網(wǎng)的設(shè)計與實(shí)現(xiàn)

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

目錄

1引言................................................................................................................................1

1.1項(xiàng)目開發(fā)背景.....................................................................................................1

1.2系統(tǒng)概論.............................................................................................................2

1.2.1系統(tǒng)各層關(guān)系簡介.................................................................................2

1.3開發(fā)工具簡介....................................................................................................3

1.4開發(fā)運(yùn)行環(huán)境.....................................................................................................3

2需求分析........................................................................................................................3

2.1市場需求分析.....................................................................................................3

2.2系統(tǒng)需求分析.....................................................................................................3

2.3具體需求分析.....................................................................................................4

2.3.1經(jīng)濟(jì)性分析.............................................................................................4

2.3.2技術(shù)性分析.............................................................................................4

2.3.3操作性分析.............................................................................................4

2.3.4法律性分析.............................................................................................5

2.4具體功能需求分析.............................................................................................5

2.5非功能需求描述.................................................................................................5

2.6需求用例建模.....................................................................................................6

2.6.1登錄注冊模塊的用例..............................................................................6

2.6.2用戶信息模塊的用例..............................................................................8

2.6.3歌單模塊的用例....................................................................................10

2.6.4歌手模塊的用例....................................................................................12

2.6.5歌曲模塊的用例....................................................................................13

3系統(tǒng)設(shè)計......................................................................................................................15

3.1系統(tǒng)框架設(shè)計...................................................................................................16

3.2系統(tǒng)功能設(shè)計...................................................................................................16

3.2.1登錄功能設(shè)計........................................................................................17

3.2.2用戶信息管理功能設(shè)計........................................................................17

II

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

3.2.3歌單管理功能設(shè)計................................................................................18

3.2.4歌手管理功能設(shè)計................................................................................18

3.2.5歌曲管理功能設(shè)計................................................................................19

3.3數(shù)據(jù)庫設(shè)計.......................................................................................................19

3.3.1設(shè)計原則................................................................................................19

3.3.2概念設(shè)計................................................................................................19

3.3.3邏輯設(shè)計................................................................................................20

3.3.4數(shù)據(jù)字典................................................................................................21

4系統(tǒng)詳細(xì)設(shè)計..............................................................................................................25

4.1登錄功能模塊設(shè)計...........................................................................................25

4.1.1登錄功能模塊說明................................................................................25

4.1.2登錄功能模塊詳細(xì)設(shè)計........................................................................26

4.2用戶信息管理功能模塊設(shè)計...........................................................................26

4.2.1用戶信息管理功能模塊說明................................................................26

4.2.2用戶信息管理子功能模塊詳細(xì)設(shè)計....................................................27

4.3歌單管理功能模塊設(shè)計...................................................................................28

4.3.1歌單管理功能模塊說明........................................................................28

4.3.2歌單管理功能模塊詳細(xì)設(shè)計................................................................29

4.4歌手管理功能模塊設(shè)計...................................................................................30

4.4.1歌手管理功能模塊說明........................................................................30

4.4.2歌手管理功能模塊詳細(xì)設(shè)計................................................................31

4.5歌曲管理功能模塊設(shè)計...................................................................................32

4.5.1歌曲管理功能模塊說明........................................................................32

4.5.2歌曲管理功能模塊詳細(xì)設(shè)計................................................................33

5系統(tǒng)實(shí)現(xiàn)......................................................................................................................34

5.1登錄模塊實(shí)現(xiàn)...................................................................................................34

5.1.1登錄模塊界面設(shè)計................................................................................34

5.1.2用戶登錄模塊核心代碼實(shí)現(xiàn)：............................................................35

III

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

5.2歌單管理模塊實(shí)現(xiàn)...........................................................................................37

5.2.1歌單管理界面設(shè)計................................................................................37

5.2.2歌單管理模塊核心代碼實(shí)現(xiàn)：............................................................37

5.3歌手管理模塊實(shí)現(xiàn)...........................................................................................38

5.3.1歌手管理界面設(shè)計................................................................................38

5.3.2歌手管理模塊核心代碼實(shí)現(xiàn)：............................................................39

5.4歌曲管理模塊實(shí)現(xiàn)...........................................................................................40

5.4.1歌曲管理界面設(shè)計................................................................................40

5.4.2歌曲管理模塊核心代碼實(shí)現(xiàn)：............................................................41

6系統(tǒng)測試......................................................................................................................42

6.1登錄功能測試...................................................................................................42

6.2歌曲管理功能測試...........................................................................................43

6.3用戶管理功能測試...........................................................................................44

6.4歌單管理功能測試...........................................................................................45

7設(shè)計小結(jié)......................................................................................................................46

參考資料.........................................................................................................................48

IV

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

酷鳥在線音樂網(wǎng)的設(shè)計與實(shí)現(xiàn)

1引言

隨著近年來互聯(lián)網(wǎng)的發(fā)展，國內(nèi)網(wǎng)絡(luò)技術(shù)得到很快的普及和應(yīng)用。對于如

今的生活環(huán)境來說，網(wǎng)絡(luò)不再是奢侈品，而是漸漸變?yōu)槿藗兊纳畋匦杵?。?/p>

我們學(xué)習(xí)，娛樂，工作等等很多都不可避免需要到網(wǎng)絡(luò)的應(yīng)用。

娛樂的網(wǎng)絡(luò)化發(fā)展的速度可謂飛快，從最初的撥號上網(wǎng)到現(xiàn)在的我們可以

在網(wǎng)上觀看各類電影和電視劇和喜歡的音樂，分享各種各樣的多媒體文件，這

之間僅僅是十多年的間隔。

在如今流暢的寬帶速度支持下，音樂網(wǎng)站也漸漸成為流行的趨勢。人們可

以在簡單的點(diǎn)擊打開網(wǎng)站前提下，即可找到自己喜歡的音樂進(jìn)行試聽和下載，

同樣也可以很方便地分享自己擁有的音樂文件。經(jīng)過對目前人們對音樂的追求

以及音樂網(wǎng)站的分析，本次畢業(yè)設(shè)計設(shè)計了一個能夠滿足音樂愛好者基本需求

的在線音樂網(wǎng)站。

該網(wǎng)站是基于Vue+SpringBoot+MyBatis+MYSQL數(shù)據(jù)庫設(shè)計實(shí)現(xiàn)的。網(wǎng)站可

以實(shí)現(xiàn)用戶音樂播放、登錄注冊、用戶信息編輯、頭像修改、歌曲\歌單搜索、

打分、歌單\歌曲評論、歌單列表、歌詞同步顯示、音樂收藏、下載等功能；管

理員可以進(jìn)行音樂管理、歌手管理、用戶管理、歌單管理等功能。系統(tǒng)比較簡

潔的頁面和人性化的搜索分類，以及方便的音樂分享功能，相信能夠滿足大家

對音樂網(wǎng)站的基本要求，同時也希望酷鳥在線音樂網(wǎng)給廣大音樂愛好者制造一

個良好的音樂共享環(huán)境。

1.1項(xiàng)目開發(fā)背景

當(dāng)今社會作為一個飛速發(fā)展的社會，網(wǎng)絡(luò)已滲入人們的生活，網(wǎng)絡(luò)已成為

信息傳播的一大媒介，可以說網(wǎng)絡(luò)資源的獲取已逐步改變了大家的生活方式。

基于SpringBoot的在線音樂網(wǎng)的設(shè)計與實(shí)現(xiàn)，正是互聯(lián)網(wǎng)與社會生活之間的緊

密聯(lián)系的體現(xiàn)。

在這個系統(tǒng)中我綜合應(yīng)用了主流的框架和技術(shù)知識。本音樂網(wǎng)站的客戶端

和管理端使用Vue框架來進(jìn)行實(shí)現(xiàn)，系統(tǒng)的服務(wù)端使用SpringBoot+MyBatis

來實(shí)現(xiàn)，數(shù)據(jù)庫使用了MySQL。

1

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

本論文就此音樂網(wǎng)進(jìn)行了詳細(xì)的論述。訪問本系統(tǒng)的用戶分為游客和管理

員兩種角色，2個角色共有十幾個功能的實(shí)現(xiàn)。系統(tǒng)中游客的主要功能有：音樂

播放、用戶登錄注冊、用戶信息編輯、頭像修改、歌曲\歌單搜索、歌單打分、

歌單\歌曲評論、歌單列表、歌詞同步顯示、音樂收藏、下載、拖動控制、音量

控制。系統(tǒng)中的管理員對用戶、歌曲、歌手、歌單信息的管理。

1.2系統(tǒng)概論

1.2.1系統(tǒng)各層關(guān)系簡介

當(dāng)前端要訪問數(shù)據(jù)的時候后端就提供相應(yīng)接口，接口的編寫是通過

Controller層監(jiān)聽請求，數(shù)據(jù)的處理交給Service層，而Service層再通過

Mapper層操作數(shù)據(jù)庫，操作完成后數(shù)據(jù)再一層層往上走，最后返回給前端。

圖1-1系統(tǒng)分層圖

1.實(shí)體類（domain目錄下）:

定義數(shù)據(jù)庫表所對應(yīng)的實(shí)體類。

2.Mapper層/DAO層（dao、mapper目錄下）:

數(shù)據(jù)操作層：向數(shù)據(jù)庫發(fā)送SQL語句，完成數(shù)據(jù)庫操作。

分為Mapper接口和Mapper接口映射文件。Mapper接口在dao目錄下，

定義操作數(shù)據(jù)庫的函數(shù)，Mapper接口映射文件在mapper目錄下，完成對數(shù)據(jù)

庫的訪問。

3.Service層（service目錄下）:

服務(wù)層：完成業(yè)務(wù)邏輯處理。調(diào)用Mapper層操作數(shù)據(jù)庫。

分為Service接口+Service實(shí)現(xiàn)，用面向接口的編程思想，方便后續(xù)功

能的解藕及擴(kuò)展。

4.Controller層（controller目錄下）:

控制層：對前臺發(fā)送過來的請求和響應(yīng)進(jìn)行控制，Service層再進(jìn)行業(yè)務(wù)邏

輯的處理，并將處理后的數(shù)據(jù)返回給前臺頁面。

2

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

1.3開發(fā)工具簡介

工具的使用：采用HBuilderX+IDEA+MySQL

HBuilderX簡稱HX，HBuilder，H是HTML的縮寫，Builder是建設(shè)者。

是為前端開發(fā)者服務(wù)的通用IDE，或者稱為編輯器。與vscode、sublime、

webstorm類似。它可以開發(fā)普通web項(xiàng)目，也可以開發(fā)DCloud出品的uni-app

項(xiàng)目、5+App項(xiàng)目、wap2app項(xiàng)目。

IDEA具有強(qiáng)大的綜合功能和項(xiàng)目管理功能。IDEA項(xiàng)目實(shí)際上是具有集成的

全局庫的項(xiàng)目，通過集成和管理原始開發(fā)的模塊以方便開發(fā)，它們也可以適當(dāng)

地相互依賴。它還可以顯著提高開發(fā)效率，使IDEA無需使用調(diào)試接口即可在代

碼接口中快速查看相關(guān)值。它還在IDE中調(diào)試JS，自動更新代碼和界面等等。

還有更多的快捷鍵便于使用。

MySQL數(shù)據(jù)庫成本低、開放源代碼，并擁有廣泛的應(yīng)用，多數(shù)中小型網(wǎng)站的

開發(fā)都會選擇其當(dāng)后臺數(shù)據(jù)的數(shù)據(jù)庫。

1.4開發(fā)運(yùn)行環(huán)境

本系統(tǒng)設(shè)計使用基于Java語言，開發(fā)環(huán)境為Windows10，開發(fā)工具為IDEA

2020，以及HBuilderX對前端頁面進(jìn)行開發(fā)，Java的版本為12.0.2，Mysql的

版本為5.5.20，Node的版本為v16.13.0，同時加入NavicatPremium12數(shù)據(jù)

庫管理工具輔助管理數(shù)據(jù)庫。

2需求分析

2.1市場需求分析

目前具有在線音樂功能的網(wǎng)站有很多，有些是國內(nèi)很出名的音樂網(wǎng)站，如百

度音樂，酷狗音樂等等。隨著網(wǎng)絡(luò)的迅速發(fā)展，我們可以通過網(wǎng)絡(luò)分享我們喜

愛的信息文件，在線音樂網(wǎng)站就提供了用戶這樣一個分享音樂資源的平臺。熱

愛音樂的朋友需要這樣一個分享音樂的網(wǎng)站。

2.2系統(tǒng)需求分析

項(xiàng)需求分析是指理解用戶需求，就軟件功能與客戶達(dá)成一致，估計軟件風(fēng)險

3

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

和評估項(xiàng)目代價，最終形成開發(fā)計劃的一個復(fù)雜過程。需求分析之所以重要，

因?yàn)槠渚咭欢ǖ臎Q策性、方向性的作用,需求分析階段為定義軟件的最后一階段，

主要任務(wù)是回答“系統(tǒng)必須做什么”。需求分析階段的主要任務(wù)不是確定系統(tǒng)

怎樣完成他的工作,而僅僅是確定系統(tǒng)完成哪些工作,它在軟件開發(fā)的過程中擁

有深厚的地位。

系統(tǒng)初步調(diào)查的主要目標(biāo)是從系統(tǒng)分析人員和管理人員的角度看新項(xiàng)目開

發(fā)有無必要和可能，其基本內(nèi)容包括：系統(tǒng)的基本情況、系統(tǒng)信息處理情況和

系統(tǒng)資源情況。系統(tǒng)初步調(diào)查采用的主要方式是系統(tǒng)分析人員與音樂發(fā)燒友進(jìn)

行詳細(xì)的溝通，經(jīng)過初步調(diào)查了解到，在線音樂網(wǎng)的基本情況為：在線音樂網(wǎng)

作為當(dāng)下新興產(chǎn)業(yè)，便捷、時尚的特點(diǎn)深深吸引著越來越多的使用者，占據(jù)市

場交易中相當(dāng)多的份額。作為互聯(lián)網(wǎng)時代的產(chǎn)物，在線音樂網(wǎng)具有很多的新特

性，這些特性使其充滿活力，急速成為傳統(tǒng)商業(yè)里的有力挑戰(zhàn)者，要進(jìn)行認(rèn)真

的總體規(guī)劃，這樣才可以“破土動工”。

2.3具體需求分析

2.3.1經(jīng)濟(jì)性分析

服務(wù)器端的安裝相對簡單，客戶端也不用再裝其他軟件，直接用瀏覽器就能

訪問網(wǎng)站，直接接入網(wǎng)絡(luò)后，只要用戶有網(wǎng)就可以使用本網(wǎng)站。本網(wǎng)站對計算

機(jī)的配置要求不算高，企業(yè)機(jī)房更換下來的低配置電腦都可以完全滿足需要，

所以在經(jīng)濟(jì)上具有完全的可行性。

2.3.2技術(shù)性分析

項(xiàng)目的開發(fā)工具為IDEA2020和MySql數(shù)據(jù)庫，開發(fā)語言為Java，學(xué)校開設(shè)

的專業(yè)課程，每個學(xué)期也會完成對應(yīng)的課程任務(wù)和學(xué)習(xí)，已經(jīng)具備一定的分析、

設(shè)計和測試能力，因此，實(shí)現(xiàn)本項(xiàng)目在技術(shù)上完全具備可行性。

2.3.3操作性分析

本系統(tǒng)的操作較為簡單，需要輸入的信息頁面大多都是下拉框的選擇方式，

在特定頁面，信息可以自動進(jìn)行生成，無需自己輸入，操作簡便，對用戶的操

作能力要求很低，只需對電腦操作較為熟練，而且本系統(tǒng)可視性很好，所以在

技術(shù)方面不會有很大難度。

4

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

2.3.4法律性分析

本系統(tǒng)是自行開發(fā)的管理系統(tǒng)，是很有實(shí)際意義的系統(tǒng)，開發(fā)環(huán)境軟件和使

用的數(shù)據(jù)庫都是開源代碼，開發(fā)這個系統(tǒng)不同于開發(fā)普通的系統(tǒng)軟件，不存在

侵權(quán)等問題，即法律上是可行的。

2.4具體功能需求分析

在線音樂網(wǎng)總體上按面向用戶來界定管理員功能，用戶功能，未注冊人員功

能。管理員具有用戶管理、音樂管理、MV管理的功能,會員具有上傳、試聽下載

音樂及觀看MV的功能，未注冊人員則有試聽音樂和觀看MV的功能。

網(wǎng)站可以實(shí)現(xiàn)用戶音樂播放、登錄注冊、用戶信息編輯、頭像修改、歌曲\

歌單搜索、歌單打分、歌單\歌曲評論、歌單列表、歌手列表分頁顯示、歌詞同

步顯示、音樂收藏、下載、拖動控制、音量控制等功能；管理員可以用戶、歌

曲、歌手、歌單信息的管理。

2.5非功能需求描述

本系統(tǒng)的非功能需求為：

（1）高效性：店面的日常下單比較多，產(chǎn)生的信息也比較多，需要及時的

進(jìn)行記錄和備份。

（2）安全性：這些信息是具有隱私性的，即只對內(nèi)部成員進(jìn)行分享。

（3）可拓展性：菜品種類多，可開展對受眾人群也有不同對方向，則對菜

品種類進(jìn)行區(qū)分，提高系統(tǒng)的擴(kuò)展性。

（4）易用性：方便用戶瀏覽和進(jìn)行操作，減輕后臺管理人員的負(fù)擔(dān)，盡可

能做到部分業(yè)務(wù)的處理自動化，提供給用戶良好的使用體驗(yàn)。

（5）業(yè)務(wù)完整性：對于操作中的特殊情況能夠及時地做出正確的響應(yīng)，確

保業(yè)務(wù)的數(shù)據(jù)完整性，減少對數(shù)據(jù)的錯誤讀取。

（6）業(yè)務(wù)規(guī)范化：在系統(tǒng)設(shè)計階段的同時，也是為后期的業(yè)務(wù)流程制定了

相對完善的規(guī)范，具備較強(qiáng)的實(shí)際操作性，也給系統(tǒng)帶來了一定的安全性。

（7）擴(kuò)展性：本系統(tǒng)設(shè)計階段主要考慮到后期業(yè)務(wù)的需要，應(yīng)該要盡可能

的設(shè)計得簡單點(diǎn)，使其各功能模塊之間的耦合度小，便于對系統(tǒng)設(shè)計進(jìn)行擴(kuò)展。

同時需要考慮到系統(tǒng)的兼容性，比如不同瀏覽器之間的兼容。

5

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

2.6需求用例建模

通過對需求功能的分析，得到如圖2-1所示的系統(tǒng)總體結(jié)構(gòu)模型。

圖2-1在線音樂網(wǎng)的總體結(jié)構(gòu)模型

管理員管理系統(tǒng)后臺數(shù)據(jù)，對音樂數(shù)據(jù)和用戶數(shù)據(jù)進(jìn)行管理，更新網(wǎng)站音

樂信息，管理音樂數(shù)據(jù)，負(fù)責(zé)整個系統(tǒng)的運(yùn)營。

2.6.1登錄注冊模塊的用例

用戶登錄模塊，分別具有登錄、注冊退出等操作功能。系統(tǒng)會驗(yàn)證用戶或

者員工輸入信息格式是否正確并發(fā)出對應(yīng)提示，用戶端會確認(rèn)用戶是否已經(jīng)注

冊過，沒有注冊會提示用戶應(yīng)該先注冊再登錄，保證數(shù)據(jù)的安全性，防止惡意

操作。

登錄注冊模塊的用例描述如圖2-2所示。

6

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-2登錄注冊模塊用例圖

通過對用例的細(xì)化，登錄注冊模塊活動圖如圖2-3所示。

圖2-3用戶登錄模塊活動圖

對圖2-2用例圖，及圖2-3活動圖的分析，得到每個用例的描述表。登錄

注冊模塊的用例圖描述如表2-1所示，可以進(jìn)行登錄、注冊、退出等操作。

表2-1登錄注冊模塊用例描述

項(xiàng)目描述

用例名稱用戶登錄

用例標(biāo)識號01

參與者普通用戶

輸入用戶名、密碼，系統(tǒng)進(jìn)行驗(yàn)證后，賬號身份合法者登

簡要說明

錄系統(tǒng)，否則提供拒絕登錄系統(tǒng)。

前置條件參與者進(jìn)入系統(tǒng)的登錄頁面

7

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

1.參與者在輸入框里輸入用戶名

2.在密碼框里輸入密碼

3.點(diǎn)擊登錄后，自動驗(yàn)證用戶輸入信息是否有效。

基本事件流

4.驗(yàn)證賬號有效則進(jìn)入網(wǎng)站首頁，無效則提示錯誤信息給

用戶。

5.用例終止

其他事件流點(diǎn)擊登錄之前，參與者可以隨按“登錄”或“注冊”按鈕。

異常事件流如果出現(xiàn)錯誤，提示錯誤信息，用戶確認(rèn)

后置條件進(jìn)入的主界面并加載相應(yīng)的數(shù)據(jù)

2.6.2用戶信息模塊的用例

用戶信息模塊，用戶端分別具有信息展示、信息修改、密碼修改、注銷等

操作功能，用戶點(diǎn)擊頭像進(jìn)入個人首頁查看用戶名、簽名、頭像以及收藏的音

樂，可以修改自己賬號的信息，更改密碼或者注銷賬號操作；后臺端分別具有

對用戶和用戶收藏的歌曲進(jìn)行刪除操作。管理員可以搜索用戶、查看用戶信息，

刪除和批量刪除用戶，還能對用戶收藏的歌曲進(jìn)行刪除和批量刪除操作。

用戶信息模塊的用例描述如圖2-4所示。

圖2-4用戶信息模塊功能用例圖

通過對用例的細(xì)化，用戶信息模塊活動圖如圖2-5所示。

8

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-5用戶信息模塊活動圖

對圖2-4用例圖，及圖2-5活動圖的分析細(xì)化，得到每個用例的描述表。

用戶信息模塊用例描述如表2-2所示，可以進(jìn)行搜索用戶、查看用戶信息，刪

除和批量刪除用戶等操作。

表2-2用戶信息模塊用例描述

項(xiàng)目描述

用例名稱添加用戶信息

用例標(biāo)識號01

參與者管理人員

管理人員進(jìn)入用戶管理界面，查看或搜索用戶，點(diǎn)擊刪除

簡要說明

按鈕，并點(diǎn)擊確認(rèn)按鈕并提示刪除成功。

前置條件參與人員打開用戶信息管理界面

1.管理人員在用戶信息頁面搜索框內(nèi)輸入要刪除的用戶名

2.點(diǎn)擊刪除按鈕

基本事件流

3.點(diǎn)擊確認(rèn)刪除

4.刪除成功則提示刪除成功，錯誤則提示刪除錯誤信息。

其他事件流在按“確認(rèn)刪除”按鈕之前，可隨時按“取消”按鈕

異常事件流提示錯誤信息，操作人員確認(rèn)

后置條件進(jìn)入項(xiàng)目更新后的用戶信息顯示界面并加載相應(yīng)數(shù)據(jù)

9

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

2.6.3歌單模塊的用例

歌單模塊，用戶端分別具有展示歌單信息、歌單搜索、歌單分類、歌單歌

曲、評論、評分等操作功能。用戶搜索或選擇并點(diǎn)擊歌單可查看歌單基本信息

以及包含的歌曲和評論、評分，可以點(diǎn)擊播放歌單中的歌曲，用戶還能發(fā)表評

論、進(jìn)行評分、評論點(diǎn)贊；后臺端分別具有查詢、添加、修改和刪除歌曲以及

歌曲評論的管理操作。管理員可以篩選搜索歌曲，可以添加歌曲，或者刪除或

批量刪除歌曲，可以進(jìn)行修改歌曲圖片以及替換歌曲的操作，還能查看歌曲評

論信息或?qū)υu論進(jìn)行刪除和批量刪除的操作。

歌單模塊的用例描述如圖2-6所示。

圖2-6歌單模塊功能用例圖

通過對用例的細(xì)化，歌單模塊活動圖如圖2-7所示。

10

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-7歌單模塊活動圖

對圖2-4用例圖，及圖2-5活動圖的分析細(xì)化，得到每個用例的描述表。

歌單模塊用例描述如表2-3所示，可以進(jìn)行歌單信息進(jìn)行添加、修改、刪除等

操作。

表2-3社團(tuán)信息管理模塊用例描述

項(xiàng)目描述

用例名稱添加歌單信息

用例標(biāo)識號01

參與者管理人員

管理人員進(jìn)入歌單信息輸入界面，輸入需要的歌單信息并

簡要說明點(diǎn)擊確認(rèn)，提交系統(tǒng)判斷成功則添加成功，否則提示錯誤，

添加失敗。

前置條件參與人員打開歌單信息管理界面

1.管理人員在信息框內(nèi)輸入要添加的歌單信息

2.成功則進(jìn)入歌單信息顯示列表，錯誤則提示錯誤信息，

基本事件流

修改有誤。

3.用例終止

其他事件流在點(diǎn)擊“確認(rèn)添加”之前，可按“取消”進(jìn)行取消

異常事件流彈窗并提示出錯誤的信息

后置條件進(jìn)入歌單信息顯示界面并加載相應(yīng)數(shù)據(jù)

11

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

2.6.4歌手模塊的用例

歌手模塊，用戶端分別具有歌手搜索、歌手分類、歌手信息展示、播放歌

手的歌曲、下載歌曲等操作功能。用戶搜索或選擇并點(diǎn)擊歌手可查看歌手基本

信息以及包含的歌曲，可以點(diǎn)擊播放歌單中的歌曲或下載歌曲；后臺端分別具

有查詢、添加、修改和刪除歌手的管理操作。管理員可以篩選搜索歌手，可以

添加歌手，或者刪除或批量刪除歌手，可以進(jìn)行修改歌手圖片以及其他信息的

操作。

歌手模塊的用例描述如圖2-8所示。

圖2-8歌手模塊功能用例圖

通過對用例的細(xì)化，歌手模塊活動圖如圖2-9所示。

圖2-9歌手模塊活動圖

對圖2-4用例圖，及圖2-5活動圖的分析細(xì)化，得到每個用例的描述表。

歌手模塊用例描述如表2-4所示，可以進(jìn)行歌手信息進(jìn)行添加、修改、刪除等

12

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

操作。

表2-4歌手模塊用例描述

項(xiàng)目描述

用例名稱添加歌手信息

用例標(biāo)識號01

參與者管理人員

管理人員進(jìn)入歌手信息輸入界面，輸入需要的歌手信息并

簡要說明點(diǎn)擊確認(rèn)，提交系統(tǒng)判斷成功則添加成功，否則提示錯誤，

添加失敗。

前置條件參與人員打開歌手信息管理界面

1.管理人員在信息框內(nèi)輸入要添加的歌手信息

2.成功則進(jìn)入歌手信息顯示列表，錯誤則提示錯誤信息，

基本事件流

修改有誤。

3.用例終止

其他事件流在按“確認(rèn)添加”之前，可按“取消”進(jìn)行取消

異常事件流彈窗提示出錯誤的信息

后置條件進(jìn)入歌手信息顯示界面并加載相應(yīng)數(shù)據(jù)

2.6.5歌曲模塊的用例

歌曲模塊，用戶端分別具有歌曲信息展示、歌詞滾動展示、發(fā)表評論、上

下曲、播放、暫停、播放模式切換、音量調(diào)節(jié)、下載歌曲、收藏歌曲、播放列

表等操作功能。當(dāng)用戶播放歌曲的時候進(jìn)度條會實(shí)時展示，點(diǎn)擊歌曲頭像可進(jìn)

入播放界面展示歌曲信息并實(shí)時滾動歌詞，用戶還能對歌曲發(fā)表評論以及點(diǎn)贊，

可以對歌曲切換上下一曲、播放暫停、播放模式切換、音量調(diào)節(jié)、下載歌曲以

及收藏歌曲，可以點(diǎn)擊播放列表展示歌曲并可以切換播放其他歌曲；后臺端分

別具有查詢、添加、修改和刪除歌曲以及歌曲評論的管理操作。管理員可以篩

選搜索歌曲，可以添加歌曲，或者刪除或批量刪除歌曲，可以進(jìn)行修改歌曲圖

片以及替換歌曲的操作，還能查看歌曲評論信息或?qū)υu論進(jìn)行刪除和批量刪除

的操作。

歌曲模塊的用例描述如圖2-10所示。

13

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-10歌曲模塊功能用例圖

通過對用例的細(xì)化，歌曲模塊活動圖如圖2-11所示。

圖2-11歌曲模塊活動圖

對圖2-4用例圖，及圖2-5活動圖的分析細(xì)化，得到每個用例的描述表。

歌曲模塊用例描述如表2-5所示，可以進(jìn)行歌曲信息進(jìn)行添加、修改、刪除等

操作。

表2-5歌曲模塊用例描述

項(xiàng)目描述

用例名稱添加歌曲信息

用例標(biāo)識號01

14

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

參與者管理人員

管理人員進(jìn)入歌曲信息輸入界面，輸入需要的歌曲信息并

簡要說明點(diǎn)擊確認(rèn)，提交系統(tǒng)判斷成功則添加成功，否則提示錯誤，

添加失敗。

前置條件參與人員打開歌曲信息管理界面

1.管理人員在信息框內(nèi)輸入要添加的歌曲信息

2.成功則進(jìn)入歌曲信息顯示列表，錯誤則提示錯誤信息，

基本事件流

修改有誤。

3.用例終止

其他事件流在按“確認(rèn)添加”按鈕之前，可隨時按“取消”按鈕

異常事件流提示錯誤信息，操作人員確認(rèn)

后置條件進(jìn)入歌曲信息顯示界面并加載相應(yīng)數(shù)據(jù)

3系統(tǒng)設(shè)計

本系統(tǒng)設(shè)計階段是在系統(tǒng)分析階段的基礎(chǔ)上從抽象到具體化的過程，還應(yīng)考

慮到系統(tǒng)實(shí)現(xiàn)的內(nèi)外環(huán)境和主客觀條件。系統(tǒng)設(shè)計階段的主要目的是將系統(tǒng)分

析階段所提出的反映用戶需求的系統(tǒng)方案轉(zhuǎn)換成可以進(jìn)行實(shí)施的基于計算機(jī)環(huán)

境與通信系統(tǒng)的物理實(shí)現(xiàn)方案。

本階段的首要任務(wù)為了從信息管理系統(tǒng)的總體出發(fā)，根據(jù)系統(tǒng)邏輯功能的要

求，并對經(jīng)濟(jì)、技術(shù)和運(yùn)行環(huán)境等方面的條件進(jìn)行考慮，確定系統(tǒng)的總體結(jié)構(gòu)

和系統(tǒng)各組成部分的技術(shù)方案，合理選擇和實(shí)施計劃，確保系統(tǒng)總體目標(biāo)的實(shí)

現(xiàn)。

系統(tǒng)設(shè)計工作階段的特點(diǎn):

（1)系統(tǒng)設(shè)計階段的大量工作都是技術(shù)性的。

（2)允許用戶對已提出的信息需求做非原則性的修改或補(bǔ)充。

（3)用戶在使用和運(yùn)行環(huán)境等方面的要求也應(yīng)該在系統(tǒng)設(shè)計階段明確下來，

并在系統(tǒng)技術(shù)方案中及時得以反映出來。

（4)系統(tǒng)設(shè)計階段的作業(yè)環(huán)境是管理環(huán)境和技術(shù)環(huán)境的融合，是系統(tǒng)設(shè)計階

段工作的重要特點(diǎn)也是整個系統(tǒng)能成功的一個必不可缺的環(huán)節(jié)。

15

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

3.1系統(tǒng)框架設(shè)計

根據(jù)系統(tǒng)的用例，設(shè)計社團(tuán)管理系統(tǒng)的系統(tǒng)架構(gòu)模型，如圖3-1所示。

圖3-1音樂系統(tǒng)整體架構(gòu)圖

3.2系統(tǒng)功能設(shè)計

系統(tǒng)的模塊化結(jié)構(gòu)設(shè)計是基于系統(tǒng)中子系統(tǒng)的劃分，該子系統(tǒng)被進(jìn)一步劃

分為相同大小，單個功能和一定程度的獨(dú)立性的多層，以便程序設(shè)計可以正常

運(yùn)行。同時，它加強(qiáng)了數(shù)據(jù)庫之間的聯(lián)系，并使系統(tǒng)更加完善。在對大學(xué)社區(qū)

信息管理系統(tǒng)進(jìn)行需求分析和用例建模分析之后，本文確定了在線音樂網(wǎng)系統(tǒng)

信息管理系統(tǒng)的關(guān)鍵功能模塊，包括登錄管理，用戶信息管理，歌單管理，歌

曲管理和歌曲管理。圖3-2顯示了在線音樂網(wǎng)信息管理系統(tǒng)的功能結(jié)構(gòu)。該系

統(tǒng)具有五個主要功能模塊。

16

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖3-2在線音樂網(wǎng)管理系統(tǒng)功能結(jié)構(gòu)圖

3.2.1登錄功能設(shè)計

進(jìn)一步細(xì)化和分析系統(tǒng)功能的結(jié)構(gòu)圖，得到每個子模塊相關(guān)功能的描述。

功能描述使用功能流程圖描述，如圖3-3所示。

圖3-3登錄功能模塊流程圖

3.2.2用戶信息管理功能設(shè)計

進(jìn)一步細(xì)化和分析系統(tǒng)功能的結(jié)構(gòu)圖，得到每個子模塊相關(guān)功能的描述。

功能描述使用功能流程圖描述，如圖3-4所示。

17

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖3-4用戶信息管理功能模塊流程圖

3.2.3歌單管理功能設(shè)計

進(jìn)一步細(xì)化和分析系統(tǒng)功能的結(jié)構(gòu)圖，得到每個子模塊相關(guān)功能的描述。

功能描述使用功能流程圖描述，如圖3-5所示。

圖3-5歌單管理功能模塊流程圖

3.2.4歌手管理功能設(shè)計

進(jìn)一步細(xì)化和分析系統(tǒng)功能的結(jié)構(gòu)圖，得到每個子模塊相關(guān)功能的描述。

功能描述使用功能流程圖描述，如圖3-6所示。

圖3-6歌手管理功能模塊流程圖

18

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

3.2.5歌曲管理功能設(shè)計

進(jìn)一步細(xì)化和分析系統(tǒng)功能的結(jié)構(gòu)圖，得到每個子模塊相關(guān)功能的描述。

功能描述使用功能流程圖描述，如圖3-7所示。

圖3-7歌曲管理功能模塊流程圖

3.3數(shù)據(jù)庫設(shè)計

在數(shù)據(jù)表的設(shè)計中，為方便數(shù)據(jù)庫檢索和訪問數(shù)據(jù)信息，應(yīng)減少數(shù)據(jù)庫數(shù)

據(jù)冗余和重復(fù)，保持?jǐn)?shù)據(jù)信息的一致性，并將結(jié)構(gòu)設(shè)計和操作設(shè)計相結(jié)合，逐

步對數(shù)據(jù)模型進(jìn)行優(yōu)化，便于之后對數(shù)據(jù)的維護(hù)、更新、完善。

3.3.1設(shè)計原則

數(shù)據(jù)庫設(shè)計階段需要遵行以下原則：

1．一致性

針對數(shù)據(jù)進(jìn)行設(shè)計，協(xié)調(diào)各數(shù)據(jù)源，并保證數(shù)據(jù)的有效性。

2．完整性

數(shù)據(jù)庫設(shè)計階段，為了防止合法用戶在使用數(shù)據(jù)庫時，向數(shù)據(jù)庫加入不合

適的數(shù)據(jù)，為確保數(shù)據(jù)庫的安全對輸入到數(shù)據(jù)庫中的數(shù)據(jù)要進(jìn)行審核和約束。

3.安全性

為了防止數(shù)據(jù)庫里數(shù)據(jù)的泄露，防止非法的用戶在使用數(shù)據(jù)庫，或者合法

用戶非法的使用數(shù)據(jù)庫造成數(shù)據(jù)庫的數(shù)據(jù)泄露、更改或破壞。要加入認(rèn)證和授

權(quán)機(jī)制。

4.規(guī)范化

規(guī)范化的數(shù)據(jù)庫設(shè)計，可以減少數(shù)據(jù)庫插入、刪除、修改等操作時的異常

和錯誤，降低數(shù)據(jù)冗余度等。

3.3.2概念設(shè)計

E-在概念模型中最為典型的是E-R模型，通過E-R圖可表達(dá)不同實(shí)體型之

19

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

間的聯(lián)系，該系統(tǒng)E-R圖主要包含用戶、后臺信息管理員、歌手、歌曲、歌單、

歌手頭像、評論七個實(shí)體，存在多對多、一對多以及一對一關(guān)系。用戶的主要

屬性有用戶名、密碼、性別、電話、郵箱、生日、簽名、地區(qū)、頭像、創(chuàng)建時

間、更新時間；后臺信息管理員的主要屬性有用戶名和密碼；歌手頭像的主要

屬性有圖片位置；評論的主要屬性有內(nèi)容、創(chuàng)建時間、類型、評論贊數(shù)；歌手

的主要屬性有歌手名、性別、頭像、生日、地區(qū)、描述；歌曲的主要屬性有歌

手、名稱、創(chuàng)建時間、更新時間、圖片、歌詞、地址；歌單的主要屬性有主題、

地址、描述、分類，其E-R圖如下圖所示:

圖3-8在線音樂系統(tǒng)E-R圖

3.3.3邏輯設(shè)計

針對ER模型，通過數(shù)據(jù)實(shí)體屬性、實(shí)體間關(guān)系的全面分析，結(jié)合酷鳥音樂

20

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

系統(tǒng)的實(shí)際需求，根據(jù)E-R圖轉(zhuǎn)化為關(guān)系模式的轉(zhuǎn)換方法，建立起了本系統(tǒng)的

關(guān)系模式，具體轉(zhuǎn)化后的關(guān)系模型如下：

管理員表(管理員ID（主鍵），用戶名，密碼)

歌手頭像表(歌手ID（主鍵），圖片位置)

用戶與評論關(guān)聯(lián)表（ID（主鍵），用戶ID，類型，歌曲ID，歌單ID，創(chuàng)建

時間）

評論信息表(評論ID（主鍵），用戶ID，歌曲ID，歌單ID，內(nèi)容，創(chuàng)建時

間，類型，評論贊數(shù))

用戶信息表(用戶ID（主鍵），用戶名，密碼,性別，電話，郵箱，生日，

簽名，地區(qū)，頭像，創(chuàng)建時間，更新時間)

歌曲與歌單關(guān)聯(lián)表(ID（主鍵），歌曲ID，歌單ID)

歌單與評論關(guān)聯(lián)表(ID（主鍵），歌單ID，評論ID，評論贊數(shù))

歌手信息表(歌手ID（主鍵），歌手名，性別，頭像，生日，地區(qū)，描述)

歌曲信息表(歌曲ID（主鍵），歌單ID，歌手，名稱，創(chuàng)建時間，更新時

間，圖片，歌詞，地址)

歌單信息表(歌單ID（主鍵），主題，地址，描述，分類)

3.3.4數(shù)據(jù)字典

用戶表如表3-1所示，該表主要用于記錄管理員信息，主要字段為管理員ID

，用戶名，密碼。

表3-1管理員表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idint管理員ID主鍵非空

namevarchar用戶名非空

passwordvarchar密碼非空

歌手頭像表如表3-2所示，該表主要用于記錄歌手頭像信息，主要字段有

歌手ID，圖片位置。

表3-2歌手頭像表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idint歌手ID主鍵非空

picvarchar圖片位置非空

21

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

用戶與評論關(guān)聯(lián)表如表3-3所示，該表主要用于記錄用戶與評論關(guān)聯(lián)信息，

主要字段為ID，用戶ID，類型，歌曲ID，歌單ID，創(chuàng)建時間。

表3-3用戶與評論關(guān)聯(lián)表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idintID主鍵非空

user_idint用戶ID非空

typetinyint類型非空

song_idint歌曲ID

song_list_idint歌單ID

create_timedatetime創(chuàng)建時間非空

評論信息表如表3-4所示，該表主要用于記錄評論信息，主要字段有評論ID，

用戶ID，歌曲ID，歌單ID，內(nèi)容，創(chuàng)建時間，類型，評論贊數(shù)。

表3-4評論信息表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idint評論ID主鍵非空

user_idint用戶ID非空

song_idint歌曲ID

song_list_idint歌