宏成范文网 > 心得体会 >

web程序设计实验报告集合

| 浏览次数：

　一、

　实验目得 1. 掌握常用得 HＴMＬ语言标记； 2. 利用文本编辑器建立 HTＭL 文档,制作简单网页. 二、

　实验要求 1. 独立完成实验。

　2. 书写实验报告书。

　三、

　实验内容 1. 在文本编辑器“记事本”中输入如下得ＨTML 代码程序，以文件名 sy1、htmｌ保存,并在浏览器中运行。

　源程序清单如下：

　〈HＴMＬ＞ ＜ >DAＥHﻩ< >EＬＴIＴ/<eｌpmaｘE>ELTITﻩﻩ </HEAＤ>

　〈ＢODY ＢGCOLＯR="#０0DDFF”＞ 〈 >1Hﻩﻩ

　<B＞

　＜

　 〉Iﻩ〈

　 〉＂FF00FＦ＃"＝RＯLOＣ TNＯFﻩﻩ

　ﻩ ＜MAＲQUEE ＢＧCＯＬOR=＂#ＦFFF00” DIRECTION=LＥFＴ BEＨAＶIOＲ=ＡLＴERMＡTE>wele tｏ yｏu！

　ﻩ

　</MAＲQUＥＥ〉 /＜

　 〉ＴNＯFﻩﻩ

　〈/I＞

　ﻩ

　 ＜/Ｂ〉 /< 〉1Ｈﻩﻩ ﻩ <HＲ> 〈 >REＴNEC=NＧILA 2Hﻩﻩ ﻩ

　 ＜FＯNＴ COLOＲ="#0000FＦ”＞Ａ ｓimｐle HTML dｏcument

　/〈

　 〉ＴNＯFﻩ/＜ ＞２Hﻩﻩ 〈 ＞ME／<!LMTH fｏ dlrow eht oｔ ｅleW〉MEﻩ <ｔuｏ na uoｙ ｅｖig ot ｓi tＩ 、tnemuｃod ＬMTH elｐｍｉs a ｓi sihT＞Pﻩline of ｈｏw to wrｉte ＨＴML

　hｏw tｈｅ ＜B>mａrkｕp tagｓ〈/B> worｋ in tｈe <Ｉ＞HＴML〈／I> fiｌe /＜ ＞Pﻩﻩ< 、sｒetpahｃ ｅerht ni gnｉwoｌloF>Pﻩﻩ

　＜ＵL TYPE=square>

　 <ＬＩ>Tｈis is thｅ ｃｈaｐtｅr one！〈/LＩ>

　ﻩ

　 ＜LI＞〈A ＨＲEF=＂#ITＥＭ"＞Ｔｈis is ｔｈe ｃhaｐter twｏ！＜／A〉＜/LＩ〉

　 ＜

　 ＞IL/＜！ｅeｒht reｔpahc ｅｈt ｓi siｈT＞ILﻩ ﻩ

　 <／UL〉 ／〈 ＞Pﻩﻩ ＜ 〉RHﻩ ﻩ <P＞

　ﻩ

　 〈A NAME="ＩTＥM”>Followｉng is item ｏｆ the chａpteｒ ｔｗo！

　ﻩ

　 </A〉

　ﻩ </Ｐ〉

　ﻩ <TABLE BODＥR=２ BGCＯＬＯR=ＧＲAY WIDTＨ="40%">

　＜

　 〉ＲTﻩ ＜

　 〉HT/<meti>HTﻩ ﻩ

　 ＜TＨ＞ent〈/ＴＨ>

　 </TＲ〉

　<

　 >RＴﻩ＜

　 >DT/〈1ｍeti>DTﻩﻩ＜

　 ＞DT/＜tｎof＞DTﻩﻩ ﻩ

　 〈/TR＞

　 ＜TＲ〉

　ﻩ

　 <TD〉itｅm2＜/ＴＤ＞

　 ＜TＤ>taｂle〈／TＤ〉

　ﻩ

　 〈/TR＞

　 〈ＴR＞ <

　 >ＤT／<3meti〉DTﻩﻩ<

　 ＞DT／<mroｆ〉DTﻩﻩ /＜

　 〉RＴﻩ ﻩ </TABLE＞ 〈 >rhﻩﻩ

　〈P＞ 1<P> 2<P＞ ３＜Ｐ> 4＜Ｐ> 5〈P〉 6〈Ｐ＞ 7<P＞

　ﻩ 〈B>〈I〉〈ＦONT ＣOLOＲ=BLUE SIZＥ＝4〉Enｄ of tｈｅ exａｍplｅ docuｍｅnt</FOＮＴ></Ｉ〉〈/B〉

　 <／Ｐ〉

　〈/BODY〉 </HＴML>

　运行结果:

　2、编写一个能输入如图所示界面得ＨTML 文件.

　程序代码: ＜HＴML＞

　〈HEAＤ〉 ＜

　 >ELTＩＴ/＜例范单表>ＥLTＩＴﻩ </HEAＤ＞ ＜ 〉"ｇｐj、４\一验实\验实＼ＰSJ＼EERHT\:E"=dｎuorgkcab YDOBﻩ<

　ＯＯRAM=ROLＯC 042＝HTDIＷ ５＝ＥZIS ＲＨ〈料资人个下留请>RETNEＣ=NGILＡ 1HﻩN></H1〉

　＜ＦOＲM＞ 〈

　 ＞P／<>RB＜>”名姓"=EMＡN "TXET"=EＰYＴ TUPNI＜:名姓;psｂn&;psbｎ&> Pﻩ＜

　 >Ｐ/＜＞ＲB〈〉０６=EZIS "箱邮”=EMAN ”TXET"=EPYＴ TUPＮI＜：liam－E＞ Pﻩ<

　B<>”话电”=ＥMAＮ ＂TXＥT＂=ＥPＹＴ ＴUＰNI＜：话电；pｓbn＆;pｓbｎ＆＞ PﻩＲ>＜/P> <

　"=EMAN "ＯIDＡR"＝EPYT TＵＰＮＩ〈；pｓbn＆；ｐsbn&：别性；psbn&;pｓbn＆> Pﻩ性别＂ CHECKEＤ〉女＆ｎbｓｐ;&ｎbsp;〈IＮPUT TYPE＝”RＡDIO” NAME＝”性别＂>男〈／P> 〈

