web实验报告

实验项目：

实验地点：

专业班级：

学生姓名：指导教师：

本科实验报告

Web程序设计 web设计 逸夫楼 学号：

2012年12月

实验一 HTML语言

一、实验目的

1．掌握JavaScript技术,基本掌握JavaScript的开发技巧； 2．利用文本编辑器建立JavaScript脚本语言进行简单编程。

二、实验要求:

1．根据以下实验内容书写实验准备报告。 2．独立完成实验。

三、实验内容

1、显示一个动态的时钟

2．编写一个能输出如图所示界面的HTML文件。

代码如下：

请留下个人资料

实验结果：

实验二 网页程序设计-JavaScript

一、实验目的

1．掌握JavaScript技术,基本掌握JavaScript的开发技巧； 2．利用文本编辑器建立JavaScript脚本语言进行简单编程。

二、实验要求:

1．根据以下实验内容书写实验准备报告。 2．独立完成实验。

三、实验内容

1．显示一个动态的时钟 实验结果：

2. 事件驱动和事件处理

实验结果：

点击以后：

3．JavaScript表单校验

编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。

实验代码：

用户名登陆

name=\"value2\"

运行结果：

登陆界面：

当用户名与密码都为空时:

当密码为空时：

当用户名为空时：

当用户名与密码都不为空时，登陆结果如下：

实验3 Request与Response对象的应用

一、实验目的

1．掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。 2．在JDK和Eclipse环境下，完成下列实验。

二、实验要求

1．独立完成实验。 2．书写实验报告书。

三、实验内容

编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则，转至no.jsp。

1. 打开MyEclipse，新建Web Project，命名TestJSP；

2. 在WebRoot文件夹下，新建jsp文件（test.jsp、answer.jsp、yes.jsp和no.jsp） 3. 点击

4. 打开Servers选项卡，启动Tomcat

进行部署，部署到tomcat上；

5. 在浏览器中输入http://localhost:8080/TestJSP/test.jsp

TestJSP为新建web项目名称

程序代码如下：

test.jsp

<%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"gb2312\"%> <%

String path = request.getContextPath(); String basePath =

request.getScheme()+\"://\"+request.getServerName()+\":\"+request.getServerPort()+path+\"/\";

%>

\">

北京奥运会的开幕日期是：

answer.jsp

<%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"gb2312\"%> <%

String path = request.getContextPath();

String basePath =

request.getScheme()+\"://\"+request.getServerName()+\":\"+request.getServerPort()+path+\"/\";

%>

\">

<% String str=request.getParameter(\"item\"); out.println(str); if(str.equals(\"2\"))

response.sendRedirect(\"yes.jsp\");

else response.sendRedirect(\"no.jsp\"); %>

yes.jsp

<%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"gb2312\"%> <%

String path = request.getContextPath();

String basePath =

request.getScheme()+\"://\"+request.getServerName()+\":\"+request.getServerPort()+path+\"/\";

%>

<%@ page contentType=\"text/html; charset=GB2312\" %>

\">

恭喜您，答对了!

no.jsp

<%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"gb2312\"%> <%

String path = request.getContextPath(); String basePath =

request.getScheme()+\"://\"+request.getServerName()+\":\"+request.getServerPort()+path+\"/\";

%>

\">

很遗憾 ，您答错了！

运行结果：

登陆界面如下：

如果回答正确，则显示以下界面：

如果回答错误，则显示以下界面：

实验4 Application对象Session对象

一、实验目的

1．掌握JSP的Application对象Session对象对象的用法，基本掌握JSP的开发技巧。

2．在JDK和Eclipse环境下，完成下列实验。

二、实验要求:

1．独立完成实验 2．书写实验报告书

三、实验内容:

1． 实验结果：

2．

刷新时页面显示：

3．编写程序register.htm和register.jsp，做一个用户注册的界面，要求对用户填写的部分进行合法性检验，然后提交到register.jsp进行注册检验，若用户名为user开头的，就提示“该用户名已被注册”，若用户名为admin，就提示“欢迎您，管理员”，否则，就显示“注册成功”。 程序代码如下：

register.html

用户信息验证

register.jsp

<%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"gb2312\"%> <%

String path = request.getContextPath();

String basePath =

request.getScheme()+\"://\"+request.getServerName()+\":\"+request.getServerPort()+path+\"/\"; %>

\">

<% String str1=null; String str2=null; String str3=null;

String str4=\"user\";

str1=request.getParameter(\"mine\");

str2=request.getParameter(\"userpassword\"); str3=str1.substring(0,4);

if(str3.equals(\"user\"))

out.println(\"该用户已被注册！\"); else

if(str1.equals(\"admin\"))

out.println(\"欢迎您，管理员！\");

else

out.println(\"注册成功！\"); %>

实验结果如下：

当用户名是admin时

显示结果为：

当用户名开头为user时：

结果显示为：

当用户名不是user开头也不是admin开头时，显示如下：