WEB实验题目及代码.docx
- 文档编号:26032625
- 上传时间:2023-06-17
- 格式:DOCX
- 页数:43
- 大小:1.48MB
WEB实验题目及代码.docx
《WEB实验题目及代码.docx》由会员分享,可在线阅读,更多相关《WEB实验题目及代码.docx(43页珍藏版)》请在冰豆网上搜索。
WEB实验题目及代码
JavaScript基础训练
一、实验目的:
编写JavaScript代码,熟悉并掌握JavaScript的基本语法、控制结构及函数,掌握JavaScript预定义对象、浏览器对象的使用
二、实验内容:
在MyEclipse环境下编写JavaScript代码,调入或嵌入HTML页面中。
三、实验要求:
1.熟悉并掌握JavaScript的基本语法、控制结构及函数;
2.掌握JavaScript预定义对象、浏览器对象的使用;
3.将JavaScript代码嵌入或调入HTML页面,并完成指定效果;
4.写出实验报告。
四、实验学时:
2学时
五、实验步骤:
1.进入MyEclipse环境,新建一个WebProject;
2.新建一个HTML网页,网页上有一个姓名输入框、密码输入框、性别单选按钮组和一个提交按钮,要求用户提交时检查姓名不能为空,密码长度在6到10位之间,性别项不能为空,如果不符合标准则不允许提交,并提示相应错误信息;
3.在完成P92第5题的基础上实现计算功能
【第3题注释:
】parseFloat()函数将字符串转变成浮点数
functioncheckForm(){
varusername=document.myForm.userName.value;
if(username==""){
alert("用户名不能为空!
")
//调用表单元素对象的focus方法使得该表单元素对象重新获得输入焦点
document.myForm.userName.focus();
returnfalse;
}
varp=document.myForm.pwd.value;
if(p==""){
alert("密码不能为空!
")
document.myForm.pwd.focus();
returnfalse;
}
if(p.length<6||p.length>10)
{alert("密码长度不符合!
长度在6-10之间")
document.myForm.pwd.focus();
returnfalse;
}
varxb=document.myForm.gender;
varflag=false;
for(vari=0;i if(xb[i].checked){ flag=true; } } if(! flag){ alert("请选择性别! "); returnfalse; } }
用户名: | |
密码: | |
性别: | |
onsubmit="returncheckForm()提交表单的时候先执行checkForm();这个方法,如果这个方法返回的是false则将不提交表单
functionjisuan(){
varNum;
varNum1=parseFloat(document.myForm.Number1.value);
varNum2=parseFloat(document.myForm.Number2.value);
varjs=document.myForm.caozuo;
if(js[0].checked)Num=Num1+Num2;
if(js[1].checked)Num=Num1-Num2;
if(js[2].checked)Num=Num1*Num2;
if(js[3].checked)Num=Num1/Num2;
document.myForm.jieguo.value=Num;
}
第一个操作数: | |
第二个操作数: | |
请选择操作 | |
结果是: |
JSP基本语法训练
一、实验目的:
编写JSP代码,熟悉并掌握JSP的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作。
二、实验内容:
在MyEclipse环境下编写JSP代码,运用JSP的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作完成相应的功能,调试运行程序。
三、实验要求:
1.熟悉并掌握JSP的基本语法、控制结构、表达式、脚本段;
2.熟悉并掌握JSP的指令及JSP动作;
3.运用各项JSP技术完成规定功能;
4.写出实验报告。
四、实验学时:
2学时
五、实验步骤:
1.进入MyEclipse环境,新建一个WebProject;
2.新建一个JSP页面,该页面向浏览器输出一句”HelloJSP”,要求采用三种方式输出(模板文本输出/out.println方法输出/JSP表达式输出),并观察该JSP页面所生成Servlet,解释页面内容在Servlet中的对应角色;
3.新建JSP页面,显示一个如下表格,表格重复内容采用循环输出,并观察该JSP页面所生成Servlet,解释页面内容在Servlet中的对应角色;
书号
书名
作者
出版社
价格
类别
操作
ISBN-001
Web开发
范月华
清华出版社
25
新书
编辑删除
ISBN-001
Web开发
范月华
清华出版社
25
新书
编辑删除
ISBN-001
Web开发
范月华
清华出版社
25
新书
编辑删除
ISBN-001
Web开发
范月华
清华出版社
25
新书
编辑删除
ISBN-001
Web开发
范月华
清华出版社
25
新书
编辑删除
4.教材P154例7.4,out.println输出形式改成模板文本输出和JSP表达式输出两种形式,
并观察该JSP页面所生成Servlet,解释页面内容在Servlet中的对应角色;
5.调试运行程序;
Num1
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+":
//"+request.getServerName()+":
"+request.getServerPort()+path+"/";
%>
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
--
-->
Hellojsp!
<%
out.println("Hellojsp!
");
%>
<%="hellojsp!
"%>
Num2
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+":
//"+request.getServerName()+":
"+request.getServerPort()+path+"/";%>
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
--
书号 书名 作者
<%for(inti=1;i<6;i++){%>
Num3
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+":
//"+request.getServerName()+":
"+request.getServerPort()+path+"/";%>
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
--
<%Datetoday=newDate();inthours=today.getHours();if(hours>=0&&hours<12){%>
朋友们,早上好!
<%}elseif(hours>=12&&hours<19){%>
朋友们,中午好!
<%}else{%>
朋友们,晚上好!
<%}%>
Num4
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+":
//"+request.getServerName()+":
"+request.getServerPort()+path+"/";
%>
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
--
-->
<%
Datetoday=newDate();
inthours=today.getHours();
if(hours>=0&&hours<12){
%>
<%="朋友们,早上好!
"%>
<%}elseif(hours>=12&&hours<19){%>
<%="朋友们,中午好!
"%>
<%}else{%>
<%="朋友们,晚上好!
"%>
<%}%>
JSP内置对象编程
一、实验目的:
编写JSP代码,熟悉并掌握常用JSP内置对象(request、response、out、session等)及Cookie的使用。
二、实验内容:
在MyEclipse环境下编写JSP代码,运用JSP的常用内置对象(request、response、out、session等)以及Cookie完成相应的功能,调试运行程序。
三、实验要求:
1.熟悉并掌握JSP的常用内置对象及Cooke;
2.运用常用JSP内置对象及Cookie完成规定功能;
3.写出实验报告。
四、实验学时:
2学时
五、实验步骤:
1.进入MyEclipse环境,导入之前的书店后台管理WebProject;
2.改造书籍添加页面,实现将书籍添加信息提交至一个JSP页面,在该JSP页面内读取请求参数信息,显示在一个表格中,第一列显示参数名,第二列显示参数值;
3.开发完成登陆页面login.html,实现将登陆信息提交至一个JSP页面,在该JSP页面读取用户名和密码并做简单判断,如果正确转向首页,并在首页顶部显示欢迎信息(今天是XXXX年XX月XX日,欢迎XX),否则转向错误提示页面(提示重新登陆);
4.调试运行程序;
六、选作实验
完善登陆页面,实现记住用户名和密码的自动登陆功能
书籍信息管理
其他模块管理
其他模块管理
其他模块管理
其他模块管理
其他模块管理
基本信息
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WEB 实验 题目 代码
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1