web程序设计实验报告集合

1、web程序设计实验报告集合 一、 实验目得 1. 掌握常用得 hm语言标记； 2. 利用文本编辑器建立 htl 文档,制作简单网页. 二、 实验要求 1. 独立完成实验。 2. 书写实验报告书。 三、 实验内容 1. 在文本编辑器"记事本'中输入如下得tml 代码程序，以文件名 sy1、htm保存,并在浏览器中运行。 源程序清单如下： hm dah ei/epmaeeltit /hea ody gcolr=#0ddff' 1h b i ff00frlo tnf maquee cor=#fff00' direction=lf beaio=lermtewele t

2、 yu！ /maqu / nf /i / / 1 h renec=nila 2h fn colo=#0000f' imle html dcument / nf/ h me!lmth f dlrow eht o lewme u na uo ig ot i t 、tnemuod mth els a i sihtpline of w to wrte ml hw t bmrkp /b wor in te hmli fie / p 、setpah erht ni gnwolofp l type=square tis is th atr one！/l lia ef=#itis is e hater

3、 tw！a/l il/！eht repahc t i sitil ul p rh p a name=tm'followng is item the chpte o！ /a / table bodr= bgcr=ay widt=40% t ht/metiht tent/ /t r dt/1etidt dt/tofdt /tr t tditm2/ ttalet /tr r t3metidt dtmrodt / r /table rh p 1p 2p 4 5p 6 7p biont olo=blue siz4en of t expl docunt/fo/b /body /hml 运行结果:

4、2、编写一个能输入如图所示界面得tml 文件. 程序代码: hml hea elt/例范单表lt /hea j、一验实验实sjeerht:e=duorgkcab ydob ram=rolc 042htdi zis 料资人个下留请retne=ngil 1hn/h1 om prb'名姓=emn txet=ey tupni:名姓;psn;psb p /b=ezis 箱邮'=eman 'txet=epy tupi：liame p b'话电'=ma txt=p uni：话电；pbn;pb p/p =eman idrepyt t；pbn；sbn：别性；psbn;pb

5、n p性别 checke女b;bsp;iput type'rdio' name'性别男p :龄年;psbn;bn p tces opion ale=2 slecte岁以下 otin valu20 岁-0 岁 optn aue=4030 岁40 岁 岁 0-岁 005=eulav nip oto vaue=050 岁0 岁 / tcle /p 6=slo 8=sr '板言留'=eman aertxetb:版言留 p/textarea/p p nbsp；nbs；bsp；nbsp;nb；bsp；nbsp；nbsp；nbs;np;iu ype='chec

6、box name=爱好运动br 您得爱好:input ype=checkx' nam爱好'br bn;sbn；pbn；pn;psb；sbn；ps；sb；psbnp；nsp；input ype=cecko ame=爱好'听音乐br i；pn;psbn；sbn；sbn;psbn;psbn；psb；psbn；psbn;pbnut type='hckbox' me='爱好旅游br/ p gncer 交提lav timbsepyt ti 写重部全eula mbus=epy tupn /p mrof /body /hml 运行结果: 一、实验目得 、 掌握

7、javacrit 技术，基本掌握vscrpt 得开发技巧； 2、 利用文本编辑器建立 javrip脚本语言进行简单编程. 二、实验要求： 1、 根据以下实验内容书写实验准备报告。 、 独立完成实验. 三、实验内容 、显示一个动态得时钟 在文本编辑器"记事本'中输入如下代码程序,请仔细下列程序语句，理解每条语句得作用。源程序清单如下： htm dae srip lnuag=javascrit var tmer=nul ）remit(tuoemitac ）(ots otcnu ）（tt notcn va me=nw date(） var ho=time、gthos() )（set

