《網(wǎng)絡編程》課程設計云樂Web云音樂播放系統(tǒng)項目課程設計報告

1、網(wǎng)絡編程課 程 設 計 報 告（2014 2015學年 第 1 學期）系 別：計算機學院軟件工程系專業(yè)名稱：12軟件金融服務工程1班課程設計科目： 網(wǎng)絡編程課程設計學生姓名：學 號：指導教師：成 績：完成時間：2015年1月19日-1月23日項目組成員及分工項目角色日常職責人員分配項目組長項目架構,團隊管理,版本控制，進度管理等等前臺開發(fā)人員前臺界面設計及美工后臺開發(fā)人員web服務器端程序開發(fā)數(shù)據(jù)庫開發(fā)人員數(shù)據(jù)庫設計及實現(xiàn)測試人員項目測試文檔完成人員課設文檔建設日志記錄人員日志記錄項目組成員成績項目組成員學號成績目錄一、云樂系統(tǒng)概述1二、需求分析與總體設計12.1 需求分析12.2 總體設計2

2、三、界面設計13四、數(shù)據(jù)庫設計224.1 表設計224.2建立jdbc連接24五、代碼設計27六、運行調試276.1 測試流程描述276.2 功能測試用例28七、結論與心得31八、致謝31九、參考文獻31附錄：全部源程序清單32課程設計日志34一、云樂系統(tǒng)概述云樂web音樂播放系統(tǒng)，是一個基于web平臺播放和云空間存儲的web音樂播放器。根據(jù)在線音樂管理系統(tǒng)，可將其分為前臺和后臺兩個部分。從前臺主界面可以發(fā)現(xiàn)注冊用戶可以實現(xiàn)如下功能：用戶注冊，用戶登錄，分享歌曲，下載歌曲，填寫關于音樂的評論，音樂盒，點歌，試聽歌曲，發(fā)送和接受短消息。從后臺主界面可以發(fā)現(xiàn)超級管理員并且實現(xiàn)如下功能：管理員登錄，

3、音樂管理，友情鏈接，用戶管理，添加管理員，修改密碼和關閉。二、需求分析與總體設計2.1 需求分析1、系統(tǒng)名稱云樂（cloud music）web云音樂播放系統(tǒng)2、任務概述(1)用戶在非本機情況下無法及時導入歌曲，本軟件能夠通過用戶數(shù)據(jù)實現(xiàn)何時何地都找回自己的歌曲、歌單。(2)用戶往往在重裝系統(tǒng)等場合下丟失歌曲文件，本軟件通過云服務，保證數(shù)據(jù)永不丟失。(3)龐大的歌曲占用用戶過多內存，本軟件是在線形式，可以最大程度上減少本地空間的使用，符合當今綠色軟件，快速軟件的理念。(4)為用戶設計曲單分享模塊，解決您不知道聽什么的困擾。3、設計目的解決傳統(tǒng)的聽音樂方式和互聯(lián)網(wǎng)聽音樂方式已經(jīng)不能完全滿足用戶對

4、聽音樂的需求的問題。不僅是這樣，云音樂解放了電腦的內存，將空間節(jié)省下來用于其他更需要的地方，解決了用戶電腦內存不足的問題。4、系統(tǒng)功能根據(jù)在線音樂管理系統(tǒng)，可將其分為前臺和后臺兩個部分。從前臺主界面可以發(fā)現(xiàn)注冊用戶可以實現(xiàn)如下功能：用戶注冊，用戶登錄，分享歌曲，下載歌曲，填寫關于音樂的評論，音樂盒，點歌，試聽歌曲，發(fā)送和接受短消息。從后臺主界面可以發(fā)現(xiàn)超級管理員可以實現(xiàn)如下功能：管理員登錄，音樂管理，友情鏈接，用戶管理，添加管理員，修改密碼和關閉。5、詳細功能（1）用戶登錄:新用戶填寫用戶信息注冊登錄。（2）歌曲列表：用戶可以根據(jù)自己的喜好添加歌單，重命名歌曲列表，對不滿意歌曲進行刪除并且可以

