《Web體系結(jié)構(gòu)與開發(fā)技術(shù)》實(shí)驗(yàn)報(bào)告說明書

PAGE1/13《Weｂ體系結(jié)構(gòu)與開發(fā)技術(shù)》實(shí)驗(yàn)報(bào)告班級(jí)：計(jì)軟二班學(xué)號(hào)：20095５3８姓名：郭凱實(shí)驗(yàn)日期：2０１１/1２/16實(shí)驗(yàn)成果：實(shí)驗(yàn)?zāi)康牧私釽eb體系結(jié)構(gòu)與開發(fā)技術(shù)的基本知識(shí)掌握靜態(tài)頁面的標(biāo)簽結(jié)構(gòu),能夠編寫靜態(tài)頁面。掌握Flaｓh的基本原理，會(huì)使用AdｏbeFｌａsh制作Fｌａsｈ動(dòng)畫。掌握動(dòng)態(tài)網(wǎng)站技術(shù)JSP，理解其原理，并使用ＪSP技術(shù)制作個(gè)人網(wǎng)站.二、實(shí)驗(yàn)原理JSP(JavaＳerｖeｒPages)是由SunMicrosystems公司提倡、很多公司參加一起建立的一種HYＰEＲLIＮＫ”ｈｔtp://baikｅ。baiｄu.coｍ/vｉｅw/3４8756．ｈtm”\t”＿ｂｌaｎｋ"動(dòng)態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn).JSP技術(shù)有點(diǎn)類似ＡＳＰ技術(shù)，它是在傳統(tǒng)的HYＰERLＩNK"http：//ｂaikｅ．baidu。cｏm/vｉｅw/828。hｔm”\t"＿blank"網(wǎng)頁HTML文件（*．htm，*.hｔmｌ)中插入ＪaｖaHＹPERLINK＂ｈtｔｐ:/／bａｉkｅ。baidｕ．com/viｅｗ/1０05３29．ｈｔm”＼t"_ｂlank"程序段（Ｓｃriｐtleｔ)和JＳP標(biāo)記（taｇ），從而形成ＪSP文件（＊。ｊsp）。用JSP開發(fā)的Web應(yīng)用是跨平臺(tái)的,既能在Linux下運(yùn)行,也能在其他HＹPERLINK”htｔｐ：//baiｋｅ。baidu。ｃoｍ／viｅw/８80。ｈｔm”＼ｔ＂＿blａnk＂操作系統(tǒng)上運(yùn)行.JSP技術(shù)使用HYＰERＬＩＮＫ"http：//baike。baidu．cｏm/vｉew／５320１。htｍ"\t”_bｌank"Ｊａｖa編程語言編寫類XML的tａgｓ和ｓcrｉｐtlｅts,來封裝產(chǎn)生動(dòng)態(tài)HＹＰＥＲLIＮＫ”http:／/bａｉke．bａiｄu。ｃoｍ／ｖｉew/828.htｍ"＼ｔ＂_blank”網(wǎng)頁的處理規(guī)律。網(wǎng)頁還能通過ｔａgs和scｒiptlets訪問存在于服務(wù)端的資源的ＨＹＰＥRLINＫ”httｐ：//baｉke.ｂaidｕ.com／view／26４6３７8．htｍ＂\ｔ＂_blank”應(yīng)用規(guī)律.JSP將網(wǎng)頁規(guī)律與HYPERLINK”ｈtｔp://bａike．bａiｄu．com/view／8９７２.ｈtｍ"\t"＿blａnk＂網(wǎng)頁設(shè)計(jì)和顯示分離,支持可重用的基于組件的設(shè)計(jì),使基于Web的HYＰEＲLＩNK"hｔtp:/／baike．baidｕ.com/ｖiｅw/3３01２0.htm"\t”_blaｎk＂應(yīng)用程序的開發(fā)變得飛快和容易.WeｂHYPERLIＮK”httｐ：/／ｂ/ｖiew／899。htm"\ｔ”＿ｂlａnｋ"服務(wù)器在遇到訪問JＳＰ網(wǎng)頁的懇求時(shí)，首先執(zhí)行其中的HYＰEＲLIＮK”ｈttp:/／ｂaike．ｂaiｄu。coｍ/vｉeｗ/100５329.ｈtm"\t"_blａnk"程序段，然后將執(zhí)行結(jié)果連同ＪSP文件中的ＨTＭLHＹPERLINＫ＂ｈttｐ：／/baikｅ。baiｄ/ｖiew/4１.htｍ＂\t＂_ｂlanｋ＂代碼一起返回給客戶。插入的HYPERLINK＂hｔｔp:/／bａikｅ．baｉｄu。coｍ/ｖｉｅw/29.hｔm"\ｔ＂＿bｌaｎk"Ｊava程序段可以操作HYPERLIＮK”htｔp://bａiｋｅ．baidｕ.ｃom／ｖieｗ/1０8８。htｍ"＼t＂_ｂｌａnk”數(shù)據(jù)庫、重新定向網(wǎng)頁等，以實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)頁所需要的功能.ＪSP與ＪavaＨYPERＬINK"http：//baikｅ。baidｕ。coｍ/ｖieｗ/25１69.htm"＼ｔ"＿blａnk"Seｒvlet一樣,是在服務(wù)器端執(zhí)行的，通常返回給HＹPEＲＬINK”httｐ：//bａｉke.baidu．com/ｖｉew/９30.ｈtm"＼ｔ"＿blaｎk”客戶端的就是一個(gè)HTML文本,因此客戶端只要有HYPERLINＫ”hｔｔp:／/ｂaiｋe．ｂaｉdu．cｏm/view/7７１8．ｈtm”\t"_blanｋ”掃瞄器就能掃瞄。三、實(shí)驗(yàn)步驟網(wǎng)站前期籌備工作。網(wǎng)站功能設(shè)計(jì)。網(wǎng)站為在線音樂網(wǎng)站，主要功能有:用戶在線聽音樂,管理員后臺(tái)登錄，添加、管理歌手,添加、管理歌曲等功能。數(shù)據(jù)庫設(shè)計(jì)。由于網(wǎng)站功能較少，結(jié)構(gòu)較簡潔,數(shù)據(jù)庫設(shè)計(jì)也比較簡潔，簡略如下：數(shù)據(jù)庫名:ｍｕｓiｃ_db數(shù)據(jù)表設(shè)計(jì):adｍin(管理員表）:ｉdint主鍵自增namｅvaｒchar（10)登錄名pｗｄvarcｈａr（20)登錄密碼typeinｔ管理員權(quán)限soｎg（歌曲表)：idint主鍵自增naｍeｖarchａr（３0）歌曲名aｒｔistvaｒcｈａr(２0)藝術(shù)家(歌手）aｌbuｍvaｒcｈａr(3０)所屬專輯uｒlvａrchaｒ（５0）硬盤路徑ｇeｎｒevaｒchaｒ(10)流派dｕratioｎｖａrchar（１0）時(shí)長timesinｔ點(diǎn)播次數(shù)（熱度)ａｒtｉｓt（歌手表）：idinｔ主鍵自增nａmevaｒchar(２0)藝術(shù)家名(歌手名)tyｐｅvaｒchaｒ（5)性別areavarcｈaｒ（20）地區(qū)noteｖaｒchａr(10００）簡介soｎgｓint歌曲數(shù)量hｏｔint熱度名目結(jié)構(gòu)設(shè)計(jì)。在開發(fā)工具M(jìn)yEｃlipｓe中新建WebPｒoject工程ｍusｉc_plａｙｅｒ,并創(chuàng)建如下名目:各名目說明:／sｒｃ資源名目，包含編寫的各種Jaｖａ類，Sｅrvlet源文件/ＷebRoot網(wǎng)站根名目／ＷebRoｏt／ａdmin后臺(tái)管理界面的所屬名目/WｅbRooｔ/conn包含連接數(shù)據(jù)庫的代碼文件/ＷｅbＲoot／cｓscss樣式表文件名目/ＷebRｏｏｔ/ｉmageｓ網(wǎng)站排版所需圖片名目／WｅｂRoot／jｓjs代碼文件名目/WebＲoｏt／MＥＴＡ—ＩNF系統(tǒng)自動(dòng)生成的名目/WebＲｏot／mｕｓiｃ存放上傳的音樂文件名目／WｅbRｏot/WEB－ＩNＦ存放Web信息名目，包含所需類庫,配置文件網(wǎng)站代碼編寫。登錄界面。原理簡介:通過將lｏgin.jsｐ頁面表單的actiｏn設(shè)置為．/adｍin／index．jsp，將表單填寫的用戶密碼值傳遞給后臺(tái)頁面,后臺(tái)ｉｎdｅx。ｊsp頁面通過查詢數(shù)據(jù)庫，比對(duì)用戶是否存在以及密碼是否正確,如果正確，則進(jìn)入后臺(tái),并設(shè)置seｓsion保存登錄信息;否則返回登錄頁面，并通過url傳遞登錄出錯(cuò)信息并顯示.關(guān)鍵代碼:見附錄：代碼片段1。添加歌曲界面。原理簡介:后臺(tái)。/admin/aｄｄ＿ｓong.jｓp界面顯示添加歌曲表單.將表單屬性設(shè)置為enｃｔｙpe=”mulｔipart／foｒｍ—dａt(yī)a”使之能上傳二進(jìn)制文件，同時(shí)ａｃtion設(shè)置為ServlｅtＵｐloadSerｖlet.jａva,UpｌｏaｄSｅrｖｌet。jａｖa的主要功能為獵取上傳的表單域的值，將其轉(zhuǎn)碼為UＴF—8格式以及將二進(jìn)制歌曲文件存儲(chǔ)到磁盤,并將數(shù)據(jù)寫入到數(shù)據(jù)庫中。關(guān)鍵代碼：見附錄:代碼片段２。管理歌曲及歌手.原理簡介：通過查詢數(shù)據(jù)庫，將現(xiàn)有歌手及歌曲的信息以表格形式顯示出來,為每一個(gè)數(shù)據(jù)添加操作（刪除，修改)，通過點(diǎn)擊操作進(jìn)入相應(yīng)的操作頁面,然后進(jìn)行相應(yīng)的操作，并將操作結(jié)果存如數(shù)據(jù)庫,完成數(shù)據(jù)的修改。關(guān)鍵代碼：略.防止惡意登錄。為防止他人在未進(jìn)行登錄驗(yàn)證的情況下通過輸入恰當(dāng)?shù)膗rl登錄后臺(tái),在登錄后臺(tái)頁面時(shí)均會(huì)檢驗(yàn)其是否已登錄,即檢驗(yàn)是否已設(shè)置ｓｅssioｎ值，如已設(shè)置，才能登錄，否則會(huì)跳轉(zhuǎn)到登錄頁面。且sessｉｏn的設(shè)置只有在其登錄成功后才能設(shè)置生效。當(dāng)退出后,會(huì)立即清楚sessｉon值.關(guān)鍵代碼:略。前臺(tái)主頁面各功能規(guī)律.原理簡介：通過點(diǎn)擊導(dǎo)航條，主頁獲得查詢字符串中的值對(duì),獲得要顯示的內(nèi)容及定位.例如導(dǎo)航條中的排行榜，其鏈接為。/ｉｎｄｅx。ｊsp？ｃuｒrｅｎt=ranｋ,則為鏈接到主頁(即本頁面），并傳遞cｕrrｅnｔ=rank值對(duì)，主頁通過獲得值對(duì),知道要顯示的內(nèi)容為“排行榜”,于是進(jìn)行相應(yīng)的工作，如查詢數(shù)據(jù)庫，設(shè)置相應(yīng)的值，然后將數(shù)據(jù)顯示到頁面的相應(yīng)標(biāo)簽內(nèi)。關(guān)鍵代碼：見附錄:代碼片段３。前臺(tái)播放歌曲功能。原理簡介：播放歌曲功能主要通過加載WｉndｏwsMeｄiaPlayｅr控件來實(shí)現(xiàn)歌曲的播放.其主要內(nèi)容為<objｅcｔ〉標(biāo)簽,并通過〈parａm＞標(biāo)簽為其設(shè)置參數(shù)，加載控件。歌曲的播放,暫停，音量大小由jｓ代碼掌握控件實(shí)現(xiàn)。當(dāng)點(diǎn)擊歌曲后面的播放鏈接后,如。/iｎdex.jsp？cｕｒrenｔ=ｒａnk&plａｙ=1３，主頁通過play=13獲得要播放歌曲的ID，通過查詢數(shù)據(jù)庫獲得歌曲的磁盤路徑，并將路徑值設(shè)置給一個(gè)隱藏的標(biāo)簽,在頁面初始化后,jｓ代碼獲得路徑值，并傳遞給控件,然后點(diǎn)擊播放按鈕，則能通過js播放歌曲。關(guān)鍵代碼:見附錄：代碼片段4。四、實(shí)驗(yàn)結(jié)果代碼片段1(登錄驗(yàn)證）//推斷是否已登錄(即是否已設(shè)置ｓession值）//已登錄則獵取值，未登錄則返回登錄頁面iｆ（ｓessiｏn．gｅｔＡttｒibuｔｅ（"aｄmｉｎ＿nａme”)!=ｎuｌl）//ｓesｓiｏｎ已設(shè)置?admin_name=ｓession．ｇｅtAttｒibｕte(”ａdmiｎ_name").toＳtriｎg(）；ｅlseif（sesｓioｎ。geｔAttrｉbuｔe(”ａｄmｉn＿nａｍe”)＝=null＆＆reｑuｅｓt．ｇetＰａrameｔeｒ("ｎａmｅ＂）==null）／/seｓｓｉｏn未設(shè)置且不是從登錄頁面轉(zhuǎn)來此頁面 reｓpoｎse。sｅｎdRediｒｅct（＂.．/lｏgin．jsｐ？ｉｓlogin＝unｌoｇｉn"）；eｌｓe／／從登錄頁面轉(zhuǎn)來此頁面,獵取表單,檢驗(yàn)正確性｛?//獵取表單數(shù)據(jù)?if(ｒequest。gｅｔＰaraｍeter（＂naｍｅ＂)！=nｕll） name=reｑueｓｔ.getPａｒamｅｔｅr("nａmｅ”）。toＳtrinｇ（)； ｉf（reqｕeｓt．ｇｅtPaｒameｔｅr("ｐwd"）！=ｎull） ｐｗd＝reｑuest。gｅtParａmetｅr（"pwd”）．ｔｏＳtring（);?//轉(zhuǎn)碼??ｎａme＝newSｔriｎg(nａｍe。gｅtＢytes（"ISＯ-885９—1"）,”ＵTＦ—8”）；?ｐwｄ=newＳtrｉnｇ（ｐwｄ.ｇetByteｓ（”ISO—8８59-1＂)，＂ＵTF—8”）；?／/查詢數(shù)據(jù)庫?sql=＂ｓeleｃｔ＊frｏmadｍiｎwheｒeｎａme＝＇＂+name+＂’"；?ResuｌtＳｅｔｒs=stmｔ.exeｃuteQｕerｙ(sql）；?Sｔriｎｇqｕery＿ｐwｄ=”"；??iｆ（ｒs。ｎｅxｔ()） query＿ｐwd＝rs.geｔStrｉｎｇ("ｐｗd”);?//比對(duì)密碼?iｆ（query_ｐwｄ==＂"|｜!ｐwd．equａｌｓ(ｑuｅry_pwｄ)）/／用戶名或密碼不對(duì)，重新登錄 ｒesponse。ｓenｄRedireｃt（”。./logiｎ.jsp?ｉslogin＝wrong”）; elｓe／/登錄成功,設(shè)置sessｉon??ｓｅssion。setAｔtｒibutｅ(”aｄmｉn＿ｎame"，name);}代碼片段2（添加歌曲的SｅｒvlｅｔＵploadSeｒvｌｅt.jaｖa)impoｒｔorg．ａpａche．commｏns．fｉleuｐｌoad．FｉｌｅＩtem;impoｒtｏｒg。aｐache．ｃｏmmｏnｓ.fiｌeupｌoad．FileItemＦactｏrｙ；impｏrtorｇ。ａpａmｏns．ｆｉlｅｕpload。ＦｉleＵplｏadExcepｔion;importorg.ａpachｅ.coｍｍons．ｆileｕｐload.diｓｋ。ＤｉsｋFiｌｅＩｔｅmＦａcｔory;ｉｍpｏrtoｒｇ.apａmons．fileｕｐloａd.ｓｅrvｌet．SｅrｖleｔFｉleUplｏad；impｏrｔjａｖa。teｘt.SｉmpleＤatｅＦormaｔ;impoｒｔjava．util。Ｃalｅｎdar；iｍportjａｖａ。utｉｌ．Dａｔe；ｉｍporｔjａva.ｕｔｉｌ。Iｔeraｔｏr；ｉmpoｒｔjａｖa．util.Liｓｔ;ｉmporｔjａvａ。io.*；imｐoｒtｊａvａ。ｓql。＊;ｉｍpｏrｔｊavａx.ｓervlet。*；iｍpoｒｔjａvａｘ.ｓｅrｖlet。hｔtp。＊；pubｌicｃlａｓsＵpｌoadSｅrvｌeｔｅxtｅndsHtｔpＳervｌｅt{?ｐｕblｉcvｏiｄｓervｉｃe（ＨtｔpSerｖｌeｔRequestｒeｑuest，HttｐSｅｒvletResｐonｓeｒeｓpoｎse）tｈrowｓＳervletEｘｃeｐｔioｎ，ＩOExｃeptｉｏｎ?{ ?ｔry? { ??requｅｓｔ．ｓetCharacｔerEncｏdｉnｇ（”UTＦ－8")；? ?rｅspｏnse。ｓｅｔＣｏnｔenｔType(”tｅxt/html;cｈａｒseｔ=UTF—8＂)； ?ＰｒｉntWriterouｔ＝ｒesponsｅ。ｇｅtＷrｉｔｅｒ（)；??????ＦilｅIｔemＦaｃｔorｙfａctorｙ=nｅwDｉsｋＦileIｔeｍFａｃtorｙ()；?? ServletＦileＵｐｌoａduplｏａd=ｎｅwServｌeｔFileUｐloａd（factoｒy）；?? List〈FilｅIｔem＞ｉtems＝uｐloａd。ｐａｒsｅRｅquｅsｔ（rｅｑuesｔ)； ?ＩｎpｕｔStｒeａmis=ｎｕll； ? SｔrｉｎgｕｐlｏadPａt(yī)h＝"D:\\ｗorkｓpace\\mｕsｉc_ｐｌａyeｒ\\WeｂＲoｏｔ＼＼muｓｉｃ＼\”;/／存儲(chǔ)路徑?? Striｎgfilename＝＂”；? ??Ｓtringｒesｕlt="＂;／/結(jié)果字符串 ? ??boｏlｅansｕccｅｓｓ=fａlｓe；/／事務(wù)指示???booleansucceｓｓ１＝false；?? ｂoｏleansuccesｓ2=ｆalsｅ； ? ???Strinｇ［］vａluerow=newStｒing［4］；??????ｉｎti=０；? ?for（FｉｌｅＩteｍｉtｅｍ:ｉｔｅｍs)???{??? iｆ(iｔｅm。iｓFｏrｍFiｅlｄ（)） ???{??????????Striｎｇfｉeldname=iteｍ．ｇｅｔＦｉelｄＮamｅ（）；?? ? Stｒingvaｌｕe=item。ｇeｔSｔｒiｎg（"ＵTF－８”)； ????ｖaｌuｅrow[ｉ]＝ｖalｕe; ??? ｉ+＋;??? }? ? elseif(item.gｅｔＮaｍe()!＝ｎｕll&＆！item．getＮaｍe(）.ｅqualｓ（”")） ? ?｛ ????ｆｉlenamｅ=itｅｍ．getＮame（）．subｓtｒinｇ(iｔem.gｅｔName（）．laｓtIndexＯf（”\\＂)+１);?????ｉｓ＝iteｍ.getInｐｕtＳtrｅaｍ（);?? ?}????elseｉｆ(iteｍ．getNａｍｅ（)==ｎｕｌｌ＆＆itｅm。getName(）。eｑuａls（”＂)）?????oｕt．prｉｎtln("無文件"）； ??｝?? ??//以時(shí)間命名文件? ?iｎｔindex=filenamｅ.indｅxOf（＂.");?? Daｔeｄt＝ｎewDａt(yī)e()；???SiｍplｅＤａt(yī)eForｍａｔsdｆ＝newSimplｅDateFｏrｍaｔ（"yyyyMＭdｄHＨmｍｓｓSＳS"）;? ?filenamｅ=filename。ｓｕbstrｉng（０,iｎｄex）+sｄf.fｏrｍat（ｄt)+ｆiｌename．suｂstrｉｎg(index)；? fileｎamｅ=uｐloａdＰaｔh+fｉlenaｍe；????? /／連接數(shù)據(jù)庫，檢查歌手是否已存在，后再則開頭上傳? ? Clａsｓ.forNａmｅ（"ｃｏm。ｍｉｃｒｏsｏｆt.ｓqlserver．jdbc．SQLServerDriver”）．newIｎsｔance（）; ??Strinｇuｒｌ=”jdbc:sqlseｒver：／/lｏｃａｌｈｏst：1433;DaｔaｂaｓｅＮａｍｅ＝ｍｕｓic＿dｂ;chａｒacｔerＥncｏding=UTF8＂； ??Sｔringdb_useｒ＝＂sa＂;? ?Stｒiｎｇｄb_ｐｗｄ=＂sa”； ? Connectiｏｎcoｎn=ＤｒiveｒＭａnagｅr。ｇeｔConneｃｔioｎ(ｕｒl，db_ｕser，db＿ｐwd);???Statｅmentｓｔmt＝conn。ｃｒeａt(yī)eSｔａt(yī)ｅmeｎt（）;? ?Stｒinｇsqｌ＝"sｅｌｅct＊ｆｒomartiｓtwhｅｒenａme＝＇”＋ｖaluerｏｗ［1］＋"’＂;???ｂoｏleａnｉｓeｘiｔ=tｒｕe；???ResultSetｒs1=stmｔ。ｅxecuｔｅQuery（ｓql)； ??iｆ（ｒs1。nexｔ()）??? isｅxit＝tｒｕe;／/歌手已存在 ??else ???ｉsｅxit＝false；／／歌手不存在? ????ｉｆ（!ｉsｅｘiｔ) ??{????ouｔ.ｐrｉntln（＂歌手不存在,請(qǐng)先〈ahrｅf=\”．／ａdmiｎ/adｄ_ａｒtiｓｔ．jsp\＂＞添加〈/ａ〉”)； ?｝? elｓe?? ｛????ｓｑｌ＝”iｎｓeｒｔintosong（ｎame,artist，aｌｂuｍ，url，genｒe，times）ｖalｕes（’"＋ｖalｕｅｒow[0］＋”'，’"+vaｌuｅｒow［1]+"','＂＋valｕｅrow［2］＋"＇，＇＂+fｉlename+”＇,’"+valｕeroｗ[３]＋”'，0)"；????intｒs=stｍｔ.ｅxecuteUｐｄaｔe（ｓｑl）;? ? iｆ(rｓ=＝１) ????ｓuccｅｓs１=trｕe；????elｓｅ??? ?ｓuccｅss=falｓe；? ???? ?／/開頭上傳????ｉｆ(!fｉlｅnaｍe．equaｌｓ(＂”)）?? ?｛ ????FｉｌｅＯutputＳtreamfos=nｅwFileＯｕtputStreａｍ（fiｌename）;?? ??byte［］bｕffer=ｎewbｙｔｅ［81９２］;//每次讀８Ｋ字節(jié) ????intcounｔ=0； ??? whｉlｅ（(cｏuｎt=is。ｒeａd（buffer))〉0）??? ?｛? ???fos。ｗrite(buｆｆｅr，0，coｕnｔ)； ????｝? ?ｆoｓ.cloｓe（）;???? iｓ．cloｓe(）；??? ?sｕccess2=tｒue; ?? ｝?? ｝??????sｕｃｃess＝ｓuccesｓ1＆＆succeｓs2;//事務(wù)成功??? ?ｉf（ｓuccesｓ）???result＝”添加成功！<ａhref=\”．/ａdｍin/ａdd_song．jsp\＂>返回＜/ａ〉＂；??else??{? rｅｓulｔ="添加失敗,";? ?if（sucｃｅsｓ1＝＝ｆalse) ?? ｒesult+=”數(shù)據(jù)庫錯(cuò)誤，”;? ?iｆ(suｃcesｓ2＝=fａｌｓｅ)????resuｌｔ+=＂上傳錯(cuò)誤，”;???reｓuｌｔ+＝＂＜ahreｆ=＼"．／aｄmｉｎ/aｄd_ｓoｎｇ.jsp\＂＞重新添加</a〉<br/＞”；? ｝? if(suｃcesｓ)???out．ｐriｎｔlｎ（reｓｕlｔ）； ｝??ｃａt(yī)ｃh（Excｅptione）??｛ ??Sｙsteｍ．err.ｐrinｔｌｎ(e。getMesｓaｇｅ（）);? ｝?｝}代碼片段3(前臺(tái)頁面規(guī)律)Stｒｉnｇcurreｎt="”； if(ｒequest.ｇｅｔＰarａmeteｒ("currenｔ＂)！=ｎull）??currｅnt＝requeｓt.ｇetＰarａmeter("ｃuｒrｅnｔ＂）．toSｔrｉng（）；＜%?if（cuｒｒｅnt．eqｕals（”ｒank”）)／//／///／／////／／／///排行榜?｛％〉<divclasｓ＝”rａｎｋ＿leｆt”>?<ｄiv＞＜ｈ３〉ｔoｐ1０歌手</h３〉〈/dｉv>?<ｄiv>＜taｂlｅ> ?＜tｒ〉???＜td＞歌手＜／tｄ＞? ?＜ｔd〉歌曲數(shù)</tｄ〉? ?〈td＞熱度</td〉??〈/tr>〈% ?ｓqｌ="selecｔtop１0＊ｆrｏｍaｒtistｏｒderbyhｏtDＥSC"；??rs=ｓtｍt。eｘecｕteＱｕerｙ（sql)；??wｈilｅ(ｒs．next（)） ｛ ??intarｔisｔid=ｒs。ｇeｔInt（”iｄ")；???Ｓtｒｉnｇnamｅ＝ｒs．getＳｔrｉnｇ（＂nａmｅ");? ?iｎｔsongs=rs．ｇeｔIｎｔ("songs”）； ??ｉｎtｈot=ｒs.ｇｅtIｎt（”hｏt”）;%>?＜tｒ> ?<ｔｄ><%=nａme％＞＜/td〉??〈ｔd＞〈ahrｅf=”．/ｉｎdex。jsｐ？cｕrreｎｔ=ｓong&artisｔid=＜%＝ａrtistｉｄ%〉”〉〈％＝sｏｎgｓ％〉</a〉＜／td>? <td＞〈%=ｈot%>〈／td>?＜／tｒ><%??}％〉〈／tabｌｅ〉〈/ｄiv></ｄiv〉<diｖclass=＂ｒank＿ｒiｇht”＞ ＜div><ｈ3＞top10歌曲〈/ｈ３〉＜/div＞ <ｄiv>＜ｔａbｌe〉 <tr〉?? <tｄ〉歌名〈／tｄ>???＜td>歌手〈/ｔd〉???〈td〉播放次數(shù)＜/td〉? ?〈td〉播放＜/tｄ＞??＜/tr>〈％??sｑl=”sｅlｅcｔtｏp10*fｒoｍsｏnｇordeｒｂｙtｉｍesＤＥＳＣ”；??ｒs=sｔｍｔ。ｅｘecutｅＱｕｅrｙ（sql）;? whｉle(rs．ｎｅxｔ(）) ?｛???iｎｔsongid=rｓ。gｅtInt(＂ｉd”)；???Ｓtrｉngｎaｍe＝ｒｓ．ｇｅｔStｒing（"naｍe”）；???Sｔringartｉst=ｒｓ.gｅtSｔrｉng（”aｒtist”）；???inｔｔimｅs=ｒｓ.geｔInｔ（”tiｍeｓ＂）；％〉?＜ｔr〉 ?〈ｔd><％＝ｎame％>〈/td〉 ?＜td＞〈％＝ａｒtiｓｔ％>＜/tｄ>? ＜ｔｄ＞〈％=tiｍｅs％〉＜／tｄ〉 ?<ｔd><ahｒef="．/inｄex。ｊsｐ？current=ｒａnｋ&pｌａy=〈％＝songiｄ%>＂＞播放〈／a＞〈/td>?＜/tr>〈%??｝％＞＜／tablｅ></diｖ＞<／ｄiv><%代碼片段4(控件掌握ｃｏntｒｏl.ｊs)ｖarｓtａt(yī)ｅ;vaｒvarｂ;vaｒｖarｆｕlｌscrｅe(cuò)n=0；ｆuｎctionloｏｐ（）{WｉndｏwｓＭediaPlaｙer。pｌayCount＝2；}fｕnｃtionｏpenｆile(）｛?if(uｒl.vaｌuｅ==＂＂）ｒetuｒn;?WindoｗsＭediａＰl(wèi)ayer。ＵＲL=url。vａlue;｝functionplａyｅrｉnit(）｛ＷinｄoｗsＭedｉaPlaｙｅr.ｕrｌ＝＂＂;//定義你自己的文件ＷindowｓMｅｄiａPｌａyer．ｓｅtｔinｇｓ。ａutｏＳtａrt＝faｌse；｝fｕｎctiｏnpｌａy（）{if(ＷindowsＭedｉaPlaｙｅr．ｃoｎtrols。ｉｓavailable('plａy'））{WｉndｏｗsMediaＰl(wèi)ａyeｒ．cｏntｒｏls．play(）；ｓtate＝setInｔerval(”updatｅtiｍe（)＂，1０00）;ｐｌaｙeｒinfo。iｎneｒＨTMＬ=”播放＂varfｕllｓｃｒｅe(cuò)ｎ=1；pｌayeｒinfo2。innerHTＭL=’音量:’＋WｉｎdｏｗｓＭeｄｉaPlayer.seｔtiｎｇs．voluｍe；｝}ｆunｃtionｖoｌdown（)｛if(ＷindoｗsMedｉaＰl(wèi)ayer.sｅttｉnｇs．voｌumｅ〈5）{ＷindoｗｓMeｄiaPlａyer．ｓeｔtｉｎgs．volｕme=０；pｌayeｒinfｏ2．iｎnｅrHTMＬ＝"音量：0"；ｐｌayｅｒinfo1.inｎerＨＴML=’緘默中’；}eｌse｛ WinｄoｗsＭｅｄiａＰｌayer.ｓettingｓ。ｖolｕmｅ-=5； plaｙerinfo２。inｎeｒHTML=’音量:’＋WindowｓMｅdiaPlayｅr．sｅttｉngｓ.voｌｕｍｅ;?playｅriｎｆo１。inneｒＨＴＭL='非靜音＇；?}}funcｔｉonｖolup（）｛ if(WｉｎdowｓＭeｄiaPlaｙer。setｔiｎgｓ．vｏlｕme〉９5） {??WｉｎdｏｗsMedｉaPlaｙeｒ。settiｎｇs．volumｅ=1０0;??ｐｌaｙeｒinfo2.ｉnnerHTML="音量：1０0＂;??ｐlayｅrｉnfo１．ｉnneｒHＴML＝’最大音'； ｝?eｌse {??WindowsMedｉaPlａｙeｒ．settｉｎｇs.volume＋=5;??playerｉnfｏ2.ｉnnerHTML=＇音量：＇＋WindｏwsMｅdｉａＰl(wèi)ayｅr.ｓeｔｔｉnｇs．vｏlｕme；playerinfｏ１。inｎ