《太原理工大学web程序设计基础实验报告.docx》由会员分享，可在线阅读，更多相关《太原理工大学web程序设计基础实验报告.docx（14页珍藏版）》请在三一办公上搜索。
1、课程名称：WEB程序设计根基实验工程:WEB程序设计根基实验实验地点:逸夫楼402专业班级：软件1415班学生姓名：朱伟学号:2014005960指导教师：田玉玲2016年11月21日实验一HTML语言一、实验目的1 .掌握常用的HTML语言标记；2 .利用文本编辑器建设HTML文档，制作简单网页。二、实验要求1 .独立完成实验。2 .书写实验报告书。三、实验内容1 .在文本编辑器”记事本中输入如下的HTML代码程序，以文件名SyLhtml保存，并在浏览器中运行。(请仔细阅读以下程序语句，理解每条语句的作用)(1)程序代码：ExamplewelcometoyouAsimpleHTMLdocum
2、entWelcometotheworldofHtmlThisisasimpleHTMLdocument.ltistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfileFollowingisthreechaptersThisisthechapteroneThisisthechaptertwoThisisthechapterthreeFollowingisitemsofthechaptertwoitemcontentitemlfontitem2tableitem3forml234567EndOftheex
3、ampledocument(2)实验结果2 .编写一个能输出如以下列图界面的HTML文件。(1)程序代码表单范例hltext-align:center;)请留下个人资 姓 名:vtd E-mail: 电 话:vtd 年 龄：20以下 留言板：您的爱好：Miinputname=hobbytype=CheCkbOXvalue=”/听音乐KJ(2)实验结果：四、实验心得：刚开场编写的时候只是编写了要求的form,但是不如给出的表单那样整齐，后来尝试用了表格，将表格的border属性改为0,再适当加空格 才完成了如以下列图的表单实
4、验二网页程序设计-JavaScript一、实验目的1 .掌握JavaScript技术，基本掌握JavaScript的开发技巧;2 .利用文本编辑器建设JavaScript脚本语言进展简单编程。二、实验要求：1 .根据以下实验内容书写实验准备报告。2 .独立完成实验。三、实验内容1 .显示一个动态的时钟编写程序，在文本框中显示实时的时间，然后运行文件,验证程序是否正确。(1)程序代码vartimer=nullfunctionstop()clearTimeout(timer)functionstart()vartime=newDate()varhours=time.getHours()varmin
5、utes=time.getMinutes()minutes=(minutes10)?0:H)+minutesvarseconds=time.getSeconds()seconds=(seconds10)7,0,)+secondsvarclock=hours+:,+minutes+n:+secondsdocument.forms0.display.value=clocktimer=setTimeout(start(),1000)现在是北京时间：(2)实验结果2 .事件驱动和事件处理在文本编辑器“记事本中输入如下代码程序，请仔细阅读以下程序语句，理解每条语句的作用。源程序清单如下：x=0funct
6、ioncountSecond()if(x6)(x=x1;document.fm.displayBox.value=x;setTimeout(countSecond()n,1000);)countSecond()分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。3 .JavaScript表单校验编写程序register.htm,做一个如以以下列图所示的用户注册界面，要求对用户填写的局部进展合法性检验。(1)程序代码ffl户登录functionsub()varUSername=document.getElemenlById(username);varUvalue=Usemame.v
7、alue;if(uvalue=)alert(用户名不能为空，请输入用户名！”)fbrml.username.fbcus();returnfalse;)1用户登录请输入用户名：请输入密码： (2)实验结果四、实验心得：这次的提前将form写成了表格的形式，这样显得整齐，javascript编写时要注意函数的编写，如在函数前加上function,还要注意事件、驱动和处理程序，尽可能地减少失误。实验3Request与Response对象的应用一、实验目的1 .掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2 .在JDK和ECIiPSe环境下，完成以下实
8、验。二、实验要求1 .独立完成实验。2 .书写实验报告书。三、实验内容编写程序实现一个单项选择小测试。在test,jsp页面显示问题，并将答案提交至answer.jsp进展判断,如果答复正确,那么将页面转至yes.jsp;否那么，转至no.jsp。(1)程序代码test.jspInserttitlehere北京奥运会开幕日期是：8月6日Vinpirttype=rdioname=dtevalue=8”)8月8日inputtype=radio,name=,datevalue=,9,8月9日8月10日inputtype=sUbmtvalue=提交基案”)Answer.jspInserttitlehe
9、reYes.jspInserttitlehere恭喜您答对了!No.jspInserttitleherehla：Iign=center”）很抱歉,您答错了！（2）实验结果四、实验心得本次实验需要配置环境变量才能使用，使用request.getParameter来接收客户端传来的值，用response.sendRedirect重新定位一个jsp页面。另外本次实验过程中出现了端口号被占用的问题，通过查找资料，将Servers-server.xml中的端口号改为8003才解决问题。实验4Application对象Session对象一、实验目的1 .掌握JSP的Application对象Session
10、对象对象的用法，基本掌握JSP的开发技巧。2 .在JDK和ECIiPSe环境下，完成以下实验。二、实验要求：1 .独立完成实验2 .书写实验报告书三、实验内容：1 .请仔细阅读以下程序语句，理解每条语句的作用。源程序清单如下：网页计数您是第v%=application.getAttribute(counter)%位访问者!2 .上述计数器当进展刷新时也会自动加1,试编写程序COUnt.jsp,实现防刷新文本计数器。(1)程序代码：网页计数器/title)您是第位访问者！(2)实验结果刷新时不再增加数量，只有重新翻开页面才能增加数量。3.编写程序register.htm和register.jsp
11、,做一个用户注册的界面，要求对用户填写的局部进展合法性检验，然后提交到register.jsp进展注册检验，假设用户名为USer开头的，就提示“该用户名已被注册，假设用户名为admin,就提示“欢迎您，管理员，否那么，就显示“注册成功。(1)程序代码Register,html用户注册/title)functionon_submit()if(input.Namevalue=,)alert(“用户名不能为空，请输入用户名！“);input.Name.focus();returnfalse;elseif(input.Password,value=input.Password2.value=,)ale
12、rt(请输入密码”)；input.Password.focus();returnfalse;elseif(input.Password.value!=input.Password2.value)alert(“两次密码不一致！,);input.Password2.focus();returnfalse;elsealert(“登陆成功”)；formaction=register,jsp“method=getrarne=icout“onSubmit=retUrnOnsubmit。”)用户注册请输入用户名:请输入密码:inPUttyPe=pa55w。尸dname=Password”)再次输入密码:inputtype=resetvalue=全都重写”)Register,jspInserttitlehere(2)实验结果四、实验心得通过本次实验学会了session和application的使用，session对象在第一个JSP页面被装载时自动创立，它的作用范围是所有页面，但只能相对于一个用户，它的生命期从访问这个网站到关闭浏览器为止；application虽然也是作用于所有页面，但是是所有用户共享的，它的生命期是从开启服务器开场直到关闭服务器为止。而且这个实验是对之前实验的一个综合，只要细心，也是比较容易。