5、將本地歌曲上傳到云端并且自動添加到歌曲列表中。(3）歌曲分享：用戶可將自己喜歡的歌曲分享給其他用戶，如果用戶不滿意自己分享的歌曲還可刪除已經(jīng)分享的歌曲。(4)動態(tài)庫：可以查看最近常聽歌曲、網(wǎng)上熱門歌曲和其他用戶分享的歌曲。(5)用戶信息:顯示用戶的主要信息2.2 總體設計 系統(tǒng)設計的角色有普通用戶和超級管理員，普通用戶可進行用戶注冊、用戶登錄、用戶信息修改（包括登錄密碼修改、基礎信息修改）；超級管理員可進行登錄、權限管理（包括添加管理員等）、用戶信息管理（包括查看用戶信息、修改用戶信息、刪除用戶信息、添加管理員）。普通用戶和超級管理員的用例圖如圖2.1所示：圖2.1 普通用戶和超級管理員的用例

6、圖根據(jù)在線音樂管理系統(tǒng)，可將其分為前臺和后臺兩個部分。前臺主界面可以發(fā)現(xiàn)注冊用戶并且實現(xiàn)如下功能：用戶注冊，用戶登錄，分享歌曲，下載歌曲，填寫關于音樂的評論，音樂盒，點歌，試聽歌曲，發(fā)送和接收短消息。前臺功能結構如圖2.2所示：在線音樂管理前臺用戶注冊用戶登錄分享歌曲發(fā)送短消息接受短消息注銷登錄填寫評論添加 音樂盒試聽歌曲點歌下載歌曲圖2.2 在線音樂管理系統(tǒng)前臺結構圖從后臺主界面可以發(fā)現(xiàn)超級管理員并且實現(xiàn)如下功能：管理員登錄，音樂管理，友情鏈接，用戶管理，添加管理員，修改密碼和關閉。后臺功能結構如圖2.3所示：在線音樂管理后臺管理員登錄音樂管理友情鏈接 用戶管理添加管理員修改密碼圖2.3 在

7、線音樂管理系統(tǒng)后臺結構圖1、用戶注冊功能模塊實現(xiàn)功能說明: 用戶點擊首頁中的注冊鏈接后，頁面中顯示注冊層供用戶填寫注冊信息，當用戶入新注冊的用戶名時，struts的register.java調用后 判斷是否存在同名用戶，并返回判斷的信息；當用戶輸入密碼和確認密碼時，判斷密碼是否和確認密碼相同；若以上兩個條件同時滿足，注冊按鈕可用。否則，注冊按鈕不可用。完成輸入信息后，點擊注冊按鈕進行用戶注冊操作，注冊操作完成后，系統(tǒng)自動為用戶跳到登錄頁面。用戶注冊功能模塊如圖2.4和表2.1所示：圖2.4 用戶注冊功能模塊表2.1 用戶注冊功能模塊描述編號名稱類型描述1index.jsp頁面文件首頁頁面3re

8、gister.java注冊類執(zhí)行注冊操作4register.jsp頁面文件用戶注冊信息5login.java登錄類執(zhí)行登錄操作2、登錄功能模塊實現(xiàn)功能說明：用戶點擊完登陸鏈接后，在頁面中顯示,用戶輸入完用戶名和密碼后點擊登陸按鈕完成登陸操作，退出登錄時點擊注銷登錄。登錄功能模塊如圖2.5和表2.2所示：圖2.5 登錄功能模塊表2.2 登錄功能模塊描述編號名稱類型描述1index.jsp登錄文件登錄頁面2login.java登錄類存放所有的執(zhí)行方法3dbconnection.javadao操作類數(shù)據(jù)庫獲取4logout.java注銷登錄類點擊注銷登錄按鈕后退出登錄3、在線音樂上傳功能模塊實現(xiàn)功能

9、說明：用戶進入主頁面后，點擊上傳歌曲，進入上傳歌曲頁面。上傳歌曲時，音樂的形式在后臺的servlet相關類uploadmusic.java類中做了相關設置。當用戶上傳完歌曲后，可以點擊下一步按鈕，顯示上傳成功提示框，系統(tǒng)自動將歌曲添加到數(shù)據(jù)庫中，同時跳轉到音樂更新頁面，填寫音樂相關信息，主題的字數(shù)和內容的字數(shù)在后臺的upload.java中都做了設置, 當用戶輸入完相應的信息后，可以點擊提交按鈕，系統(tǒng)自動將信息添加到數(shù)據(jù)庫中，添加成功后，顯示添加成功提示框，跳轉到主頁可以進行音樂播放試聽。在線音樂上傳功能模塊如圖2.6和表2.3所示：圖2.6 在線音樂上傳功能模塊表2.3 在線音樂上傳功能模塊

10、描述編號名稱類型描述1index.jsp文件主頁面2uploadmusic.javaservlet類執(zhí)行上傳音樂操作3dbconnectiondao操作類獲取數(shù)據(jù)庫4upload.javaservlet執(zhí)行音樂更新操作5upload.jsp文件音樂更新頁面4、添加評論功能模塊實現(xiàn)功能說明：當用戶上傳完音樂信息后，點擊閱讀全文，跳轉到添加評論頁面，可以輸入信息，主題的字數(shù)和內容的字數(shù)在后臺的servlet相關類addcomments中都做了設置。當用戶輸入完相應的信息后，可以點擊提交按鈕，系統(tǒng)自動將信息添加到數(shù)據(jù)庫中，添加成功后可以查看輸入的內容。當用戶輸入的信息不滿足要求時，會發(fā)出錯誤信息提示

11、，同時不滿足要求的信息也不會添加到數(shù)據(jù)庫中。因此用戶需要進行修改內容，然后在重新添加。添加評論功能模塊如圖2.7和表2.4所示：圖2.7 添加評論功能模塊表2.4 添加評論功能模塊描述編號名稱類型描述1show.jsp文件添加評論頁面2addcomments.javaservlet類執(zhí)行添加信息操作3dbconnectiondao操作類獲取數(shù)據(jù)庫5、音樂盒功能模塊實現(xiàn)功能說明：在上傳完音樂后，用戶可以創(chuàng)建屬于該用戶自己的音樂盒。點擊添加音樂盒按鈕，相關添加操作在后臺servlet類中做了設置，并獲取數(shù)據(jù)庫進行連接查詢，查看數(shù)據(jù)庫中是否已存在相同音樂，如果沒有則將音樂添加到數(shù)據(jù)庫中，添加成功后，

12、通過后臺的servlet相關類setbox.java進行操作音樂盒中的播放列表，并通過jdom組件動態(tài)創(chuàng)建xml播放 列表，并且在主頁動態(tài)顯示。音樂盒功能模塊如圖2.8和表2.5所示：圖2.8 音樂盒功能模塊表2.5 音樂盒功能模塊描述編號名稱類型描述1index.jsp文件主頁面2musicbox.javaservlet類執(zhí)行添加音樂盒操作3dbconnectiondao操作類獲取數(shù)據(jù)庫4setbox.javaservlet類操作音樂盒播放列表5creatxml.javajdom組件動態(tài)創(chuàng)建xml播放列表5music.box.jsp文件音樂盒頁面6、信息發(fā)送功能模塊實現(xiàn)功能說明：用戶進入主頁

13、面后，點擊短消息，進入發(fā)送短信頁面。發(fā)送短信時，信息的相關內容在后臺的servlet相關類message.java類中做了相關設置。當用戶輸入完相應的信息后，可以點擊提交按鈕，系統(tǒng)自動將信息添加到數(shù)據(jù)庫中，添加成功后顯示發(fā)送成功的提示框，對方可以進行信息的查看和接受。當用戶輸入的信息不滿足要求時，會發(fā)出錯誤信息提示，同時不滿足要求的信息也不會添加到數(shù)據(jù)庫中。因此用戶需要進行修改內容，然后在重新提交。短信發(fā)送功能模塊如圖2.9和表2.6所示：圖2.9 短信發(fā)送功能模塊表2.6 短信發(fā)送功能模塊描述編號名稱類型描述1message.jsp文件發(fā)送短信頁面2message.javaservlet類執(zhí)

14、行發(fā)送信息操作3dbconnectiondao操作類獲取數(shù)據(jù)庫7、短信接收刪除功能模塊實現(xiàn)功能說明：用戶進入主頁面后，點擊查看短消息，看是否有已接收的未讀短信，進行刪除操作，刪除操作通過后臺的servlet相關類desmessage.java進行執(zhí)行，操作成功后，自動更新數(shù)據(jù)庫，并在主頁面上顯示刪除成功。在線音樂上傳功能模塊如圖2.10和表2.7所示：圖2.10 短信接收刪除功能模塊表2.7 短信接收刪除功能模塊描述編號名稱類型描述1showmessage.jsp文件顯示短信頁面2delmessage.javaservlet類執(zhí)行刪除信息操作3dbconnectiondao操作類數(shù)據(jù)庫連接更新

15、8、點歌功能模塊實現(xiàn)功能說明：用戶上傳完歌曲可以進行點歌功能，點擊sendmusic頁面的點歌，可以為對方點歌，并 進行留言和信息發(fā)送。點歌和信息發(fā)送，通過后臺的servlet相關類sendmusic.java類進行執(zhí)行驗證，操作成功后，自動更新數(shù)據(jù)庫，更新成功后，顯示信息發(fā)送成功提示框。對方可以進行信息接收和歌曲試聽。點歌功能模塊如圖2.11和表2.8所示：圖2.11 點歌功能模塊表2.8 點歌功能模塊描述編號名稱類型描述1sendmusic.jsp文件點歌頁面2sendmusic.javaservlet類執(zhí)行點歌操作3dbconnectiondao操作類數(shù)據(jù)庫連接更新9、友情鏈接功能模塊實

16、現(xiàn)功能說明:當超級管理員登錄在線音樂管理系統(tǒng)的后臺后，不僅可以添加友情鏈接的信息的信息，還可以刪除任何已存在的超級鏈接。通過調用后臺的servlet相關類link.java類，執(zhí)行插入操作，插入成功后，自動更新數(shù)據(jù)庫，并在當前頁面中成功顯示，能進行刪除操作，且能在前臺中成功顯示鏈接。友情鏈接功能模塊如圖2.12和表2.9所示：圖2.12 友情鏈接功能模塊表2.9 友情鏈接功能模塊描述編號名稱類型描述1link.jsp文件添加鏈接頁面2link.javaservle類存放所有的執(zhí)行方法3dbconnection.javadao操作類數(shù)據(jù)庫獲取4index.jsp文件主頁面三、界面設計1、用戶注冊

17、功能模塊的界面設計圖3.1 用戶注冊界面圖3.2 用戶注冊成功界面2、登錄功能模塊的界面設計圖3.3 用戶登錄界面圖3.4 用戶登錄成功界面3、在線音樂上傳功能功能模塊的界面設計圖3.5 音樂上傳界面圖3.6 選擇上傳音樂文件界面圖3.7 上傳音樂選擇成功界面圖3.8 音樂上傳成功界面圖3.9 上傳音樂試聽界面4、添加評論功能模塊的界面設計圖3.10 評論功能界面圖3.11 評論成功界面5、音樂盒功能模塊的界面設計圖3.12 音樂盒界面圖3.13 音樂盒播放和刪除功能界面6、信息發(fā)送功能模塊的界面設計圖3.14 發(fā)送短信息界面圖3.15 短信息發(fā)送成功界面7、短信接收刪除功能模塊的界面設計圖3

18、.16 短消息接收界面圖3.17 我的短消息界面圖3.18 短消息查看界面圖3.19 短消息刪除界面圖3.20 短消息刪除成功界面8、點歌功能模塊的界面設計圖3.21 歌曲點播界面圖3.22 歌曲點播成功界面9、友情鏈接功能模塊的界面設計圖3.23 友情鏈接界面四、數(shù)據(jù)庫設計4.1 表設計1.admin(管理員信息表)管理員信息 表用來保存管理員信息，該表的結構如下：表4.1 admin表的結構字段名數(shù)據(jù)類型是否為空是否主鍵默認值描述idintno是id(自動編號)namevarchar(20)yes管理員用戶名pwdvarchar(32)yes密碼2.comments(留言信息表)留言信息

19、表用來保存留言信息，該表的結構如下所示：表4.2 comments表的結構字段名數(shù)據(jù)類型是否為空是否主鍵 默認值描述idintnoyesid號（自動編號）valuetextnonull留言的內容namevarchar(20)nonull留言人的昵稱music_idint(4)nonull音樂編號timevarchar(13)nonull發(fā)表評論時間3.link(鏈接表)鏈接表用來保存鏈接信息，該表的結構如下所示：表4.3 link表的結構字段名數(shù)據(jù)類型是否為空是否主鍵默認值描述idintno是id(自動編號)valuetextyes友情鏈接的值titlevarchar(100)yes友情鏈接的

20、標題4.message（短信信息表)短信信息 表用來保存短信信息，該表的結構如下所示：表4.4 message表的結構字段名數(shù)據(jù)類型是否為空是否主鍵 默認值描述idint noyesid號（自動編號）fromvarchar(20)發(fā)短信的用戶toint(4)接受短信的用戶titlevarchar(200)短信的標題valuetextnonull短信的內容timevarchar(13)nonull發(fā)短信的時間newint(1)發(fā)短信的次5.music（音樂信息表)音樂信息 表用來保存音樂信息，該表的結構如下所示：表4.5 music表的結構字段名數(shù)據(jù)類型是否為空是否主鍵 默認值描述idint n