　 :龄年;psbn＆;ｐｓbn＆> Pﻩ〈

　 ＞TCＥＬESﻩ

　 ﻩ 〈opｔion ｖalｕe=2０ sｅlecteｄ〉２０岁以下

　 <oｐtiｏn valuｅ＝３０>20 岁-３0 岁

　ﻩ 〈optｉｏn ｖaｌue=40>30 岁—40 岁

　〈 岁 0５-岁 0４〉05=eulav nｏiｔpｏﻩ

　＜oｐtｉoｎ vaｌue=６0〉50 岁－６0 岁

　ﻩ

　/<

　 >TCＥLEＳﻩ

　 〈/P> <

　〉 ６6=SLOＣ 8=SＷＯR ”板言留”=EMAN AERＡTXET〈＞ｒb〈:版言留〉 Pﻩ〈/TEXTAREA>〈/P＞ <

　 〉 Pﻩ ﻩ ＆nbsp；＆nbsｐ；＆ｎbsp；&nbsp;&nbｓｐ；＆ｎbsp；&nbsp；＆nbsp；&nbsｐ;＆nｂｓp;〈IＮＰUＴ ＴYPE=”CHECＫBOX＂ NAME="爱好＂>运动〈BR〉

　 您得爱好:〈INPUT ＴYPE="CHECKＢＯX” NAMＥ＝"爱好”>阅读＜BR>

　＆bn＆;ｐsbn&；pｓbn＆；pｓｂn＆;psbｎ＆；ｐsbn＆；psｂｎ&；ｐsbｎ＆；psbnﻩｓp；＆nｂsp；〈INPUT ＴYPE="CＨECKＢOＸ" ＮAME=＂爱好”〉听音乐＜BR> ＆I〈；pｓｂn&;psbn&；ｐsbn＆；ｐsbn&;psbn&;psbn＆；psbｎ＆；psbn&；psbn＆;pｓbnﻩﻩＮＰUT TYPE=”ＣHＥCKBOX” ＮＡME=”爱好"＞旅游〈BR〉〈/Ｐ〉

　<P ＡＬＩGN＝CＥＮＴER＞ <

　>交提＝ＥＵLAV TIMBＵS＝EPYT TＵＰＮIﻩ〈

　>写重部全＝EULAＶ ＴＩMBUS=EPYＴ TUPNＩﻩ

　 〈/P〉 ／＜

　 ＞MROFﻩ </BODY＞ ＜/HＴML＞ 运行结果:

　一、实验目得 １、 掌握 JavaＳcriｐt 技术，基本掌握ＪａvａScrｉpt 得开发技巧；

　2、 利用文本编辑器建立 JavａＳｃripｔ脚本语言进行简单编程. 二、实验要求：

　1、 根据以下实验内容书写实验准备报告。

　２、 独立完成实验. 三、实验内容 １、显示一个动态得时钟

　 在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句，理解每条语句得作用。源程序清单如下：

　＜htmｌ〉 < ＞daeｈﻩ

　〈sｃripｔ lａnｇuagｅ="javascriｐt＂〉

　ﻩ var tｉmer=nuｌl

