WEB程序设计实验

《WEB程序设计实验》由会员分享，可在线阅读，更多相关《WEB程序设计实验（14页珍藏版）》请在装配图网上搜索。

1、太原理工大学软件工程系WEB程序设计基本实验指引书太原理工大学田玉玲 编目录实验1 HTML语言2实验2 网页程序设计-JavaScript4实验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 twoThis is the c

3、hapter 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 = nullfunction stop()clearTimeout(timer)function start()var time = new Date()var hours =time.getHours()var minutes =time.getMinutes()minutes=(minutes10)?0:”“)+minutesvar seconds=time.getSeconds()seconds=(seconds10)?0:”“)+secondsvar clock =hours+

5、:+minutes+:+secondsdocument.forms0.display.value=clocktimer=setTimeout(start(),1000)目前是北京时间：分析上述代码的作用,然后用浏览器运营文献,验证自己的判断与否对的. 2事件驱动和事件解决 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： function myfunction()alert(HELLO)By pressing the button, a function will be called. The function will alert a m

6、essage.分析上述代码的作用,然后用浏览器运营文献,验证自己的判断与否对的。3JavaScript表单校验编写程序register.htm，做一种如下图所示的顾客注册界面，规定对顾客填写的部分进行合法性检查。实验3 Request与Response对象的应用一、实验目的1掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2在JDK和Eclipse环境下，完毕下列实验。二、实验规定1独立完毕实验。2书写实验报告书。三、实验内容编写程序实现一种单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答对的，则将页面转至y

7、es.jsp;否则，转至no.jsp。实验4 Application对象Session对象一、实验目的1掌握JSP的Application对象Session对象对象的用法，基本掌握JSP的开发技巧。2在JDK和Eclipse环境下，完毕下列实验。二、实验规定:1独立完毕实验2书写实验报告书三、实验内容:1请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： 网页计数器您是第位访问者！2上述计数器当进行刷新时也会自动加1，试编写程序count.jsp，实现防刷新文本计数器。3编写程序register.htm和register.jsp，做一种顾客注册的界面，规定对顾客填写的部分进行合法性检

8、查，然后提交到register.jsp进行注册检查，若顾客名为user开头的，就提示“该顾客名已被注册”，若顾客名为admin，就提示“欢迎您，管理员”，否则，就显示“注册成功”。实验5使用JDBC连接数据库一、实验目的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，选择“刷新”。打开要运营的页面，在程序的任意位置单击右键，选择“运营方式”/“在服务器上运营”，单击“在服务器上运营” 对话框的“完毕”，即可看到运营成果。