Web实验报告.docx

1、Web实验报告本科实验报告课程名称： Web开发实用技术基础 实验项目： HTML语言 网页程序设计JavaScript Request与Response对象的应用 Application与Session对象的应用 实验地点： 软件实验楼210 专业班级： 软件1309班 学号： 2013005661 学生姓名： 蔡潇钰 指导教师： 林福平 2015年 11 月 17 日 学院名称软件学院学号2013005661实验成绩学生姓名蔡潇钰专业班级软件1309班实验日期2015.11.15课程名称Web开发实用技术基础实验题目HTML语言一、 实验目的和要求1掌握常用的HTML语言标记；2利用文本编

2、辑器建立HTML文档，制作简单网页。二、 实验内容1在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）注：源代码见实验结果2编写一个能输出如图所示界面的HTML文件。三、 主要仪器设备笔记本电脑、Adobe Dreamweaver CC 2015四、 实验结果1.（1）源代码：Examplewelcome to youA simple HTML documentWelcome to the world of HTMLThis is a simple HTML document.It is to gi

3、ve you an outline of how to write HTML file and how the markup tags work in the HTML fileFollowing is three chaptersThis is the chapter oneThis is the chapter twoThis is the chapter threeFollowing is items of the chapter two itemcontentitem 1fontitem 2tableitem 3form1234567End of the example documen

4、t （2）运行结果： 文本编辑器“记事本”中输入HTML代码程序，以文件名sy1.html保存 在浏览器中运行2.(1)源程序个人资料填写 请留下个人资料 姓名： E-mail： 电话： 性别： 女  男 年龄： 20岁以下 20岁-30岁 30岁-40岁 40岁-50岁 50岁-60岁 留言板： 您的爱好： 运动 阅读 听音乐 旅游      运行结果：学院名称软件学院学号2013005661实验成绩学生姓名蔡潇钰 专业班级软件1309班实验日期2015.11.16课程名称Web开发实用技术基础实验题目网页程序设计JavaScrip

5、t一、 实验目的和要求1掌握JavaScript技术,基本掌握JavaScript的开发技巧；2利用文本编辑器建立JavaScript脚本语言进行简单编程。二、 实验内容1显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。分析代码作用,然后用浏览器运行文件,验证自己的判断是否正确。2事件驱动和事件处理 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。分析代码作用,然后用浏览器运行文件,验证自己的判断是否正确。注：源代码见实验结果3JavaScript表单校验编写程序register.htm，做一个如下图

6、所示的用户注册界面，要求对用户填写的部分进行合法性检验。 三、 主要仪器设备笔记本电脑、Adobe Dreamweaver CC 2015四、 实验结果1.（1）源代码 var timer=null function stop() clearTimeout(timer) function start() var time=new Date() var hours=time.getHours() var minutes=time.getMinutes() var seconds=time.getSeconds() minutes=(minutes10)?0:)+minutes seconds=(

7、seconds10)?0:)+seconds var clock=hours+:+minutes+:+seconds document.forms0.display.value=clock timer=setTimeout(start(),1000) 现在是北京时间： （2）实验结果2.（1）源代码 function myfunction() alert(HELLO) By pressing the button, a function will be called. The function will alert a message. （2）实验结果3.（1）源代码 请输入密码 functi

8、on on_submit() if (form1.username.value = ) alert(用户名不能为空，请输入用户名！); form1.username.focus(); return false; if (form1.userpassword.value = ) alert(用户密码不能为空，请输入密码！); form1.userpassword.focus(); return false;  用户登陆  请输入用户名：  请输入密码：     （2）实验结果学院名称软件学院学号2013005661实验成绩学生

9、姓名蔡潇钰专业班级软件1309班实验日期2015.11.17课程名称Web开发实用技术基础实验题目Request与Response对象的应用一、 实验目的和要求1掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2在JDK和Eclipse环境下，完成下列实验。二、 实验内容编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则，转至no.jsp。三、 主要仪器设备笔记本电脑、Adobe Dreamweaver CC 2015四、 实验结果（1） 源代码test.j

10、sp北京欢迎您！北京奥运会开幕日期是： 8月6日 8月8日 8月9日 8月10日 answer.jsp yes.jsp 恭喜您答对了！ no.jsp 很抱歉，您答错了！ 选择“8月6日”并点击“提交答案” 选择“8月8日”并点击“提交答案”学院名称软件学院学号2013005661实验成绩学生姓名蔡潇钰专业班级软件1309班实验日期2015.11.17课程名称Web开发实用技术基础实验题目 Application对象Session对象一实验目的和要求1掌握JSP的Application对象Session对象对象的用法，基本掌握JSP的开发技巧。2在JDK和Eclipse环境下，完成下列实验。二实

11、验内容1请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： 网页计数器您是第位访问者！ 2上述计数器当进行刷新时也会自动加1，试编写程序count.jsp，实现防刷新文本计数器。3编写程序register.htm和register.jsp，做一个用户注册的界面，要求对用户填写的部分进行合法性检验，然后提交到register.jsp进行注册检验，若用户名为user开头的，就提示“该用户名已被注册”，若用户名为admin，就提示“欢迎您，管理员”，否则，就显示“注册成功”。三、主要仪器设备JDK和Eclipse环境四、实验结果2. 网页计数器您是第个访问者！3.r.jsp:Insert

12、title here用户登录:请输入用户名：请输入密码：        Register.jsp:Insert title here% String str2=new String(request.getParameter(user).getBytes(ISO-8859-1),UTF-8); if(str2.substring(0, 4).equals(user) out.println(该用户名已被注册 ); out.print(5秒后自动跳转 ); response.setHeader(refresh,5;url=register.jsp); else if(str2.equals