WEB程序设计实验田玉玲.docx

1、WEB程序设计实验田玉玲太原理工大学软件工程系 WEB程序设计基础实验指导书太原理工大学田玉玲 编实验1 HTML语言 2实验2 网页程序设计-JavaScript 4实验3 Request与Response对象的应用 7实验4 Application对象Session对象的应用 8实验5 使用JDBC连接数据库 10实验一 HTML语言一、实验目的1掌握常用的HTML语言标记；2利用文本编辑器建立HTML文档，制作简单网页。二、实验要求1独立完成实验。2书写实验报告书。三、实验内容1在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅

2、读下列程序语句，理解每条语句的作用） 源程序清单如下： Examplewelcome to youA simple HTML documentWelcome to the world of HTMLThis is a simple HTML document.It is to give 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

3、twoThis is the chapter threeFollowing is items of the chapter two itemcontentitem 1fontitem 2tableitem 3form1234567End of the example document 2编写一个能输出如图所示界面的HTML文件。实验二 网页程序设计-JavaScript一、实验目的1掌握JavaScript技术,基本掌握JavaScript的开发技巧；2利用文本编辑器建立JavaScript脚本语言进行简单编程。二、实验要求:1根据以下实验内容书写实验准备报告。2独立完成实验。三、实验内容1

4、显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： var timer = null function stop() clearTimeout(timer) function start() var time = new Date() var hours =time.getHours() var minutes =time.getMinutes() minutes=(minutes10)?0:”“)+minutes var seconds=time.getSeconds() seconds=(seconds10)?0:”“)

5、+seconds var clock =hours+:+minutes+:+seconds document.forms0.display.value=clock timer=setTimeout(start(),1000) 现在是北京时间： 分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确. 2事件驱动和事件处理 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： 分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。3JavaScript表单校验编写程序register.htm，做一个如下图所示的用户注册界面，

6、要求对用户填写的部分进行合法性检验。实验3 Request与Response对象的应用一、实验目的1掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2在JDK和Eclipse环境下，完成下列实验。二、实验要求1独立完成实验。2书写实验报告书。三、实验内容编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则，转至no.jsp。实验4 Application对象Session对象一、实验目的1掌握JSP的Application对象Session对象对象的用法，基本

7、掌握JSP的开发技巧。2在JDK和Eclipse环境下，完成下列实验。二、实验要求:1独立完成实验2书写实验报告书三、实验内容:1请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： 2上述计数器当进行刷新时也会自动加1，试编写程序count.jsp，实现防刷新文本计数器。3编写程序register.htm和register.jsp，做一个用户注册的界面，要求对用户填写的部分进行合法性检验，然后提交到register.jsp进行注册检验，若用户名为user开头的，就提示“该用户名已被注册”，若用户名为admin，就提示“欢迎您，管理员”，否则，就显示“注册成功”。实验5使用JDBC连接

8、数据库一、实验目的1掌握JSP与数据库的连接技术JDBC2掌握JSP数据库编程技术。 二、实验要求1独立完成实验2书写实验报告书三、实验内容利用数据库建立一个同学录，然后通过JDBC编写一系列基于Web方式的JSP程序，来对同学录的数据库进行添加、查询等功能，要求在网页上显示出来。 四、实验步骤1建立数据库建立名为students的access数据库,在库中建立schoolmate表，字段包括：id自动编号name文本birthday日期/时间phone文本email文本address文本other备注2. 创建数据源名 打开数据源（ODBC）；添加Microsoft Access Driver(*.mdb)数据源驱动程序。数据源名称：students；更改默认数据库，选择students。3运行所编写的应用程序启动eclipse，建立项目exp5,将编写的程序放入该项目的WebContent下，右键点击WebContent，选择“刷新”。打开要运行的页面，在程序的任意位置单击右键，选择“运行方式”/“在服务器上运行”，单击“在服务器上运行” 对话框的“完成”，即可看到运行结果。