悅耳音樂網站的設計與實現

弋改珍　趙薔

摘 要：為了緩解人們的工作壓力，愉悅心情，以Java為軟件開發語言，使用MyEclipse為開發平臺，采用SQL Server 2005作為后臺數據庫進行數據存儲和維護，設計并實現了悅耳音樂網站。該網站為普通用戶提供了注冊、登錄、音樂查詢、音樂下載、歌曲試聽、評分、留言等功能；管理員使用該網站能夠對用戶、音樂、公告、資訊、評分以及留言等信息進行管理。該網站的實現具有一定的實用意義。

關鍵詞：音樂網站；流行音樂；Java；JSP

中圖分類號：TP393 文獻標識碼：A

Abstract：To relieve the pressure of working，and pleasure the feeling for people，this paper designed and realized the Yue'er music website by using Java as software development language.MyEclipse as develop platform，utilizing SQL Server 2005 as background database to store and maintain the data.The website provided the function of the register，the login，download the music，song，grade and leaving a message.Administrator could manage the information of users，music，announcement，news，grades and messages.The implementation of the music website has practical value.

Keywords：music website；popular music；Java；JSP

1 引言（Introduction）

網絡的發展帶動了人們的生活各個方面發展，并且潛移默化地改變著人們的生活方式。社會生活中，人們的對于娛樂的需求，使得網絡中產生了各種特色和主題的娛樂網站。為了滿足音樂發燒友、明星崇拜者的需求，大量以音樂為主題的網站也出現了。

在網絡技術方面，以往的網站依賴于靜態網頁設計技術和靜態腳本語言HTML，其優點在于靜態網頁技術實現簡單，頁面美觀。但是也存在功能單調，缺乏與用戶間的交互等缺點[1]。為了彌補靜態網頁設計技術的不足之處，IT界又創新般的設計和開發了動態網站開發技術。動態網站開發技術使得網民在獲取網站信息的同時，還可以傳遞信息給網站，讓人與網絡能夠及時地交互。現在比較流行和常用的動態網站開發技術主要是Java Server Page（簡稱JSP技術）[2]、Active Server Page（簡稱ASP技術）[3]和Hypertext Preprocessor（簡稱PHP技術）。

本網站設計目標就是基于JSP技術設計的一個音樂的動態交互網站，該網站的主要目的就是讓用戶盡快找到自己喜歡的音樂，并且可以在瀏覽過程中，實現和本站信息的交互，是一個網絡中實現的多用戶欣賞音樂，同時還可對用戶進行行為統計和記錄的交互平臺。JSP是基于Java Servlet以及整個Java體系的Web開發技術，利用這一技術可以建立安全、跨平臺的先進動態網站[4]。

2 網站的功能需求（Function requirement for website）

為了滿足大眾需求，利用動態交互式網頁技術，設計一個可在網絡中實時的進行多用戶信息的發布，而且可以對用戶行為進行統計和記錄操作。

網站的普通用戶分為兩種：游客和會員。游客的權限：查看公告、試聽音樂、查找音樂、查看音樂信息、在線留言；除了游客的權限之外，會員還可以下載音樂，并對聽過的音樂進行評價。

管理用戶可以進行音樂信息管理、滾動公告管理、音樂資訊管理、注冊會員管理、在線交流的管理等。

根據需求分析，總結系統的功能模塊如圖1所示。

3 系統設計（System design）

悅耳音樂網站的設計過程中涉及許多功能模塊，這里僅給出系統中的幾個核心模塊的設計思路。

3.1 前臺界面設計

界面是網站的門面，它的布局和美工設計最能吸引用戶的注意。該網站的界面設計包括：網站導航條、搜索導航、分類展示、最新公告、音樂排行等。網站的實現主要結合JavaScript和CSS樣式表。

3.2 音樂查詢模塊設計

音樂查詢模塊，包括搜索導航和音樂搜索。搜索導航條主要是通過歌手和歌名兩個關鍵字進行模糊查詢，用戶可以自行輸入關鍵字，點擊搜索進行歌曲查詢。音樂搜索新增了分類查詢和專輯關鍵字查詢，流程與搜索導航一致。音樂查詢流程圖如圖2所示。

3.3 音樂試聽模塊設計

本網站的音樂試聽，主要通過音樂播放器來進行主要操作。音樂播放時，首先需要查詢有沒有歌詞，有則滾動且同步的顯示，沒有則不顯示；可點擊暫停（播放）按鈕和進度條時，實現音樂的暫停（播放）和音樂進度的控制；還可通過點擊上下曲按鈕，實現音樂的切換。音樂試聽流程圖如圖3所示。

3.4 音樂評分流程描述

本系統中，用戶登錄成功且在試聽音樂時，可進行音樂評分操作。音樂評分時，用戶可以鼠標點擊選擇我要評分區域的單選框選擇分數值，點擊提交，若提交成功，則將評分信息展示在當前音樂的評分信息中；不成功則提示用戶評分失敗。音樂評分流程圖如圖4所示。

3.5 音樂下載流程描述

音樂下載和音樂評分類似，用戶在登錄狀態下，試聽音樂時進行音樂下載操作。音樂下載時，用戶可以鼠標點擊在線下載，在彈出的對話框中編輯文件名和保存路徑之后選擇下載、打開或取消執行對應操作，并提示用戶操作結果。

4 結論（Conclusion）

使用Java作為網站開發語言，以MyEclipse為開發平臺，采用SQL Server 2005作為數據庫設計環境，進行數據的存儲和維護；按照軟件工程為設計思想，經過了需求分析，總體功能結構設計，數據庫設計，詳細設計與實現，測試階段，設計并開發了悅耳音樂網站。設計的網站界面美觀，分類比較完善，實現了人們聽音樂的基本功能需求，人們可以根據喜好為音樂打分，并根據評分情況對音樂資料進行排序；如果用戶對網站有其他的建議和需求，還可以進行留言。

參考文獻（References）

[1] 張莉，李林芳.在線音樂網站的情感化交互設計[J].工業設計，2012，（8）：67-69.

[2] 耿祥義，張躍平.JSP實用教程[M].北京：清華大學出版社，2003.

[3] 韓艷.ASP技術在網站制作中的應用[J].科技咨詢，2009，（34）：22-25.

[4] 賀林林，謝巧玲.音樂網站的開發與設計[J].科技論壇，2014，（17）：144-146.

作者簡介：

弋改珍（1969-），女，碩士，副教授.研究領域：計算機網絡與信息安全.

趙 薔（1971-），女，碩士，副教授.研究領域：軟件工程.