悅耳音樂網(wǎng)站的設(shè)計與實現(xiàn)

弋改珍　趙薔

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

關(guān)鍵詞：音樂網(wǎng)站；流行音樂；Java；JSP

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：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）

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

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

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

2 網(wǎng)站的功能需求（Function requirement for website）

為了滿足大眾需求，利用動態(tài)交互式網(wǎng)頁技術(shù)，設(shè)計一個可在網(wǎng)絡(luò)中實時的進(jìn)行多用戶信息的發(fā)布，而且可以對用戶行為進(jìn)行統(tǒng)計和記錄操作。

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

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

根據(jù)需求分析，總結(jié)系統(tǒng)的功能模塊如圖1所示。

3 系統(tǒng)設(shè)計（System design）

悅耳音樂網(wǎng)站的設(shè)計過程中涉及許多功能模塊，這里僅給出系統(tǒng)中的幾個核心模塊的設(shè)計思路。

3.1 前臺界面設(shè)計

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

3.2 音樂查詢模塊設(shè)計

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

3.3 音樂試聽模塊設(shè)計

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

3.4 音樂評分流程描述

本系統(tǒng)中，用戶登錄成功且在試聽音樂時，可進(jìn)行音樂評分操作。音樂評分時，用戶可以鼠標(biāo)點擊選擇我要評分區(qū)域的單選框選擇分?jǐn)?shù)值，點擊提交，若提交成功，則將評分信息展示在當(dāng)前音樂的評分信息中；不成功則提示用戶評分失敗。音樂評分流程圖如圖4所示。

3.5 音樂下載流程描述

音樂下載和音樂評分類似，用戶在登錄狀態(tài)下，試聽音樂時進(jìn)行音樂下載操作。音樂下載時，用戶可以鼠標(biāo)點擊在線下載，在彈出的對話框中編輯文件名和保存路徑之后選擇下載、打開或取消執(zhí)行對應(yīng)操作，并提示用戶操作結(jié)果。

4 結(jié)論（Conclusion）

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

參考文獻(xiàn)（References）

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

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

[3] 韓艷.ASP技術(shù)在網(wǎng)站制作中的應(yīng)用[J].科技咨詢，2009，（34）：22-25.

[4] 賀林林，謝巧玲.音樂網(wǎng)站的開發(fā)與設(shè)計[J].科技論壇，2014，（17）：144-146.

作者簡介：

弋改珍（1969-），女，碩士，副教授.研究領(lǐng)域：計算機網(wǎng)絡(luò)與信息安全.

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