21、oyesid號（自動編號）titlevarchar(50)音樂的標題singervarchar(30)音樂的歌曲special varchar(30)音樂所屬專輯valuetextnonull音樂標題timevarchar(13)nonull上傳時間clickint(5)音樂試聽次數(shù)urllongtext音樂的地址6.tip （提示信息表)提示信息 表用來保存提示信息，該表的結構如下所示：表4.6 tip表的結構字段名數(shù)據(jù)類型是否為空是否主鍵 默認值描述idint noyesid號（自動編號）valuetext提示內容7.user(用戶信息表)用戶信息 表用來保存用戶信息，該表的結構如下所示：

22、表4.7 user表的結構字段名數(shù)據(jù)類型是否為空是否主鍵默認值描述idintno是id(自動編號)namevarchar(20)yes用戶名pwdvarchar(32)yes用戶密碼music_boxlongtext音樂盒4.2建立jdbc連接圖4.1 jdbc連接代碼一圖4.2 jdbc連接代碼二圖4.3 jdbc連接代碼三五、代碼設計圖5.1 web-xml配置六、運行調試6.1 測試流程描述1.測試計劃:根據(jù)需求估算測試所需資源（人力、設備等）、所需時間、功能點劃分、如何合理分配安排資源等。2.用例設計：根據(jù)測試計劃、任務分配、功能點劃分，設計合理的測試用例。3.執(zhí)行測試：根據(jù)測試用例的