8、unimteg、emi=setunim rav var seds=tme、gtseconds(） mints=（ines10）？：）+nuts dnoces+)：0?）01dnoces(（sdnoces var clockho+'：+inuts+:+secods documen、ors0、isplay、vlue=lok ）001,'）(tra(tomittesremit / tpirc de ')（pots=daoluo '）(rats=dalno yb mo 2=zi ylsidman 'et=epyt=epyt tupni:间时京北是就在现 /for

9、 body /html 运行结果： 2、事件驱动与事件处理 在文本编辑器"记事本'中输入如下代码程序，请仔细下列程序语句,理解每条语句得作用。源程序清单如下: html hea scrit laguae=jaascrt fuctin myfuctn(）aert （'helo！') /sci /hea body frm itcnuf lla=euv )（nicnufym=kcilc 'nttub=epy tupi /for pb presin h tton，a funcon il be aled、he funcion will aler a essa、p

10、 /body /html 运行结果： 3、 avacript 表单校验 编写程序 regite、html，做一个如下图所示得用户注册界面，要求对用户填写得部分进行合法性检验。源程序清单如下: tml had title用户登录/il rpt lguae='vascript functin myunton（） if（docunt、fors0、srnam、value='） et（'用户名不能为空，请输入用户名!'）； fom1、uerae、fos(）; ;eslaf nruter ）' = eulav、drwsapres、1mrof（ i ；）！码密入输请，

11、空为能不码密户用（l ；）(sucf、drwssapreu、1ro rtrn ase; ee docen、wite('您好，'+umet、forms0、uename、value'!,欢迎登录!)； /srt ea body 用户登录： rm mefom1 onsumit=turn myfuncio()' 请输入用户名:n type='text name=useramep/p 请输入密码:ns;nbs；inpu ye=psord' nme=usrpswo'pp int ty='sbmt aue=提交ns;bsp;inut tye=r

12、eset' vaue='全部重写 /form /body /tl 运行结果: 一、实验目得 1、 掌握 jsp 得 requt 与esose 隐式对象得用法,基本掌握sp 得开发技巧. 2、 在 jdk 与 ecipe 环境下，完成下列实验。 二、实验要求 1、 独立完成实验。 2、 书写实验报告书。 三、实验内容 编写程序实现一个单选小测试。在st、js页面显示问题,并将答案提交至nswer、jsp 进行判断，如果回答正确，则将页面转至 yes、js；否则，转至o、s。 程序代码: tes、jsp % age language='jva mot='java、u

13、il、*' pagenoingutf8 hml boy croud'd：myelipsexxssswbrot1、jpg' h2北京奥运会开幕日期就是: br mrofemn sop=dem sj、resnaitc mrof 日 6 月 6'=ela dekc etadema oida=epy tpn iut typraio n='dat vue'8' 8 月日 日 9 月 8 9=eulav eaema odreyt tpn p/p 日 01 月 8 '01=uav eta=ema oidarepyt tpni 2h npu tp

14、e=submit vlue提交答案 / mof /od /html anser、jsp age laguage='java' imprt'java、util、' pgeenoing=utf-8' hml od ackond=d：mylipxwerot1、pg % ；tam gnirs ;)ea(etemapteg、tsuqe=etadym f(myte、qls（8'） one、sedrdirect（e、s')； ee esponse、endrdiret(no、js）； ody /tm ys、sp% page aguag='java

15、' ipot'ava、util、 agencoing=ut8% hml by bcgrond='d:myelipsexssswbroot1、jpg brbbr 恭喜您答对了！/ /body /htl o、jsp % pag laguage='va impr=ava、utl、* pagencodng=tf8'% htm body bckground:myelpsexsswebrot1、jpg' brbrbr h1很抱歉，您答错了!/1 bdy /html 运行结果： 一、实验目得 1、掌握 jsp 得ppicatio对象esion 对象得用法，基本

16、掌握 jsp 得开发技巧。 2、在dk 与 ecle 环境下,完成下列实验。 二、实验要求： 1、独立完成实验 ; 、书写实验报告书 三、实验内容： 、请仔细下列程序语句，理解每条语句得作用。源程序清单如下： page language= jva import 'jva、utl、 paeencoing= 'u % html hedtitl网页计数器/le /head bod % fi if(plicaion、gtatibut('counter')= u u l l） picatin、settre(cunter，'1）; esle else string

17、tnum nu ； irtsot、）'etuoc（etubirateg、noalpp=munrts(); in icount; ；）(ulavtn、)munr（felav、een=tnuci ；tnci ;）oci（ gnirtsot、regeni,etnuoc（tubtats、noiacippa % 您就是第= appian、gettribu（'oter'） %为访问者! ody /html 运行结果： 2.上述计数器当进行刷新时也会自动加,试编写程序 cut、jsp,实现防刷新文本计数器。源程序清单如下: % pae anguae='java imrt=jv

18、a、til、*' pagecdng='uf-8% html ha tie网页防刷新计数器/tle /ead bd % ）)（wesi、noss！(f out、prn（您就是第' + aplctn、etattribute(ounter) +位访问者'); esle if（ ppaion、etttbute(contr） = nul） ；） ,renuoc(eirtaes、oitacilppa else ；unts gnis strnu=aplicaton、getatibute（couter）、tostig()； int ount=0； icon=ieger、auo（

19、rnm）、itvlue(); iunt+； rso、regetni，noc(etubirttt、otaippang(icount）); 访位 ）retnuoc(ubirtateg、noiacilppa '第是就您（tnirp、uo问者); /ody /html 运行结果: 3.编写程序 regis、hml 与 reister、jsp，做一个用户注册得界面，要求对用户填写得部分进行合法性检验，然后提交到 regist、jp 进行注册检验，若用户名为 uer 开头得，就提示"该用户名已被注册',若用户名为mn，就提示"欢迎您,管理员',否则，就显示&qu

20、ot;注册成功'。 rest、ml tml scrpt lagae=jascript function on_bmi(） /验证数据得合法性 ） = eula、eanresu、rf( f ;）'!名户用入输请,空为能不名户用'（trela fm1、usrnae、focs（）; retun false； if (o1、userpassod、value = '') ;)!码密入输请，空为能不码密户用'（trela ；)（ucof、drowapreu、1mrof return le; i （fom1、reuserassr、vale = '） ；

21、)！码密入输请，空为能不码密认确户用'（trea form1、reuerpasswor、ocus(); ；slf nuter if (fr1、erpasswo、vlue ！= fom1、reusrpsswr、ue） aet('密码与确认密码不同'）； ;)(sucof、drwssaprs、1mrf ;esa uter /scrip ed tite新用户注册/title /ha bod for ethodot' ction=eiser、jsp nam=frm1 onsubit='return on_submt(） ce h2新用户注册/h2 用户名(）：i

22、npu tpe'ext name='sernme' si='20' pp 密码（)：inpu tye=password' name='uerpassr sie=' p/p 再输一次密码（*）：npu tye='asswrd name=reuserasor siz=20 /p input type='submt' value=提交 ame='1' input type=rest value全部重写 nam='bbr /form /body /ht registe、js % ae lan

23、guage=ava imprt=jv、uil、* poding=f8' tl hed /ead body % sri yusern reuest、gearameter(usrnam）; ）4=）（htgne、emnuym（fi ；)4,0（gnirtus、emanruym = gnirtsym gnirs i( mysting、equalsignrease（'ser'） ) out、prit(对不起，该用户名已经被注册!请重新输入!）; ）nida（esacongisauqe、emnrsuy（i esl ;)！员理管，您迎欢(tnirp、tu le ;）'！功成

24、册注,您喜恭（i、tu el out、prin（恭喜您，注册成功！）； by /htl 运行结果: 一、实验目得 1、掌握 jsp 与数据库得连接技术jdc 2、掌握 jsp 数据库编程技术。 二、实验要求 、独立完成实验; 2、书写实验报告书 三、实验内容 利用数据库建立一个同学录，然后通过 jbc 编写一系列基于 web 方式得p 程序,来对同学录得数据库进行添加、查询等功能,要求在网页上显示出来。 四、实验步骤 1、建立数据库 建立名为 stuts 得 ass 数据库，在库中建立 schola表、 2、创建数据源名 打开数据源；添加 microsft acess drver(、mb）数据

25、源驱动程序。数据源名称：students;更改默认数据库,选择 sudnt、 3、运行所编写得应用程序 五、源程序如下： c、htm ml d srp nuge='javcrpt funcon myfunton(） ）=ulav、di、mrof（f ;)'号编得员成除删要入输请'（trela reurn fle； es ;er nruer / pircs meta -quiv=tenttyp' cnten'tetml； charset=utf8 etit/面界除删eltit/ daeh boy 1/号编得录记学同除删入输h mbu sop=dohm &#

26、39;、s=noica '1mrof'=m mrteun yuncion（）' 编号:ns；iu type='text ne'i/p ；psbn交提=euav 'tmbus'=eman tibs=epyt pinbsp; input tye=reset name=rset val=重置 om a hefsy、html返回首页/a ydob/m s、html html dahftu=tesrahc ;h/txe=tetnc 'eyttetncviqe- am tite同学录itl hed ydob br h录学同 br font s

27、iz=6 a/询查pj、x=fer aa/加添lmth、jt'e a a ref'sc、htl'删除 /font / yob/hml tj、hm hm he sipt lguge='javrit )(oitcuf notnuf 、1rof|''=ul、eman、1mrof=eulv、di、1mf（ihdy、vaue='|form1、poe、valu='|fo1、email、vaue=''|fm、addess、alu='|form1、othr、al='） ;）整完不息信得入输您'（rl ret

28、u fase; else reun true; / rc =esac ；lmth/xet=netno ept-tneto'=iuqe tetf8 elt/面界加添lti /hed ydob center h1添加同学信息/h1 busno 's=dotem pj、jt=noica '1rof=man mroit=return mfnci（） rbrb'ma txet'=eyt n;psbn：号编 姓名：nb；inut type='tet name'nme'b 生日:nbsp；input ty='tex name='

29、bithdbrbr rbr'enhpean et'=epyt tni；sbn：话电rr'liam=man txeteyt upni；pn:箱邮 rbrbssedda=man te=epy tpi；psbn：址地 备注：np；iut ty=tex' nae='hr'br inut type='subit ae=subm' alu'提交nsp;nbsp； 置重=euav teser'ema tesepy tupn / mrf a href='y、html返回首页a / rte ydbhtml c、sp t ae

30、h age languge='jva conttype'ext/hm; aset=u8 imot'java、sql、* ageecoding=utf8' 8-ftu=trhc ;mth/txet'=tnetnoc epy-tnetnoc'=vuqe a itle/tite / da ydo 1=edro ela trtd学号/dtd姓名tdt生日/ttd电话/tt邮箱dtd地址/tdtd其她/d/tr % rin drvrname = n、db、db、dbcobrier; strin dbnam = 'stuents' ;tmoo

31、hcs emanelbat nrs ;' = mares gnirs ; dwssareu gt stng orl = jbc：odbc:+bname； ；emanelt mor * teles' qs gnit as、ornme（drivrae)； conncton on = rieranagr、gecnnecton（cnurl，uername，useswd）； ;)（tneetatetaer、oc=s tnmt resultset =s、excueqry(sql）; hile（rs、nxt(） ；)rt(nnir、tuo ；)t/'+）i（girtsteg、srdt

32、（ltnirp、tuo +)emn'(nre、+dt'（ltirp、tuotd'）； ;）dt/')atrib(gnitsteg、r+dt'(nltirp、to out、prntln('td+r、ettring（'phone')+d'); ；）'t/+）'ime（gnitseg、s+'dt'(nltnip、tuo ;)d/+）'srda（gnirtstg、sr+'dt(nltnrp、tuo ou、piln（tds、gestin（otr')+/td); ut、rntln

33、(/t）； ；）（esl、sr s、le(）； con、le（）; /tale a href='、html返回首页/a /bdy /html 、jsp html hea pag anguag'ja nenttype=text/html; chrstuf ipor'java、sl、 pagncoding='utf8% mea euiv'onetye cotnt=tex/htm； harst=tf-8 tile/title /hed bd % ；eirdcbodj、cbdo、bj、s marevi nirt ;'teds = nbd nirts st

34、ring tablnm = 'schoole； ; = emanres gnrts ；' = dwsapresu nrts ;emanbd'：cbo：cbj' = lrnoc girts ;anebt' orf tele' = lqs gnrt ；）ard(emanrof、ssalc conncton co riermnger、getnnecton（conul，sername,usepassd); ；）)di'（retemarapteg、tseqr（girs we = di gnirts ；'+i+"=di rhw am

35、lohcs morf etd=pu nits ；）u（nmtatseraperp、no = sp neettsderaperp ps、exectedte()； ；)（eolc、sp h1删除后得数据库记录/hr t order= trtd学号dtd姓名/dtd生日/dt电话/tdtd邮箱/tdtd地址/tdtd其她/td/tr % tatement sco、crattatemet(）； ;）lqs（yreuetucexe、1s=1sr ler whie（s、xt（) ；）'rt'（nltnrp、tuo out、println（ds1、gttring（id)+d)； ot、pri

36、tn（td+s1、geting('name'）+/td); ;）d/+)yadtrb（nirtteg、1srdt(nltnrp、uo out、rntn（d+r1、gestring（phne）+t'); ；)'dt/'）'liame'(grtseg、1r+dt(nltirp、uo ;）dt/+）serda'（gnrteg、sr+dt(ntirp、tu ；）'dt+）'ehto'(gnirtseg、1s't（nltnirp、t ot、prntl（tr'); rs、cle（); ；)（esoc、1

37、s co、clo(）； % /able a ref=sy、ht返回首页/a boy htm j、sp hl head ag lnguage=java' cotntte=t/html； chretut-8' impot=ava、sq、* pageencodng'ut8'% met eiv='contenttye' ntnt='tt/htm; hartutf- ile/title hed body ;rerdcbdcbdj、do、bj、ns = nreird nirts string dbnam stuent; ;etamlohs = bt gnrts string usrnme = ''； strig uerpsd = '； string cnurl = jc:odb：'+dbne; stig sql 'elect fom +blname； ；)enrevi（eanrof、salc connection cn divrmn