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.显示一个动态的时钟
在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。
源程序清单如下: