web程序设计实验报告集合.docx
《web程序设计实验报告集合.docx》由会员分享，可在线阅读，更多相关《web程序设计实验报告集合.docx（6页珍藏版）》请在冰点文库上搜索。
web程序设计实验报告集合
web程序设计实验报告集合
一、实验目的
1.掌握常用的HTML语言标记；
2.利用文本编辑器建立HTML文档，制作简单网页。
二、实验要求
1.独立完成实验。
2.书写实验报告书。
三、实验内容
1.在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名保存，
并在浏览器中运行。
源程序清单如下：
Example
welcometoyou!
WelcometotheworldofHTML!
ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfile
Followinginthreechapters.
Thisisthechapterone!
Thisisthechapterthree!
itemcoment
item1font
item2table
item3form
1
2
3
4
5
6
7
Endoftheexampledocument
运行结果：
2.编写一个能输入如图所示界面的HTML文件。
程序代码：
表单范例
请留下个人资料
运行结果：
一、实验目的
1.掌握JavaScript技术，基本掌握JavaScript的开发技巧；2.利用文本编辑器建立JavaScript脚本语言进行简单编程。
二、实验要求：
1.根据以下实验内容书写实验准备报告。
2.独立完成实验。
三、实验内容
1.显示一个动态的时钟
在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。
源程序清单如下：
运行结果：
2.事件驱动和事件处理
在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。
源程序清单如下：
Bypressingthebutton,afunctionwillbefunctionwillalertamessage.
运行结果：
3.JavaScript表单校验
编写程序，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。
源程序清单如下：
用户登录
用户登录：
运行结果：
一、实验目的
1.掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。
2.在JDK和Eclipse环境下，完成下列实验。
二、实验要求
1.独立完成实验。
2.书写实验报告书。
三、实验内容
编写程序实现一个单选小测试。
在页面显示问题，并将答案提交至进行判断，如果回答正确，则将页面转至；否则，转至。
程序代码：
Stringmydate;
mydate=（\ if（（\
（\
else（\%>
恭喜您答对了！
很抱歉，您答错了！
运行结果：
一、实验目的
1.掌握JSP的Application对象Session对象的用法，基本掌握JSP的开发技巧。
2.在JDK和Eclipse环境下，完成下列实验。
二、实验要求：
1.独立完成实验；2.书写实验报告书
三、实验内容：
1.请仔细阅读下列程序语句，理解每条语句的作用。
源程序清单如下：
网页计数器
if（（\）==null） （\,\）;else {
Stringstrnum=null;
strnum=（\）.toString（）; inticount=0;
icount=（strnum）.intValue（）; icount++;
（\,（icount））; }%>
您是第为访问者！
运行结果：
2.上述计数器当进行刷新时也会自动加1，试编写程序，实现防刷新文本计数器。
源程序清单如下：
网页防刷新计数器运行结果：
3.编写程序和，做一个用户注册的界面，要求对用户填写的部分进行合法性检验，然后提交到进行注册检验，若用户名为user开头的，就提示“该用户名已被注册”，若用户名为admin，就提示“欢迎你，管理员”，否则，就显示“注册成功”。
if（==\ {
alert（\用户确认密码不能为空，请输入密码！
\ （）; returnfalse; }
if（!
=） {
alert（\密码与确认密码不同\ （）; returnfalse; }}
新用户注册
Stringmyusername=（\if（（）>=4）{
Stringmystring=（0,4）;
if（（\
（\对不起，该用户名已经被注册！
请重新输入！
\elseif（（\（\欢迎您，管理员！
\else
（\恭喜您，注册成功！
\}else{
（\恭喜您，注册成功！
\} %>运行结果：
一、实验目的
1.掌握JSP与数据库的连接技术——JDBC2.掌握JSP数据库编程技术。
二、实验要求
1.独立完成实验；2.书写实验报告书
三、实验内容
利用数据库建立一个同学录，然后通过JDBC编写一系列基于Web方式的JSP程序，来对同学录的数据库进行添加、查询等功能，要求在网页上显示出来。
四、实验步骤
1.建立数据库
建立名为students的access数据库，在库中建立schoolmate表.2.创建数据源名
打开数据源；添加MicrosoftAccessDriver（*.mdb）数据源驱动程序。
数据源名称：
students;更改默认数据库，选择students.3.运行所编写的应用程序
五、源程序如下：
删除界面
输入删除同学记录的编号
同学录
同学录
} }
添加界面
添加同学信息
学号姓名生日电话邮箱地址其他StringdriverName=\StringdbName=\
StringtableName=\StringuserName=\StringuserPasswd=\
StringconURL=\Stringsql=\（driverName）; Connectioncon=
（conURL,userName,userPasswd）; Statements=（）; ResultSetrs=（sql）; while（（）） {
（\
（\ （\ （\ （\ （\ （\ （\ （\}
（）; （）; （）;%>
StringdriverName=\StringdbName=\
StringtableName=\StringuserName=\StringuserPasswd=\
StringconURL=\
Stringsql=\（driverName）;
Connectioncon=（conURL,userName,userPasswd）;Stringid=newString（（\Stringup=\PreparedStatementps=（up）;（）;（）;%>
删除后的数据库记录
学号姓名生日电话邮箱地址其他Statements1=（）;ResultSetrs1=（sql）;while（（））{
（\
（\（\（\（\（\（\（\（\}
（）;（）;（）;%>
StringdriverName=\StringdbName=\
StringtableName=\StringuserName=\StringuserPasswd=\
StringconURL=\Stringsql=\（driverName）;
Connectioncon=（conURL,userName,userPasswd）;Stringname=new
String（（\Stringid=newString（（\
Stringbirthday=newString（（\Stringphone=newString（（\Stringemail=newString（（\Stringaddress=new
String（（\Stringother=new
String（（\PreparedStatementps=（\values（?
?
?
?
?
?
?
）\（1,id）;（2,name）;（3,birthday）;（4,phone）;（5,email）;（6,address）;（7,other）;（）;（）;%>
插入后的数据库记录
学号姓名生日电话邮箱地址其他Statements1=（）;ResultSetrs1=（sql）;while（（））{
（\
（\（\（\（\（\（\（\（\}
（）;（）;（）;%>
运行结果:
一、实验目的
1.掌握常用的HTML语言标记；
2.利用文本编辑器建立HTML文档，制作简单网页。
二、实验要求
1.独立完成实验。
2.书写实验报告书。
三、实验内容
1.在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名保存，
并在浏览器中运行。
源程序清单如下：
Example
welcometoyou!
WelcometotheworldofHTML!
ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfile
Followinginthreechapters.
Thisisthechapterone!
Thisisthechapterthree!
itemcoment
item1font
item2table
item3form
1
2
3
4
5
6
7
Endoftheexampledocument
运行结果：
2.编写一个能输入如图所示界面的HTML文件。
程序代码：
表单范例
请留下个人资料
运行结果：
一、实验目的
1.掌握JavaScript技术，基本掌握JavaScript的开发技巧；2.利用文本编辑器建立JavaScript脚本语言进行简单编程。
二、实验要求：
1.根据以下实验内容书写实验准备报告。
2.独立完成实验。
三、实验内容
1.显示一个动态的时钟
在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。
源程序清单如下：
升级会员 