WEB程序设计实验.docx

《WEB程序设计实验.docx》由会员分享，可在线阅读，更多相关《WEB程序设计实验.docx（10页珍藏版）》请在冰点文库上搜索。

WEB程序设计实验

太原理工大学软件工程系

WEB程序设计基础

实验指导书

太原理工大学

田玉玲编

实验1HTML语言2

实验2网页程序设计-JavaScript4

实验3Request与Response对象的应用7

实验4Application对象Session对象的应用8

实验5使用JDBC连接数据库10

实验一HTML语言

一、实验目的

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

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

二、实验要求

1．独立完成实验。

2．书写实验报告书。

三、实验内容

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

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

源程序清单如下：

welcometoyou

AsimpleHTMLdocument

WelcometotheworldofHTML

ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLhowthemarkuptagsworkintheHTML>

Followingisthreechapters

• Thisisthechapterone
• Thisisthechaptertwo
• Thisisthechapterthree

Followingisitemsofthechaptertwo

item

content

item1

font

item2

table

item3

form

1

2

3

4

5

6

7

Endoftheexampledocument

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

实验二网页程序设计-JavaScript

一、实验目的

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）}

现在是北京时间：

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

2．事件驱动和事件处理

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

源程序清单如下：

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

3．JavaScript表单校验

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

实验3Request与Response对象的应用

一、实验目的

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

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

二、实验要求

1．独立完成实验。

2．书写实验报告书。

三、实验内容

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

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

实验4Application对象Session对象

一、实验目的

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

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

二、实验要求:

1．独立完成实验

2．书写实验报告书

三、实验内容:

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

源程序清单如下：

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

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

实验5使用JDBC连接数据库

一、实验目的

1．掌握JSP与数据库的连接技术——JDBC

2．掌握JSP数据库编程技术。

二、实验要求

1．独立完成实验

2．书写实验报告书

三、实验内容

　　利用数据库建立一个同学录，然后通过JDBC编写一系列基于Web方式的JSP程序，来对同学录的数据库进行添加、查询等功能，要求在网页上显示出来。

四、实验步骤

1．建立数据库

建立名为students的access数据库,在库中建立schoolmate表，字段包括：

id

自动编号

name

文本

birthday

日期/时间

phone

文本

email

文本

address

文本

other

备注

2.创建数据源名

　　打开数据源（ODBC）；添加MicrosoftAccessDriver（*.mdb）数据源驱动程序。

数据源名称：

students；更改默认数据库，选择students。

3．运行所编写的应用程序

启动eclipse，建立项目exp5,将编写的程序放入该项目的WebContent下，右键点击WebContent，选择“刷新”。

打开要运行的页面，在程序的任意位置单击右键，选择“运行方式”/“在服务器上运行”，单击“在服务器上运行”对话框的“完成”，即可看到运行结果。