23、詳細步驟，執(zhí)行測試用例。4.執(zhí)行結果記錄和bug記錄：對每個case記錄測試的結果，有bug的在測試管理工具中編寫bug記錄。6.2 功能測試用例表6.1 用戶注冊功能用例表用例idzc01項目名稱云樂在線音樂播放系統(tǒng)開發(fā)人員林娜莉模塊名稱用戶注冊功能用例作者阮雪妃參考信息web云音樂播放系統(tǒng)項目課程設計報告測試類型功能測試設計日期2015.1.19測試人員李興彬、林娜莉測試方法黑盒測試法測試日期2015.1.22用例描述對用戶注冊功能中需要用到的數(shù)據(jù)進行一些基礎的維護前置條件游客已進入首頁編號模塊名稱操作步驟數(shù)據(jù)預期結果實際結果結果比較說明1用戶注冊a點擊首頁右上角的“注冊”按鈕b跳出注冊界

24、面，按照提示填寫用戶名、用戶密碼、確認密碼三項信息c 點擊“立即注冊”按鈕用戶名名：amy密碼：amy確認密碼：amy1、添加新用戶成功1、添加新用戶成功通過2用戶注冊a點擊首頁右上角的“注冊”按鈕b跳出注冊界面，按照提示只填寫用戶和密碼c 點擊“立即注冊”按鈕用戶名名：amy 密碼：amy確認密碼：2、添加新用戶失敗，提示其他信息為必填項2、添加新用戶失敗，提示其他信息為必填項通過3用戶注冊a點擊首頁右上角的“注冊”按鈕b跳出注冊界面，按照提示只填寫用戶,密碼和錯誤確認密碼c 點擊“立即注冊”按鈕用戶名名：amy 密碼：amy確認密碼：1232、添加新用戶失敗，提示確認密碼錯誤2、添加新用戶

