当前位置:文档之家› javaweb客户端脚本程序

javaweb客户端脚本程序

实验报告1、实验目的通过若干编程题目,加深对session,request,response,application 等对象2、的理解,掌握其使用方法,初步掌握javascript 客户端验证方法。

2、实验内容和要求1. 编写login.htm 文件,要求用户输入用户名和密码两个文本框,客户端使用javascript 验证输入不能为空。

编写JSP 文件judge.jsp 判断用户输入。

如果用户不等于jsj,密码不等于123,则使用JSP 动作跳转到fail.htm 页面;如果输入正确,则使用response 的重定向方法跳转到success.jsp 页面。

success.jsp 页面使用application 对象显示用户jsj 登录的次数。

2. 编写如下三个文件:a.htm 显示一个文本框和一个提交按钮;b.jsp 将a.htm 表单传递的信息存入session 变量flag 中;c.jsp 取出flag 变量的值并显示。

注意:a.htm 的输入可以是中文。

3、实验步骤(列出:文件夹结构截图、所有文件的列表、功能说明、运行结果截图)1. 打开MyEclipse 软件,新建一个名为lab02 的Web 项目,并设置其部署程序为Tomcat。

2. 在lab02 中编写代码。

3. 可以自行练习定义一些css,使页面更加美观。

Lao02代码Login.html<!DOCTYPE html><html><head><meta charset="gbk"><title>服务器简单程序设计</title></head><body bgcolor="#CECEFF"><center><h1>登陆界面</h1><form action="judge.jsp" method="post">用户名:<input type="text" name="name"><br>密码:<input type="password" name="pwd"><br><input type="submit" name="submit" value="登录"><input type="reset" name="reset" value="重置"></form></center></body></html>Judge.jsp<% page language="java" pageEncoding="gbk"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>服务器端简单程序设计</title></head><body bgcolor="#CECEFF"><center><h1>登陆界面</h1><%request.setCharacterEncoding("gbk");String name=request.getParameter("name");String pwd=request.getParameter("pwd");if(name!=null&&pwd!=null&&name.equals("123")&&pwd.equals("123")){%><jsp:forward page = "success.jsp"/><%}else{response.sendRedirect("fail.html");} %></center></body></html>Success.jsp<% page language="java" contentType="text/html; charset=gbk"pageEncoding="gbk"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>服务器简单程序设计</title></head><body bgcolor="#CECEFF"><center><h1 style="green">登录成功!</h1><%request.setCharacterEncoding("GBK");String name=request.getParameter("name");String pwd=request.getParameter("pwd");%>登录的用户名为:<%=name%><br>登录的密码为:<%=pwd %><br><%! Integer yourNumber=new Integer(0); %><% if(session.isNew()){Integer number=(Integer)application.getAttribute("Count");if(number==null){number=new Integer(1);}else{number=new Integer(number.intValue()+1);}application.setAttribute("Count", number);yourNumber=(Integer)application.getAttribute("Count");}%>欢迎访问本站,您是第<%=yourNumber %>个访问用户。

</center></body></html>Fail.html<!DOCTYPE html><html><head><meta charset="gbk"><title>服务器简单程序设计</title></head><body bgcolor="#CECEFF"><center><h1 style="green">登录失败!</h1><h2>请重新登录,5秒钟后,自动跳转到登录页面!</h2> <%response.setHeader("refresh","5;url=login.html");%></center></body></html>截图:实验2-2a.Html<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>a.html</title><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"><meta http-equiv="description"content="this is my page"><meta http-equiv="content-type"content="text/html; charset=gbk"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--></head><body>实验2-2 <br><form action="b.jsp"method="post"><input type=text name="name"><br><br><inputtype="submit"name="submit"value="提交"></form></body></html>b..jsp<%page language="java"import="java.util.*"pageEncoding="gbk"%><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'b.jsp' starting page</title><meta http-equiv="pragma"content="no-cache"><meta http-equiv="cache-control"content="no-cache"><meta http-equiv="expires"content="0"><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"><meta http-equiv="description"content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><body>实验2-2 <br><%request.setCharacterEncoding("gbk");%><%String submit=request.getParameter("submit");String name=request.getParameter("name");%><%if(submit!=null){session.setAttribute("flag",name);out.println("表达信息已经成功保存");}%><form action="c.jsp"method="post"><input type="submit"name="submit"value="下一步"></form></body></html>c.Jsp<%page language="java"import="java.util.*"pageEncoding="gbk"%><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'c.jsp' starting page</title><meta http-equiv="pragma"content="no-cache"><meta http-equiv="cache-control"content="no-cache"><meta http-equiv="expires"content="0"><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"> <meta http-equiv="description"content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><body>实验2-2 <br><h2>您输入的信息是:<%=session.getAttribute("flag") %></h2></body></html>4、实验心得。

相关主题