【正文】 狀態(tài)N1專題 ID專題名稱 收藏數(shù)量簡介狀態(tài)屬于MN用戶 ID用戶姓名密碼郵箱狀態(tài)評論 ID評論內(nèi)容評論類型具體的 ID評論時間煙臺大學畢業(yè)論文（設(shè)計） 15 用戶 對于專題、專輯、單曲有多對多的關(guān)系， 數(shù)據(jù) 庫練習圖如圖 音樂 網(wǎng)站 用戶 ER圖 所示： 圖 音樂 網(wǎng)站 用戶 ER 圖 音樂 網(wǎng)站 表結(jié)構(gòu)設(shè)計 管理員表：管理員 ID、姓名、密碼、狀態(tài)。 密碼 ： 管理員可以 修改且 只能修改自己的密碼 。 不發(fā)布也 可以在專題和專輯中看到相應的單曲。 一首單曲 只 可以加入一張專題 ， 一張專輯。 根據(jù) 歌曲的特性，必須先 增加 專輯后，才能增加歌曲。 管理 ： 管理員可以對 單曲 進行增加，刪除，修改，查詢操作。管理員 可以 對新 專輯 進行發(fā)布，只有發(fā)布后，才可以在前臺看到 相應 的內(nèi)容。 管理員 必須輸入相應的 專輯 名字， 專輯 簡介， 藝術(shù)家， 圖片，才可以增加新的 專輯 。 管理員可以 根據(jù)專題的名字或者 ID 進行查詢操作。修改 可以 修改 專題 名，圖片，簡介， 只 是需要輸入相應 的 內(nèi)容。 管理 ： 管理員可以對專題進行增加，刪除，修改，查詢操作。 用戶被 禁言后將不能 發(fā)表 任何評論， 解除 禁言后，才可以再次發(fā)表評論。 原來 的 音樂 則 會停止。 每當用戶 點擊此音樂播放時，點擊量便會加一，為防止刷 榜單 ，榜單不會實時刷新，只有手動刷新后，才 會 更新 榜單 ， 并 設(shè)置點擊后出現(xiàn) 遮罩 播放器，自動播放音樂， 為 便于用戶查看 音樂 ，點煙臺大學畢業(yè)論文（設(shè)計） 13 擊播放器 以外 的地方，播放器會隱藏，再次點擊播放器按鈕， 會 再次出現(xiàn)播放器 。 上傳 的 音樂格式必須是 mp3格式 ， 前臺 非空驗證，后臺會有 文件 格式驗證，管理員 也 會進行試聽，不合適的音樂會被刪除。 用戶 上傳原創(chuàng)音樂模塊 用戶 注冊成為本網(wǎng)站 會員 后， 可以 上傳 用戶 原創(chuàng)的音樂 或者是 翻唱的音樂 ， 當用戶注冊成為本網(wǎng)站會員時，必須同意本網(wǎng)站的用戶協(xié)議，協(xié)議中 規(guī)定 用戶上傳的音樂為無版權(quán)糾紛的音樂。任何 用戶均可以對不好的言論進行舉報， 管理員會進行 處理，刪除相應的評論，如果 多次被舉報 ，則管理員會對會員進行禁言處理，禁言后不能發(fā)布任何評論， 需 等解禁后才可繼續(xù)發(fā)表評論 。 用戶 評論模塊 用戶可以 以游客的身份對 專題 ，專輯，單曲 進 行 評論 。 如 不存在 ，提示 注冊 成功， 并 提示可以 登錄 。 前臺 會 有輸入驗證，非空 、郵箱 格式 驗證 、 兩次密碼是否一致驗證 。該 模塊包括專題的收聽，專輯的收聽，單曲的收聽，用戶上傳的音樂的 收聽 。 數(shù)據(jù)庫采用 了 Oracle數(shù)據(jù)庫，并粘貼系統(tǒng) ER 圖 。如果 是本網(wǎng)站的注冊用戶，則可以 上傳 自己的原創(chuàng)歌曲 。 流程圖 如圖 音樂 網(wǎng)站 后臺 流程圖 所示 ： 圖 音樂 網(wǎng)站 后臺 流程圖 開始輸入用戶名和密碼驗證用戶名和密碼進入主頁用戶管理專輯管理專題管理單曲管理修改密碼是否結(jié)束煙臺大學畢業(yè)論文（設(shè)計） 11 普通用戶進入 前臺網(wǎng)站后，可以進行音樂的收聽，評論的添加，或者可以進行用戶注冊，從而可以上傳自己的原創(chuàng)歌曲 ， 供他人收聽，而且會有點擊榜 和 收藏榜 排名 。模塊 設(shè)計圖如圖 音樂 網(wǎng)站 模塊設(shè)計 圖 所示 ： 圖 音樂 網(wǎng)站 模塊設(shè)計 圖 音樂網(wǎng)站用戶注冊/登錄用戶評論收聽音樂用戶上傳原創(chuàng)音樂排行榜后臺管理用戶管理專題管理音樂管理專輯管理評論管理煙臺大學畢業(yè)論文（設(shè)計） 10 音樂網(wǎng)站 流程圖 下圖為本網(wǎng)站的系統(tǒng)流程圖，從管理員 個 用戶 的角度描述了整個系統(tǒng)模塊的進行流程。后臺 管理 模塊 又 分為用戶管理、專題管理、音樂管理、專題管理、評論管理。時序圖如圖 后臺管理時序圖 所示 ： 用戶 登錄 選擇要上傳的音樂 數(shù)據(jù)庫1 : 輸入用戶名和密碼7 : 驗證上傳的文件格式4 : 返回信息 ( 成功或失敗 )5 : 填寫相關(guān)信息8 : 返回信息 ( 成功或失敗 )頁面2 : 點擊登錄6 : 點擊上傳3 : 驗證用戶煙臺大學畢業(yè)論文（設(shè)計） 8 圖 后臺管理 時序圖 管理員 登錄 添加音樂 數(shù)據(jù)庫1 : 輸入用戶名和密碼2 : 點擊登錄7 : 驗證信息是否正確4 : 返回信息 ( 成功或失敗 )5 : 輸入相關(guān)信息8 : 返回信息 ( 成功或失敗 )頁面3 : 驗證用戶6 : 點擊增加煙臺大學畢業(yè)論文（設(shè)計） 9 2 總體設(shè)計 本章節(jié)介紹 本音樂網(wǎng)站的總體設(shè)計 ， 包括模塊劃分，模塊設(shè)計圖， 系 統(tǒng)流程圖 。時序圖如圖 用戶上傳 音樂時序圖 所示 ： 用戶 頁面 添加評論模塊 數(shù)據(jù)庫1 : 點擊2 : 發(fā)送請求3 : 驗證用戶狀態(tài)4 : 返回信息 ( 成功或失敗 )煙臺大學畢業(yè)論文（設(shè)計） 7 圖 用戶上傳 音樂時序圖 管理員 模塊 后臺管理模塊 ： 后臺 管理 模塊 又 分為用戶管理、專題管理、音樂管理、專題管理、評論管理。 音樂網(wǎng)站時序圖 收聽 音樂模塊 用戶可以根據(jù)自己的喜好收聽喜歡的音樂 ，時序圖 如圖 收聽 音樂時序圖所示： 圖 收聽音樂 時序圖 添加 評論模塊 用戶可以 以 游客身份 對 專題、專輯、單曲添加評論 ， 或者登錄后以會員身份 進行 評論。 成本 之 需要計算學校 資源 的 消耗 以及自己 制作 軟件 期間的 消耗。 所以 技術(shù)方面沒有問題。 用戶 可以 在收 聽 完對專題 、 專輯 或 單曲進行 評論 ，留下自己 的 想法，自己的感悟，同其他人分享，說不得就能找到與自己 志同道合 的人，或者看法相同的人， 也是 人生一大樂事。 單曲 推薦的原因是有的歌手可能會 發(fā)行 單曲，或者一些歌手并沒有專輯，所以只有以單曲的形式進行推薦，或者 某一首曲目背后 有非常重要的意義，或者 非常 感人 的故事等等，都需要進行單獨講解，讓用戶可以了解這 首曲目背后的故事。這些 曲目可能并不是同一專輯 的， 因為 同專輯并不是風格都相同的曲目，所以加入 了 專輯推薦 。 用例圖 如圖 用戶上傳音樂排行榜 用例 圖 所示 ： 圖 用戶上傳音樂排行榜 用例圖 后臺 管理 后臺 管理是管理員登錄后，對 本 音樂網(wǎng)站 的 內(nèi)容進行編輯，包括對專題的增加 、 刪除、修改、查詢； 對專輯 的增加 、 刪除、修改、查詢； 對 單曲的增加 、 刪除、修改、查詢； 對用戶的刪除 、 禁言、解禁；對 用戶 評論的刪除操作 等 。用例圖 如圖 用戶上傳音樂 用例圖 所示 ： 圖 用戶上傳音樂 用例圖 排行榜 排行榜 是為了用戶上傳的音樂而設(shè)定的 ， 分為點擊排行榜 和 收藏排行榜 。用例圖 如圖 用戶評論 用例圖 所示 ： 用戶收聽音樂用戶 登錄注冊煙臺大學畢業(yè)論文（設(shè)計） 3 圖 用戶評論 用例圖 用戶 上傳原創(chuàng)音樂 用戶注冊 成為 本網(wǎng)站 的會員后，可以上傳原創(chuàng)音樂，可以是純原創(chuàng)的音樂，或者是翻唱的音樂 。用例圖 如圖 用戶注冊 /登錄 用例圖 所示 ： 圖 用戶注冊 /登錄 用例圖 用戶 評論 用戶 可以對專題、專輯、單曲推薦 發(fā)表 自己的感想或評論，普通用戶可以以 游客 的身份進行評論，但一旦評論則不可以刪除。 音樂網(wǎng)站開發(fā) 功能 收聽音樂 作為 一個音樂網(wǎng)站，最重要的 當然 是音樂的收聽， 好的 用戶 體驗 比任何其他的功能都重要，所以本網(wǎng)站以專題 、 專輯 、 單曲推薦的形式向用戶推薦音樂，用戶可以根據(jù)每一項的簡介來了解音樂的風格等信息，大大方便 了 用戶對音樂的 查找 ， 當然 用戶也可以根據(jù)歌曲名，歌手名等查找。 4 安全性 ： 本網(wǎng)站由 前后臺兩 方 ，普通用戶只能登陸前臺系統(tǒng)，管理員可以登陸后臺和 前臺，普通用戶沒有權(quán)限登陸后臺管理系統(tǒng)。 如果 服務器煙臺大學畢業(yè)論文（設(shè)計） 2 發(fā)生 故障，保障 用戶 的資料不會消失或損壞。 非功 能性 需求 1 性能需求 ： 網(wǎng)站響應 速度跟用戶所處網(wǎng)絡環(huán)境有關(guān)， 運行 時消耗資源與用戶所使用的瀏覽器相關(guān)，本 網(wǎng)站 當盡量減少用戶所使用資源的消耗。 3 網(wǎng)站可以 播放 存儲 于服務器的音樂 4 管理員 可以對相應的評論進行 管理 ， 管理員 可以發(fā)布評論，如有不良評論，則管理員可以刪除該評論 。 功能性 需求 根據(jù) 音樂網(wǎng)站的分模塊需求分析和 實際 場景的結(jié)合，總結(jié) 本音樂 網(wǎng)站應該有的 相關(guān) 流程的功能如下： 1 網(wǎng)站分 為前臺跟后臺， 后臺 只有管理員有權(quán)限登錄，登陸后，可以 對網(wǎng)站的內(nèi)容進行編輯，普通用戶只可以登錄前臺頁面，收聽音樂， 用戶 注冊登錄后，則可以上傳原創(chuàng)音樂 ， 參加排行榜。普通 用戶 可以對 自己 的信息進行 修改 ， 添加 評論 ， 收聽音樂 等 。 收聽 完畢后可以留下自己的感想，便于同他人交流。 由于 這些原因，我 重新 設(shè)計了新型的音樂網(wǎng)站。 目前 ， 出現(xiàn) 的音樂網(wǎng)站 大致 分 四類： 在線音樂 類 、 音樂資訊類 、音樂 社區(qū)類 、音樂 電臺類 。 MVC。 [關(guān)鍵詞 ] HTML5；音樂； MVC； Servlet 煙臺大學畢業(yè)論文（設(shè)計） Abstract: Today, there are a lot of music website, but the UI is not friendly enough,can not provide a way which users can find their favorite music quickly. Music website which basic on HTM5 does not need the details of music but users can find their favorite music. The website will provide high quality music to users by vol, album and singles way. The manager of website will put the music into the different vol according to the different styles of music mood and classification. Thinking about the demand of users, the website will provide album and single music to users. To improve the interaction of the website, users can write ment and upload the original music. Users can add their feelings or ments about the vol,album and ohers of the website without logon. If users uploaded their original music, there will be a charts of click number. The website use MVC model, and which divided into front user interface, background administrator management interface. The front user interface is based on SemanticUI framework, background administrator management interface using the Jsp and Servlet. MVC is a model which already through the test of time and summarized by our seniors, whick is one of the best mode. SemanticUI is a good framework based on HTML5. Although HTML5 is not a fully formed specification, but