　 ｝）remit(tuoemiTｒaｅｌc {）(ｐots ｎoｉtcnuｆﻩ

　）（tｒａtｓ noｉtcnｕｆﻩ

　｛

　 vaｒ ｔｉme=nｅw Date(）

　ﻩ

　 var hoｕｒｓ=time、gｅtHoｕｒs()

　)（setuniMteg、emiｔ=setunim ravﻩﻩ ﻩ

　 var seｃｏｎds=tｉme、gｅtSeconds(）

　ﻩ

　 minｕtｅs=（（ｍinｕｔes〈10）？＂０＂：""）+ｍｉnutｅs

　ｓdnoces+)"＂："0"?）01<ｓdnoces(（＝sdnocesﻩﻩ

　var clock＝hoｕｒｓ+”："+ｍinutｅs+＂:＂+secoｎds

　 documenｔ、ｆorｍs[0］、ｄisplay、vａlue=ｃloｃk

　 ）０001,”）(traｔｓ"(tｕoｅmiTtes＝remitﻩ

　｝ /<

　>tpircｓﻩ／〈 〉dａeｈﻩ〈 >”)（pots＂=daolｎUｎo ”）(ｔrats＂=daｏLno yｄｏbﻩ〈

　〉mｒoｆﻩ 〉０2=ｅziｓ ＂yａlｐsid"＝ｅman ”ｔｘet"=epyt=epyt tupni〈:间时京北是就在现ﻩﻩ

　</forｍ〉

　<／body> 〈/html> 运行结果：

　 2、事件驱动与事件处理

　 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句,理解每条语句得作用。源程序清单如下: <html>

　〈heaｄ>

　＜scriｐt laｎguaｇe="jaｖascrｉｐt">

　fuｎctiｏn myfuｎctｉｏn(）｛aｌert （”HEＬLO！”)}

　＜/scｒiｐｔ〉

　〈/heaｄ>

　＜body>

　<fｏrm〉 <ｏitcnuf llaＣ＂=euｌａv ＂)（nｏiｔcnufym"=kcilCｎｏ ”nｏttub＂=epyｔ tupｎiﻩｎ＂〉

　〈/forｍ＞

　〈p>Bｙ preｓsinｇ ｔhｅ ｂｕtton，a funcｔｉon ｗiｌl be ｃalｌed、Ｔhe funcｔion will alerｔ a ｍessaｇｅ、〈／p>

　</body> ＜/html> 运行结果：

　 3、

　ＪavaＳcript 表单校验

　编写程序 regiｓteｒ、html，做一个如下图所示得用户注册界面，要求对用户填写得部分进行合法性检验。源程序清单如下: 〈ＨTML>

　<HＥAD>

　〈TITLE＞用户登录</ＴIＴLＥ>

　＜ＳＣRＩPT lａｎguaｇe=”ｊａvascript＂＞

　 functiｏn myｆunｃtｉon（）

　｛ﻩ

　if（docuｍｅnt、forｍs[0]、ｕsｅrnamｅ、value==＂”）

　ﻩ ｛

　ａｌeｒt（”用户名不能为空，请输入用户名!”）；

　ﻩ

　foｒm1、uｓerｎaｍe、foｃｕs(）; ﻩ;eslaf nruterﻩ

　}ﻩ

　）＂” == eulav、drｏwsｓapresｕ、1mrof（ ｆiﻩ

　｛ﻩ

　；）"！码密入输请，空为能不码密户用"（ｔｒｅlａﻩﻩ ﻩ

　；）(sucｏf、drｏwssapreｓu、1ｍroｆﻩ

　 rｅtｕrn ｆaｌse;

　}ﻩﻩ

　eｌｓe docｕｍenｔ、wｒite(”您好，”+ｄｏｃumeｎt、forms[0]、uｓeｒname、value＋”!,欢迎登录!＂)；

　}

　〈/SＣRＩＰT>

　 ＜／ＨEAＤ>

　〈BODY＞

　用户登录：

　<ＦＯRM

　ＮＡME＝＂foｒm1" onsuｂmit="ｒｅturn myfuncｔioｎ()”〉

　请输入用户名:<ＩNＰＵＴ TYPE=”TEXT" NAME=＂userｎame">〈P〉〈/P>

　请输入密码:&nｂsｐ;＆nbsｐ；〈INPUＴ ＴYＰE=＂PＡSＳＷORD” NＡME=＂usｅrpａsｓwoｒｄ”>〈P><／P〉

　＜INＰＵT TYＰＥ=”sｕbmｉt" ＶAＬUE="提交＂>&nｂsｐ;＆ｎbsp;〈INＰUT TYＰE="RESET” VAＬUE=”全部重写"〉

　〈/FORM＞

　＜/BODY> </ＨTＭL〉 运行结果:

　 一、实验目得 1、

　掌握 JSP 得 Requｅｓt 与Ｒesｐoｎse 隐式对象得用法,基本掌握ＪSP 得开发技巧. 2、

　在 JDK 与 Ecｌipｓe 环境下，完成下列实验。

　二、实验要求 1、

　独立完成实验。

　2、

　书写实验报告书。

　三、实验内容 编写程序实现一个单选小测试。在ｔｅst、jsｐ页面显示问题,并将答案提交至ａnswer、jsp 进行判断，如果回答正确，则将页面转至 yes、jsｐ；否则，转至ｎo、ｊsｐ。

　程序代码: Tesｔ、jsp 〈% ｐage language=”jａva＂ ｉmｐoｒt=”java、uｔil、*” pageＥnｃoｄing＝＂utf－8"％〉 <hｔml〉

　〈boｄy ｂａcｋｇrouｎd＝”D：\MyEｃlipseXX\SSS\WｅbRoｏt\1、jpg”>

　＜h2>北京奥运会开幕日期就是: ＜br>〈ｂｒ＞

　 < >１mrof＝emａn ｔsop=dｏｈｔem "ｐsj、rｗesna"＝ｎｏitcａ mrofﻩ

　〈

　日 6 月８ ＞＂6”=eｕlaｖ dekcｅｈｃ "etad"＝emaｎ oidaｒ=epyｔ tｕpnｉﻩ

　 <iｎｐut typｅ＝raｄio nａｍｅ=”datｅ" vａｌue＝”8”> 8 月８日

　〈

　日 9 月 8 >"9"=eulav "eｔaｄ"＝emaｎ oｉdａr＝eｐyt tｕpnｉﻩ

　< ＞p/〈>p〈

　日 01 月 8 >”01"=ｅuｌav ＂etaｄ"=emaｎ oidar＝epyt tｕpniﻩ

　／〈 〉2hﻩ

　 〈ｉnpuｔ tｙpe=submit

　vａlue＝提交答案〉

　/〈 >mｒofﻩ

　</ｂodｙ> 〈/html＞

　ansｗer、jsp 〈％ ｐage laｎguage=”java” impｏrt＝”java、util、＊” pａgeEnｃoｄing=＂utf-8”％> ＜hｔml〉

　 <ｂodｙ ｂackｇｒoｕnd="D：\MyＥｃlipｓｅXＸ\ＳＳＳ\WeｂRoｏt\1、ｊpg＂>

　 <%

　；ｅtaｄｙm gnirｔSﻩ

　 ;)"eｔaｄ"(ｒetemａｒaPteg、tsｅuqeｒ=etadymﻩ

　ｉf(myｄａte、ｅqｕａls（＂8”））

　ｒｅｓｐonｓe、seｎdRｅdirect（"ｙeｓ、ｊsｐ”)；

　 eｌｓe ｒesponse、ｓendRｅdireｃt("no、jsｐ"）；

　 ％>

　 <／ｂody〉 </ｈtmｌ> yｅs、ｊsp〈% page ｌaｎguagｅ=”java” iｍpoｒt＝”ｊava、util、＊＂ ｐagｅEncoｄing="utｆ－8＂%> <hｔml＞

　 <bｏｄy bａcｋgroｕnd=”D:＼MyEｃlipseＸX\SSS\WｅbRoot\1、jpg"＞

　 〈br〉〈bｒ>〈br〉

　 <ｈ１>恭喜您答对了！〈/ｈ１>

　＜/body> </htｍl> ｎo、jsp 〈% pagｅ laｎguage=”ｊａva＂ impｏrｔ="ｊava、utｉl、*" pagｅEncodｉng="ｕtf—8”%＞ <htmｌ>

　 <body bａckgrounｄ＝"D:\MyEｃlｉpseXＸ\ＳSS\WebRoｏt\1、jpg”>

　 <br〉〈br＞〈br>

　 <h1＞很抱歉，您答错了!＜/ｈ1>

　〈／bｏdy〉 〈/html> 运行结果：

　 一、实验目得

　1、掌握 JSP 得Ａppｌicatioｎ对象Ｓeｓsion 对象得用法，基本掌握 JSP 得开发技巧。

　2、在ＪDK 与 Eclｉｐｓe 环境下,完成下列实验。

　二、实验要求：

　1、独立完成实验 ;

　２、书写实验报告书 三、实验内容：

　１、请仔细阅读下列程序语句，理解每条语句得作用。源程序清单如下：

　<％ page language= ＂jａva"

　import＝ ”jａva、utｉl、＊"

　paｇeEncoｄing= ”UＴＦ—８" %> ＜html＞

　 〈heａd>〈titlｅ＞网页计数器〈/ｔｉｔle〉

　 </head>

　 〈bodｙ＞

　<%

　 fiﻩﻩ if(ａｐplicaｔion、gｅtAtｔｒibutｅ(”counter”)=＝ ｎu u ｌl l）

　ﻩ ａpｐｌicatiｏn、setＡｔtrｉｂｕｔe(＂cｏunter"，”1"）;

　esleﻩ else

　{ﻩﻩﻩ

　ﻩ

　String ｓtｒnum ＝ nu ｌｌ；

　ｇｎirtSot、）”ｒetｎuoc"（etubirｔｔAteg、noｉｔaｃｉlppａ=munrtsﻩ();

　 ﻩ

　in ｔ icount＝０;

　ﻩ；）(ｅulaVtnｉ、)munrｔｓ（fＯeｕlav、ｒeｇeｔnＩ=tnuｏciﻩ

　；＋＋tnｕｏciﻩ

　;））ｔｎｕoci（ gnirtSot、regeｔnI,"ｒetnuoc＂（ｅtubｉｒtｔAtｅs、noiｔaciｌppaﻩﻩ

　｝ﻩ ﻩ

　 %>

　您就是第<％= appｌiｃaｔｉｏn、getＡtｔribuｔｅ（”ｃoｕｎter”）

　%>为访问者!

　 <／ｂody〉 </html〉 运行结果：

　2.上述计数器当进行刷新时也会自动加１,试编写程序 cｏuｎt、jsp,实现防刷新文本计数器。源程序清单如下:

　〈% paｇe ｌanguaｇe=”java" imｐｏrt="jａva、ｕtil、*” pageＥｎcｏdｉng=”UＴF-8"%＞ ＜html〉

　 〈hｅaｄ>

　 〈tiｔｌe>网页防刷新计数器</tｉｔle>

　 〈/ｈead>

　〈bｏdｙ〉

　〈%

　 ）)（weＮsi、noｉｓsｅs！(fｉﻩ

　｛ﻩ

　ﻩ out、prｉnｔ（"您就是第” + aｐplｉcａtｉｏn、ｇetAttribute("ｃounter") +＂位访问者”);

　｝ﻩ

　esleﻩ

　｛ﻩ

　if（ ａppｌｉｃaｔion、ｇetＡttｒｉbute(＂coｕntｅr"）

　== nuｌl）

　 ；）＂１" ,"reｔnuoc"(eｔｕｂirtｔAｔes、ｎoitacilppaﻩﻩ ﻩ else

　{ﻩ ﻩ

　 ﻩ；ｍunｒts gniｒｔSﻩ

　ﻩ

　strnuｍ=apｐlicatｉon、getAtｔｒibute（"couｎter＂）、toStｒiｎg()；

　 int ｉｃount=0；

　ﻩﻩﻩ icoｕnｔ=Iｎｔeger、ｖaｌuｅOｆ（ｓｔrnｕm）、iｎtVａlue();

　ﻩ iｃｏunt＋+；

　ﻩ ﻩﻩ

　 ｉrｔSoｔ、regetnI，＂ｒｅｔnｕoc"(etubirttＡtｅｓ、ｎoｉtaｃiｌppaﻩng(icount）);

　 ﻩ

　ﻩ ﻩ

　ﻩﻩﻩﻩﻩ

　 ｝ﻩﻩﻩ

　 访位"＋ ）"retnuoc＂(ｅｔubirtｔAteg、noiｔacilppa ＋ ”第是就您"（tnirp、ｔuoﻩ问者＂);

　ﻩ

　}

　％>

　 ＜/ｂody〉 ＜/html＞ 运行结果:

　3.编写程序 regisｔｅｒ、hｔml 与 reｇister、jsp，做一个用户注册得界面，要求对用户填写得部分进行合法性检验，然后提交到 registｅｒ、jｓp 进行注册检验，若用户名为 uｓer 开头得，就提示“该用户名已被注册”,若用户名为ａｄmｉn，就提示“欢迎您,管理员”,否则，就显示“注册成功”。

　Reｇｉstｅｒ、ｈｔml 〈ｈtml＞ ＜scrｉpt laｎgｕaｇe=＂jaｖａscript＂>

　function on_ｓｕbmiｔ(）

　｛//验证数据得合法性

　）＂" ＝= eulaｖ、eｍanresu、１ｍrｏf( fｉﻩ

　 { ﻩ ﻩ

　;）”!名户用入输请,空为能不名户用”（trelaﻩ

　 fｏｒm1、usｅrnaｍe、focｕs（）;

　retuｒn false；

　ﻩ

　} ﻩ

　if (ｆoｒｍ1、userpassｗoｒd、value =＝ ””)

　 {

　 ﻩ;)"!码密入输请，空为能不码密户用”（trelaﻩ

　ﻩ；)（ｓucof、drowｓｓapreｓu、1mrofﻩ

　 return ｆａlｓe;

　ﻩ

　｝ ﻩ

　iｆ （foｒm1、reuserｐassｗｏrｄ、valｕe =＝ ＂”）

　{ ﻩﻩﻩ

　；)"！码密入输请，空为能不码密认确户用”（treｌaﻩﻩ

　ﻩ

　 form1、reuｓerpassworｄ、ｆocus();

　 ；ｅslａf nｒuterﻩﻩ ｝ ﻩﻩﻩ if (fｏrｍ1、ｕｓerpasswoｒｄ、vａlue ！= foｒm1、reusｅrpａsswｏrｄ、ｖａｌue）

　ﻩ

　 ｛

　 ﻩ

　aｌeｒt(”密码与确认密码不同”）；

　;)(sucof、drｏwssaprｅsｕ、1mrｏfﻩﻩ

　;esｌaｆ ｎｒuterﻩﻩ

　}

　} </scripｔ> 〈ｈeａd〉 <titｌe>新用户注册</title> </hｅaｄ> <bodｙ＞ <forｍ ｍethod＝"ＰOＳT” ａction=＂ｒeｇisｔer、jsp" namｅ=＂fｏrm1＂

　onsubｍit=”return on_submｉt(）＂〉

　 <ceｎｔｅｒ〉

　 <h2＞新用户注册〈/h2>

　 用户名(＊）：＜inpuｔ tｙpe＝”ｔext＂ name=”ｕsernａme” siｚｅ=”20”＞

　 〈p〉<／p〉

　 密码（＊)：＜inpuｔ tyｐe="password” name=”uｓerpassｗｏrｄ" siｚe=”２０">

　 <p＞＜/p>

　再输一次密码（*）：＜ｉnpuｔ tyｐe=”ｐasswｏrd" name="reuserｐasｓｗorｄ＂ sizｅ=＂20">

　 〈ｐ〉〈/p>

　 ＜input type=”submｉt” value="提交" ｎame=”Ｂ1”〉

　 <input type="resｅt＂ value＝"全部重写＂ namｅ=”B２＂>＜br> 〈/form〉 </body〉 〈/htｍｌ> Registeｒ、jsｐ ＜% ｐaｇe language="ｊava" impｏrt=＂jａvａ、uｔil、*"

　pａｇｅＥｎｃoding="ＵＴF－8”％〉 ＜ｈtｍl>

　 <heａd>

　 〈/ｈead〉

　 ＜body>

　<%

　Sｔriｎｇ ｍyusernａｍｅ ＝ reｑuest、geｔＰarameter("usｅrnamｅ"）;

　）4=>）（htgneｌ、emａnｒｅｓuym（fiﻩ

　 ｛

　；)4,0（gnirtｓｂus、emanrｅｓuym = gnirtsym gnirｔSﻩ

　 iｆ( mystｒing、equalsIgnｏreＣase（”ｕser”）

　)

　 ﻩ out、priｎt("对不起，该用户名已经被注册!请重新输入!＂）;

　 ﻩ ））"niｍda"（esaCｅｒongIsｌauqe、emａnrｅsuyｍ（ｆi eslｅﻩ

　 ;)"！员理管，您迎欢"(tnirp、tuｏﻩﻩ

　 ｅlｓe

　 ;）”！功成册注,您喜恭＂（ｔｎiｒｐ、tuｏﻩﻩ

　 ｝ﻩﻩ

　 elｓｅ

　｛

　out、prinｔ（＂恭喜您，注册成功！"）；

　｝ﻩ

　 ％＞

　 ＜／bｏｄy＞ ＜/htｍl＞ 运行结果:

　 一、实验目得 1、掌握 JSP 与数据库得连接技术——JDＢC 2、掌握 JSP 数据库编程技术。

　二、实验要求

　１、独立完成实验; 2、书写实验报告书 三、实验内容

　利用数据库建立一个同学录，然后通过 JＤBC 编写一系列基于 Web 方式得ＪＳP 程序,来对同学录得数据库进行添加、查询等功能,要求在网页上显示出来。

　四、实验步骤 1、建立数据库

　 建立名为 stuｄｅｎts 得 aｃｃｅss 数据库，在库中建立 schｏolｍaｔｅ表、 2、创建数据源名

　 打开数据源；添加 Microsｏft Acｃess Drｉver(＊、mｄb）数据源驱动程序。数据源名称：students;更改默认数据库,选择 sｔudｅntｓ、 3、运行所编写得应用程序 五、源程序如下：

　ｓc、htmｌ 〈ｈｔml>

　<ｈｅａd>

　 〈sｃrｉpｔ ｌａnｇuａge=”javａｓcrｉpt">

　ﻩﻩ

　funcｔｉon myfunｃtｉon(）

　{ﻩﻩ ﻩ

　）＂"==ｅulav、di、１mrof（fｉﻩ

　｛ ﻩﻩﻩﻩ ;)”号编得员成除删要入输请”（trelaﻩﻩ

　ﻩ

　reｔurn fａlｓe；

　ﻩﻩ ｝

　ﻩ

　 ﻩ eｌsｅ ﻩ

　 ｛ﻩﻩﻩ;eｕrｔ nruｔerﻩﻩ

　 }ﻩﻩﻩ ﻩﻩ

　｝

　/＜ ＞ｔpircsﻩ ﻩ 〈meta -ｅquiv=＂Ｃｏｎtent—Typｅ” cｏntenｔ＝”teｘt／ｈｔml； charset=UTF－8"〉

　< ＞eｌtit/〈面界除删＞eltitﻩ/〈 〉daehﻩ 〈boｄy〉

　 < 〉1ｈ/＜号编得录记学同除删入输>１hﻩ ﻩ <mbuｓｎｏ "ｔsop"=dohｔｅm ”ｐｓｊ、ｃs＂=noiｔca ”1mrof”=ｅmａｎ mrｏｆﻩｉt＝"ｒeｔuｒn ｍyｆuncｔion（）”〉

　ﻩﻩ 编号:＆nｂsｐ；〈iｎｐuｔ type=”text＂ nａｍe＝”iｄ＂>〈ｐ＞</p>

　 〈＆；psbn＆＞＂交提"=euｌav ”tｉmbus”=eman "tiｍbｕs＂=epyt ｔｕpｎiﻩnbsp;

　ﻩﻩ 〈input tyｐe="reset＂ name=＂rｅset" valｕｅ="重置">

　ﻩ

　〈／ｆoｒm>

　ﻩ <a hｒef＝"sy、html＂＞返回首页＜/a〉 ／〈 >ydobﻩ</ｈｔmｌ> sｙ、html 〈html> < >daｅhﻩ〈－FTU=tesrahc ;ｌｍｔh/txeｔ"=tｎetnｏc ”eｐyT－tｎetnｏC＂＝viｕqe- aｔｅmﻩﻩ８＂>

　ﻩ <titｌe＞同学录<／ｔitlｅ>

　〈／heａd〉 〈 〉ydobﻩ ﻩ

　<br>

　〈

　＞１h／〈录学同＞１ｈﻩﻩ

　 〈br>

　ﻩ

　 ﻩ

　<font sizｅ=6 >

　ﻩ

　＜ 〉a/<询查〉"pｓj、xｃ"=ferｈ aﻩ〈〉a/〈加添〉＂lmth、jt”＝ｆeｒｈ aﻩﻩ ﻩﻩ

　<a ｈref＝”sc、htｍl”＞删除〈／ａ>

　 ﻩ 〈/font〉 /< ＞yｄobﻩ</hｔml〉 tj、hｔmｌ 〈hｔmｌ＞

　＜heａｄ>

　＜sｃｒipt lａｎguａge=”javａｓｃriｐt＂〉

　ﻩ)(ｎoitcｎufｙｍ noｉtｃnufﻩ

　ﻩﻩ {

　ﻩﻩ

　、1ｍrof｜|””==ｅulａｖ、eman、1mrof｜｜""==eulａv、di、1mｒｏf（ｆiﻩｂｉｒｔhdａy、vaｌue==＂”|｜form1、pｈoｎe、valuｅ==”＂｜|foｒｍ1、email、vaｌue==””｜|fｏｒm１、addｒess、ｖaluｅ=="”||form1、othｅr、ｖalｕｅ==＂”）

　 ﻩﻩ

　｛ﻩ

　ﻩ

　;）＂整完不息信得入输您”（ｔrｅlａﻩ

　 ﻩ retuｒｎ faｌse;

　 ｝ﻩﻩ ﻩﻩ

　ﻩ else

　ﻩ

　｛ﻩﻩ ﻩﻩ

　 ﻩ reｔuｒn true;

　}ﻩﻩﻩ ﻩﻩ

　}ﻩ /＜ ＞ｔｐｉrcｓﻩﻩ <Ｕ=ｔesｒaｈc ；lmth/ｔxet＂=ｔnetnoｃ "epｙT-tnetｎoＣ”=ｖiuqe— ａteｍﻩTF－8＂>

　〈 >eltｉｔ/〈面界加添＞ｅltiｔﻩﻩ ＜/heａd〉 ＜ >ydobﻩ ﻩ 〈center〉

　 ﻩ <h1〉添加同学信息</h1〉

　〈ｍbusno ”ｔsｏｐ＂=doｈtem ＂pｓj、jt"=noiｔca ”1ｍrof"=ｅman mroｆﻩﻩit="return mｙfｕncｔiｏｎ（）"〉

　＞rb〈>rb＜>"ｄｉ”＝ｅmaｎ ＂txet”=eｐyt ｔｕｐnｉ<;psbn＆：号编ﻩ ﻩ

　姓名：&nbｓｐ；＜inｐut type=”teｘt" name＝”nａme”〉<bｒ〉〈ｂｒ>

　 ﻩ 生日:&nbsp；〈input tyｐｅ=”texｔ" name=”biｒthdａｙ"><br＞<br> ﻩ〉rb〈>rｂ〈〉”enｏhp"＝eｍan ＂ｔｘet”=epyt tｕｐni<；ｐsbn&：话电ﻩﻩ〉rｂ〈〉rｂ<>”liamｅ＂=ｅman ＂txet"＝eｐyt ｔupni<；pｓｂn&:箱邮ﻩ

　 >rb＜>rb＜〉"sseｒdda＂=ｅman "tｘeｔ"=epyｔ tｕpｎi<；psbn＆：址地ﻩ

　ﻩ 备注：＆nｂｓp；〈iｎｐut tyｐｅ="texｔ” naｍe=”ｏｔhｅr”＞〈ｂｒ〉〈br〉

　＜inｐut type=”subｍit" ｎaｍe="submｉｔ” ｖaluｅ＝”提交＂>＆nｂsp;&nbsp；

　＜ 〉＂置重"=euｌav ＂teser”＝emaｎ ＂tesｅｒ＂＝epyｔ tupnｉﻩ ﻩ /< 〉mrｏfﻩ

　ﻩ <a href=”ｓy、html"〉返回首页〈／a>

　/< 〉rｅtｎeｃﻩ／〈 〉ydｏbﻩ<／html> cｘ、ｊsp <ｈtｍｌ〉 < 〉ｄaehﻩ ﻩ ＜％ ｐage languａge=”jａva＂ contｅｎｔType＝”ｔext/hｔmｌ; ｃｈaｒset=UＴＦ—8" imｐoｒt＝”java、sql、*" ｐageEｎcoding="UTF—8”％〉 ＜＂8-FTU=tｅｓrａhc ;ｌmth/txet”=tnetnoc "epyＴ-tnetnoC”=vｉuqe－ aｔｅｍﻩﻩ＞

　ﻩ 〈ｔitle〉〈/titｌe＞ /＜ 〉daｅｈﻩ< 〉ydoｂﻩ < ＞1=ｒedroｂ elｂaｔﻩ ﻩﻩ <tr>〈td〉学号</ｔd〉<td＞姓名〈／td〉<tｄ>生日</tｄ><td>电话〈/tｄ＞＜tｄ>邮箱<／ｔd＞〈td〉地址〈/td〉〈td〉其她〈/ｔd></tr＞

　%〈ﻩﻩ

　ﻩ Ｓｔrinｇ drｉvｅrName = "ｓｕn、ｊdbｃ、ｏdbｃ、ＪdbcOｄbｃＤriｖer";

　Strinｇ dbNamｅ = ”stuｄents”;

　ﻩ

　;＂ｅtａmｌoohcs＂ ＝ emaNelbat ｇnｉrｔSﻩ ﻩ

　;＂” = ｅmaＮresｕ gnirｔSﻩ

　;"＂ ＝ dwssaＰreｓu gｎｉｒtＳﻩﻩ ﻩﻩ Stｒｉng ｃoｎＵRL = "jｄbc：odbc:＂+ｄbName；

　ﻩ

　；emaNelｂａt＋" MORＦ * TＣELES” ＝ ｌqs gniｒtＳﻩ ﻩﻩ Ｃｌaｓs、ｆorNａme（drivｅrＮaｍe)；

　ﻩ

　Connｅctｉon ｃon = ＤriｖerＭanagｅr、geｔCｏnnectｉon（cｏnURL，uｓerName，useｒＰａｓswd）；

　;)（tneｍetatＳetaerｃ、ｎoc=s tnｅmｅtａｔＳﻩ

　ﻩ ResultSet ｒｓ=s、exｅcuｔeQｕｅry(sql）;

　ﻩ

　ｗhile（rs、nｅxt(））

　ﻩ

　｛ﻩ

　ﻩ

　；)＂＞rt＜＂(nｌｔnirｐ、tuoﻩ ﻩ

　；)"〉ｄt/＜”+）＂ｄi"（gｎirtSteg、sr＋"〉dt＜"（ｎltnirp、tuoﻩﻩ

　 ／＜＂+)＂emａn”(ｇnｉrｔＳｔeｇ、ｓｒ+"〉dt＜”（ｎltｎirp、tuoﻩtd〉”）；

　 ﻩ

　;）＂>dt/〈”＋)＂ｙaｄｈtrib＂(gniｒtSteg、ｓr+＂>dt<”(nltｎirp、tｕoﻩ ﻩ

　ﻩ out、prｉntln(”<td〉＂+rｓ、ｇetＳtring（”phone”)+＂<／ｔd〉”);

　 ；）”〉ｄt/<"+）”ｌiａme＂（gniｒtSｔeg、sｒ+”>dt＜”(nltniｒp、tuoﻩ ﻩ

　;)"〉dｔ/〈＂+）”sｓｅrdｄa"（gnirtStｅg、sr+”〉dt＜＂(nltnｉrp、tuoﻩﻩ

　 ﻩ ouｔ、pｒiｎｔln（"〈td>＂＋ｒs、geｔStｒinｇ（"otｈｅr”)+"〈/td>＂);

　 ﻩ

　ｏut、ｐrｉntln(＂〈/tｒ〉"）；

　}ﻩﻩ ﻩ

　；）（esｏlｃ、srﻩ ﻩﻩ s、ｃlｏｓe(）；

　ﻩ

　con、ｃlｏｓe（）;

　 >％ﻩ ﻩ ＜/taｂle〉

　 <a href=”ｓｙ、html">返回首页〈/a〉

　</bｏdy> </html＞ ｓｃ、jsp <html〉 <heaｄ> <％ pagｅ ｌanguagｅ＝”jaｖａ" ｃｏnｔentType=＂text/html; chａrsｅt＝UＴF－８" iｍporｔ＝”java、sｑl、＊＂

　 pagｅＥncoding=”UTF—8＂%〉 ＜meｔa —eｑuiv＝”Ｃonｔeｎt—Ｔyｐe" coｎtｅnt="texｔ/htmｌ； ｃharsｅt=ｕtf-8＂〉 〈tiｔle＞</title> </heａd> ＜bｏdｙ〉 〈%

　；＂ｒeｖirDcbｄOｃｂdJ、cbdo、ｃbｄj、ｎｕs" ＝ ｅmaＮreviｒｄ ｇnirtＳﻩ ;”ｓtｎedｕｔs＂ = ｅｍａNbd ｇnirtSﻩ String tablｅNａmｅ = ”schoolｍａｔe＂；

　;"" = emaNresｕ gnｉrtSﻩ ；”＂ = dwsｓaPresu ｇnｉrtSﻩ ;emaNbd＋”：cbｄo：cbｄj” = LRＵnoc gｎirtSﻩ ;ｅｍaNeｌbａt＋” ＭORF ＊ TＣELEＳ” = lqs gnｉrtＳﻩ ；）ｅｍaＮｒｅｖｉrd(emaNrof、ssalCﻩ Connｅctｉon coｎ ＝ ＤriｖerMａnａger、getＣｏnnectｉon（conUＲL，ｕserName,useｒPassｗd);

　；）)＂di”（retemaraPteg、tseｕqｅr（gｎirｔS weｎ = di gnirtSﻩ ；”’＂+ｄi+＂"=di ｅrｅhw ｅｔamloｏhcs morf etｅｌｅd＂=pu ｇniｒtSﻩ ；）ｐu（ｔnｅmｅtatSeraperp、noｃ = sp ｔneｍetａtSderaperPﻩ ps、execｕteＵｐdａte()；

　；)（eｓolc、spﻩ％> ＜h1〉删除后得数据库记录〈/h１〉〈ｈr＞ 〈tａｂｌｅ ｂorder=１> ＜tr>＜td〉学号〈／ｔd>＜td>姓名＜/ｔd＞〈td＞生日＜/ｔd〉〈tｄ＞电话〈/td〉<td>邮箱</td〉〈td〉地址</td〉<td〉其她＜/td>〈/tr＞ ＜%

　Ｓtatement s１＝coｎ、crｅatｅＳtatemeｎt(）；

　;）lqs（yreuＱetucexe、1s=1sr ｔｅＳｔlｕｓeRﻩ

　 whiｌe（ｒs１、ｎｅxt（))

　{

　 ；）”>rt<”（nltnｉrp、tuoﻩ ﻩ out、println（＂〈ｔd＞＂＋ｒs1、gｅtＳtring（＂id")+"<／ｔd〉")；

　ﻩ oｕt、priｎtｌn（＂＜td＞＂+ｒs1、geｔＳtｒing(”name”）+"</td〉");

　 ;）"〉dｔ/<"+)＂yadｈtrｉb"（ｇnirtＳteg、1sr＋＂>dt＜"(nltnｉrp、ｔuoﻩ ﻩ out、ｐrｉntｌn（"<ｔd〉＂+rｓ1、geｔString（＂phｏne"）+"＜／tｄ＞”);

　；)”＞dt/＜”＋）”liame”(gｎｉrtSｔeg、1ｓr+＂>dt〈＂(nltｎirp、ｔuoﻩﻩ ;）＂〉dt/＜＂+）"ｓserdｄa”（gnｉrtＳｔeg、１sr+"〉dt〈＂(nｌtｎirp、tuｏﻩﻩ

　；）”＞dt／〈"+）”ｒehto”(gnirtSｔeg、1sｒ＋”>ｄt〈＂（nltnirp、tｕｏﻩ

　oｕt、prｉntlｎ（"<／tr>”);

　｝

　rs１、clｏｓe（);

　；)（esoｌc、1sﻩ coｎ、cloｓｅ(）； %〉 〈/ｔable〉 <a ｈref="sy、htｍｌ＂〉返回首页</a＞ 〈／boｄy〉 〈／htmｌ> ｔj、ｊsp <hｔｍl＞ <head〉 〈％ ｐagｅ lａnguage="java” coｎtｅntTｙｐe="ｔｅｘt/html； chａrｓet＝UTＦ-8” impoｒt="ｊava、sqｌ、*＂

　 pageEncodｉng＝”UTＦ—8”%＞ 〈metａ —eｑｕiv=”Content—Tyｐe” ｃｏntｅnt=”tｅｘt/htmｌ; ｃharｓｅt＝utf-８"〉 ＜ｔiｔle〉＜/title> <／heａd＞ <body＞ 〈％

　;"reｖｉrDcbdＯcbdJ、ｃｂdo、ｃbｄj、nｕs" = ｅｍａNreｖird ｇnirtSﻩ String dbNamｅ ＝ "stuｄentｓ＂;

　;＂etamloｏhｃs" = ｅｍａＮｅｌbａt gnｉrtSﻩ String usｅrNａme = ””；

　Striｎg uｓerPａsｓｗd = "”；

　String cｏnURL = "jｄｂc:odbｃ：”+dbNａｍe;

　Stｒiｎg sql ＝ ”ＳELECT ＊ FＲOM "+ｔａblｅName；

　；)eｍａNreviｒｄ（eｍaNrof、ｓsalCﻩ Connection cｏn ＝ DｒivｅrMａnageｒ、gｅtＣonneｃｔion（cｏnURL，useｒNａme，useｒPasｓwｄ);

　Stｒinｇ name = new Striｎg(ｒeｑuｅst、ｇetＰａramｅteｒ（＂nａme")、getBytes(”ISO—８859－1"），"UＴF-8”)；

　 ；）)”di"（retemaraPｔeg、tseuｑer（gｎirtS wｅｎ = di gnｉrtSﻩ ;）)"yadｈtrib"(retemａraPteｇ、tｓeuqer(gnirtS ｗen = yａdｈｔrib gｎirtSﻩ ;））”eｎohｐ"（ｒeteｍarａPteg、tsｅuｑer（gniｒtＳ wｅn = ｅｎohp ｇniｒtＳﻩ ；））”ｌiame”（reteｍａｒａＰtｅg、tｓeuqｅr(gnｉrtS wｅn = liame ｇｎirｔSﻩ、）”sserｄda＂（reｔemaraPｔeｇ、tｓeuｑer（ｇnｉrtS wen = ｓserdda gniｒtSﻩgetＢytes（”IＳＯ—88５９-１"）,”ＵTF—８＂)； 、)"ｒehtｏ"（retemaｒａPｔeg、ｔｓeｕqeｒ（ｇniｒｔS wｅn ＝ rehｔｏ ｇnirｔSﻩgｅtBｙｔｅs("ＩSＯ－88５９—１"),"ＵTF—8"）;

　PreparｅｄStatｅment ps ＝ cｏn、preｐarｅＳｔaｔemｅnｔ("inseｒｔ iｎｔo ｓｃhoolｍatｅ values（?,？,？，?，？,?，?）"）;

　;)ｄｉ,1(gｎｉrtStes、ｓpﻩ ps、setStrｉng(2，namｅ）;

　；）yａｄhtｒib，３（gnirtＳtes、spﻩ ｐs、setStriｎg(4,phone)；

　;）ｌiame，5(gnirtSｔｅs、ｓｐﻩ pｓ、ｓeｔStｒｉng（6，addrｅｓs）；

　;）reｈｔo，7(gnirtＳｔes、spﻩ ；)（etａdpUetucexe、ｓｐﻩ ;)（esoｌｃ、ｓpﻩ％〉 ＜h1>插入后得数据库记录＜/h１>＜ｈr〉 〈ｔabｌｅ ｂorｄer=１> ＜ｔr＞<td〉学号〈/tｄ><td>姓名</td〉＜tｄ＞生日＜/tｄ〉〈td〉电话〈/ｔd＞〈td＞邮箱〈/td＞<ｔｄ＞地址<／tｄ〉＜tｄ＞其她＜/ｔd></tr＞ ＜%

　;)（ｔｎeｍetatSetaerc、noc＝1ｓ tｎemｅtatSﻩ ResｕlｔSeｔ rs1=s1、executeQuｅry(sｑl）;

　wｈile（rｓ1、nｅxｔ（）)

　｛

　 ；）”〉rt<"（nltnirp、tuｏﻩ

　;)＂＞dｔ／〈”+）”dｉ＂（gｎｉｒｔSteg、1sr+"〉dt〈＂（nlｔnirp、tｕｏﻩ ；）”>dt/〈"+）"ｅman"(ｇnirtＳｔeg、1sr+">dt<”(ｎlｔnirp、ｔuoﻩﻩ ；)"〉dt／＜＂+)＂yadhｔrｉb＂（gｎirtSｔｅg、1sr＋”〉dt＜”(nlｔnｉrp、tｕｏﻩﻩ

　;)”>dｔ/<”+）”ｅnohｐ"(gnｉrtSteg、1sｒ＋＂〉dt〈”（nlｔｎiｒｐ、tuoﻩ ；）"＞ｄt／〈＂+)”liａme”(gnirｔSteg、1sr+"＞ｄt<”(nｌtnirｐ、tuoﻩﻩ

　；)"〉dt/＜”＋）"sserddａ”(gｎiｒｔSteg、１sr+”＞dt〈”(nltniｒp、tuｏﻩ ；）”>dt／＜”+)＂ｒeｈto”(ｇnｉrtＳteg、１sr+">dt〈＂（nｌtniｒp、ｔuoﻩﻩ

　ｏｕt、ｐｒinｔln(＂〈/ｔｒ＞")；

　｝ﻩ rｓ1、close（）；

　s1、ｃloｓe(）;

　;)（eｓolc、nocﻩ％＞ 〈/tablｅ〉

　〈a href＝＂ｓy、hｔml"＞返回首页〈／a〉 〈/body＞ 〈/html〉 运行结果：

推荐访问： 程序设计 集合 实验

上一篇：广大整形美容医院规划

下一篇：优秀教师事迹和材料

【web程序设计实验报告集合】相关推荐

工作总结热门推荐

HOT

工作总结最新推荐

NEW