25、失敗，提示確認密碼錯誤通過表6.2 用戶登錄功能用例表用例idzc02項目名稱云樂在線音樂播放系統(tǒng)開發(fā)人員林娜莉模塊名稱用戶登錄功能用例作者阮雪妃參考信息web云音樂播放系統(tǒng)項目課程設計報告測試類型功能測試設計日期2015.1.19測試人員李興彬、林娜莉測試方法黑盒測試法測試日期2015.1.22用例描述對用戶登錄功能中需要用到的數(shù)據(jù)進行一些基礎的維護前置條件游客已進入首頁編號模塊名稱操作步驟數(shù)據(jù)預期結果實際結果結果比較說明1用戶登錄a在右上角登錄界面，按照提示填寫用戶名、用戶密碼b 點擊“登錄”按鈕用戶名名：amy密碼：amy1、用戶登錄成功1、用戶登錄成功通過2用戶登錄a在右上角登錄界面，

26、按照提示填寫用戶名、錯誤用戶密碼b 點擊“登錄”按鈕用戶名名：amy 密碼：123確認密碼：2、用戶登錄失敗，提示密碼錯誤2、添加新用戶失敗，提示密碼錯誤通過3用戶登錄a在右上角登錄界面，按照提示填寫未注冊用戶名、用戶密碼b 點擊“登錄”按鈕用戶名名：123 密碼：amy2、用戶登錄失敗，提示該用戶名不存在2、用戶登錄失敗，提示該用戶名不存在通過表6.3 在線音樂上傳功能用例idzc03項目名稱云樂在線音樂播放系統(tǒng)開發(fā)人員林娜莉模塊名稱在線音樂上傳功能用例作者阮雪妃參考信息web云音樂播放系統(tǒng)項目課程設計報告測試類型功能測試設計日期2015.1.19測試人員李興彬、林娜莉測試方法黑盒測試法測試

