web实验报告.docx

《web实验报告.docx》由会员分享，可在线阅读，更多相关《web实验报告.docx（17页珍藏版）》请在冰豆网上搜索。

web实验报告

本科实验报告

课程名称：

Web开发实用技术基础

实验项目：

HTML语言

网页程序设计Javascript

Request与Response对象的应用

Application与Session对象的应用

实验地点：

实验楼210

专业班级：

学生姓名：

指导教师：

田玉玲

2015年10月

学院名称

软件学院

学号

实验成绩

学生姓名

专业班级

软件

实验日期

2015.10

课程名称

Web开发实用技术基础

实验题目

HTML语言

1．实验目的和要求

目的：

1．掌握常用的HTML语言标记；

2．利用文本编辑器建立HTML文档，制作简单网页。

要求：

1．独立完成实验。

2．书写实验报告书。

二．实验内容

1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。

（请仔细阅读下列程序语句，理解每条语句的作用）

源程序清单如下：

welcometoyou

AsimpleHTMLdocument

WelcometotheworldofHTML

ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfile

Followingisthreechapters

• Thisisthechapterone
• Thisisthechaptertwo
• Thisisthechapterthree

Followingisitemsofthechaptertwo

item

content

item1

font

item2

table

item3

form

1

2

3

4

5

6

7

Endoftheexampledocument

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

请把个人资料留下

姓名：

E-mail:

电话:

性别:

男女

年龄:

20以下

留言板:

您的爱好：

运动
阅读
旅游
音乐

提交

重置

3、主要仪器设备

笔记本电脑

4、实验结果

五、讨论、心得

在本次实验中，我们比较深刻地认识了html语言的基础知识，掌握了一些简单的html页面设计，通过理解每句语句的含义，掌握它的作用，了解到每一句语句都具有这很重要的作用，通过对一些细节的认知，我们学会到了更多。

学院名称

软件学院

学号

实验成绩

专业班级

实验日期

2015.10

课程名称

Web开发实用技术基础

实验题目

网页程序设计-JavaScript

1．实验目的和要求

目的：

1．掌握JavaScript技术,基本掌握JavaScript发技巧；

2．利用文本编辑器建立JavaScript脚本语言进行简单编程。

要求：

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

2．独立完成实验。

二．实验内容和结果

1．显示一个动态的时钟

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

源程序清单如下：

vartimer=null

functionstop（）{

clearTimeout（timer）}

functionstart（）{

vartime=newDate（）

varhours=time.getHours（）

varminutes=time.getMinutes（）

minutes=（（minutes<10）?

"0":

”“）+minutes

varseconds=time.getSeconds（）

seconds=（（seconds<10）?

"0":

”“）+seconds

varclock=hours+":

"+minutes+":

"+seconds

document.forms[0].display.value=clock

timer=setTimeout（"start（）",1000）}

分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确.

Start函数获取系统时间，每一秒刷新一次对于小于10的分钟数和小于秒的秒数，在前面加0，同时将其显示在屏幕上的文本框内。

代码中有误，引号应为英文引号。

2．事件驱动和事件处理

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

源程序清单如下：

分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。

当点击callfunction按钮的时候会触发事件，弹出提示框，提示框内容为hello，同时桌面写有：

Bypressingthebutton,afunctionwillbecalled.Thefunctionwillalertamessage

3．JavaScript表单校验

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

functioncheck（）{

varshow=document.getElementById（'username'）.value;

if（show.length==0）{

alert（"请输入用户名"）;

}

}

用户登陆

请输入用户名：

请输入密码:

提交

重置

实验截图如下‘：

3、主要仪器设备

笔记本电脑

四、讨论、心得

在试验中我们学到了html页面中的排版，杂乱的页面不能给客户带来更好的体验，所以我们便需要将页面做的美观，这些也是页面的一部分，我们也需要重视，另外我们在编写代码的时候，要细心，从头就要想好布局，否则到最后便会变的更加麻烦。

学院名称

软件学院

学号

实验成绩

学生姓名

专业班级

实验日期

2015.10

课程名称

Web开发实用技术基础

实验题目

Request与Response对象的应用

1．实验目的和要求

目的：

1．掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。

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

要求：

1．独立完成实验。

2．书写实验报告书。

二．实验内容和结果

编写程序实现一个单选小测试。

在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则，转至no.jsp。

实验代码如下：

Test.jsp：

北京奥运会开幕的时间是：

8月6日

8月7日

8月8日

8月9日

提交

Answer.jsp代码如下：

<%

Stringanswer=request.getParameter（"date"）;

if（Integer.parseInt（answer）==1）

response.sendRedirect（"no.jsp"）;

if（Integer.parseInt（answer）==2）

response.sendRedirect（"yes.jsp"）;

if（Integer.parseInt（answer）==3）

response.sendRedirect（"no.jsp"）;

if（Integer.parseInt（answer）==4）

response.sendRedirect（"no.jsp"）;

%>

实验结果如图：

3、主要仪器设备

笔记本电脑

四、讨论、心得

在试验中，我犯了许多错误，有时候找很多遍也找不到，最后发现其实就是一个语法错误，浪费了大量时间和精力，如果能在编写的时候就做到细心认真，那么我们将会变的更加有效率。

学院名称

软件学院

学号

实验成绩

学生姓名

实验日期

2015.10

课程名称

Web开发实用技术基础

实验题目

Application对象Session对象

1．实验目的和要求

目的：

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

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

要求：

1．独立完成实验

2．书写实验报告书

二．实验内容和结果

1．请仔细阅读下列程序语句，理解每条语句的作用。

源程序清单如下：

2．上述计数器当进行刷新时也会自动加1，试编写程序count.jsp，实现防刷新文本计数器。

代码修改如下：

<%if（application.getAttribute（"counter"）==null）

application.setAttribute（"counter","1"）;

else{

Stringstrnum=null;

strnum=application.getAttribute（"counter"）.toString（）;

inticount=0;

icount=Integer.valueOf（strnum）.intValue（）;

if（request.getHeaders（"cookie"）==null）{

icount++;}

application.setAttribute（"counter",Integer.toString（icount））;

}%>

您是第<%=application.getAttribute（"counter"）%>位访问者！

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

代码如下：

<%

Stringusername=request.getParameter（"username"）;

Stringpassword=request.getParameter（"password"）;

if（username.equals（"user"））{

out.println（"已被注册"）;

}

if（username.equals（"admin"））{

out.println（"欢迎你，管理员"）;

}

%>

3、主要仪器设备

笔记本电脑

四、讨论、心得

在编写网页的刚开始，我们就应该有一个比较好的规划，可以保证页面的整洁美观，同时也可以保证实验的效率，有计划的进行实验将会提高我们的能力，让我们变的更加有经验。