弋改珍　趙薔

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

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

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：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ā)展帶動(dòng)了人們的生活各個(gè)方面發(fā)展，并且潛移默化地改變著人們的生活方式。社會(huì)生活中，人們的對(duì)于娛樂(lè)的需求，使得網(wǎng)絡(luò)中產(chǎn)生了各種特色和主題的娛樂(lè)網(wǎng)站。為了滿(mǎn)足音樂(lè)發(fā)燒友、明星崇拜者的需求，大量以音樂(lè)為主題的網(wǎng)站也出現(xiàn)了。

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

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

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

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

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

管理用戶(hù)可以進(jìn)行音樂(lè)信息管理、滾動(dòng)公告管理、音樂(lè)資訊管理、注冊(cè)會(huì)員管理、在線(xiàn)交流的管理等。

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

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

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

3.1 前臺(tái)界面設(shè)計(jì)

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

3.2 音樂(lè)查詢(xún)模塊設(shè)計(jì)

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

3.3 音樂(lè)試聽(tīng)模塊設(shè)計(jì)

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

3.4 音樂(lè)評(píng)分流程描述

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

3.5 音樂(lè)下載流程描述

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

4 結(jié)論（Conclusion）

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

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

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

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

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

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

作者簡(jiǎn)介：

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

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