27、日期2015.1.22用例描述對在線音樂上傳功能中需要用到的數(shù)據(jù)進行一些基礎的維護前置條件游客已登錄編號模塊名稱操作步驟數(shù)據(jù)預期結果實際結果結果比較說明1在線音樂上傳a在導航欄點擊分享歌曲b 點擊“選擇文件”按鈕c 選擇需要上傳的歌曲，按“下一步”d 填寫歌曲名稱，歌手，所屬專輯，簡介四項信息，填寫完成后點擊“提交”按鈕歌曲名稱：想家歌手：未知所屬專輯：未知簡介：123456778901、歌曲上傳成功1、歌曲上傳成功通過2在線音樂上傳a在導航欄點擊分享歌曲b 點擊“選擇文件”按鈕c 選擇需要上傳的歌曲，按“下一步”d 只填寫歌曲名稱，歌手，所屬專輯，簡介四項中的任意一項信息，填寫完成后點擊“提

28、交”按鈕歌曲名稱：想家2、歌曲上傳失敗，提示用戶將其他項信息填完2、歌曲上傳失敗，提示用戶將其他項信息填完通過七、結論與心得我們的項目是云樂（cloud music）web云音樂播放系統(tǒng)，在項目基本完成后，老師看完我們的項目并給出了意見和建議，我們針對老師的意見對項目做出了些許修改和完善，在項目里面增加了個文本框和在發(fā)送消息時增加用戶名可選擇框，使項目更加完善。通過這次課程設計，我們知道了在jsp中不能有太多java代碼，要扔掉腳本，實現(xiàn)沒有腳本的頁面，更多采用標準動作、定制標記和el表達式等。同時，我們也更加明白團結合作的重要性，一個項目的完成需要依靠集體的力量。最后，由于時間不夠，超級管理員的功能模塊沒有全部完成，之后再利用其他時間進行完善。八、致謝感謝林老師對我們云樂項目提供的各種有意義的建議和提點；感謝學校特意安排一周的時間讓我們能完成和完善這個項目；感謝小組的每一個成員認真的完