Web实验二 JSP技术及应用

一、实验预习内容

  1. JSP语法元素有哪些?使用时应注意什么问题?
    (1)JSP脚本元素、JSP指令、JSP动作、JSP注释、表达式语言;
  2. JSP页面的生命周期包括哪几个阶段? 页面转换、页面编译、加载和创建实例、调用jspInit()、调用_jspService()、调用jspDestroy().
  3. JSP指令和动作有哪些?有什么区别? JSP指令:向容器提供关于JSP页面的总体信息,指令有三种类型:page指令、include指令和taglib指令。
    JSP动作:是页面发给容器的命令,它指示容器在页面执行期间完成某种任务,动作有三种:JSP标准动作、标准标签库中的动作和用户自定义动作。
    区别:指令在编译时加入,所谓静态,就是在编译的时候将a.jsp的代码加入进来再编译,之后运行.而动作在运行时加入,所谓动态,就是单独编译,在运行时候加入进来,之后显示,这种include,可以传递参数.
  4. page指令有哪些常用的属性,这些属性的功能是什么?
属性名功能
import导入在JSP页面中使用的Java类和接口
contentType指定输出的内容类型和字符集
session用布尔值指定JSP页面是否参加HTTP会话
errorPage用相对URL指定另一个JSP页面用来处理当前页面的错误
isErrorPage用一个布尔值指定当前JSP页面是否用来处理错误
pageEncoding指定JSP文件的字符编码

二、实验内容与步骤

  1. 创建一个名为exp02的Web项目,创建并执行下面JSP页面,文件名为counter. jsp
<%@ page language="java" %> <%! int count = 0; %> <% count++; %> Welcome! You are visitor number <%= count %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<%@ page language="java" %>
<%! int count = 0; %>
<% count++; %>
Welcome! You are visitor number
<%= count %>
</body>
</html>

【步骤1】在浏览器中访问该页面,输出结果如何?多次刷新页面,结果如何?
在这里插入图片描述
在这里插入图片描述
【步骤2】打开counter.jsp转换后的源文件counter_jsp.java,对应的类文件在哪里?文件名是什么?
答:在apache-tomcat-8.5.51里的work文件夹下,localhost–>ROOT–>org–>apache–>jsp里面。
【步骤3】查看count变量是在哪里声明的?
在这里插入图片描述
【步骤4】将上面JSP页面中的<%! int count = 0; %>一行改为<% int count = 0; %>,页面能否正常执行,它与上面页面有什么区别?
答:可以正常执行,但是刷新后数字不再进行增加。区别:上面页面使用的是声明语句,而现在这个改成了小脚本。

  1. errorPage属性和isErrorPage属性的使用。
    【步骤1】创建hello.jsp页面,从请求中读取名为 “name”的请求参数值,如果值为null,则抛出一个运行时异常,异常描述信息为"没有指定name 属性",指定错误处理页面为errorHandler.jsp;如果请求参数不为空,则输出“Hello”+name。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page errorPage="errorHandler.jsp" %>
<html>
<head>
    <title>获取名字</title>
</head>
<body>
    <%
        String name=request.getParameter("name");
   	 	java.net.URLDecoder.decode(name,"utf-8");
        if(name==null) {
            throw new RuntimeException("没有指定name参数");
        }
    %>
    Hello,<%=name%>
</body>
</html>

【步骤2】创建errorHandler.jsp错误处理页面,显示异常提示信息。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page isErrorPage="true" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>错误处理</title>
</head>
<body>
<%
response.setStatus(200);
%>
请求不能处理:<%=exception.getMessage() %><br/>
请重试!
</body>
</html>

【步骤3】用下面两种URL访问hello.jsp页面,给出最终显示的运行结果,并分析原因。
http://localhost:8080/ch07/hello.jsp
在这里插入图片描述
http://localhost:8080/ch07/hello.jsp?name=欧阳清风
在这里插入图片描述
3. 应用session对象实现用户登录。
【步骤1】创建login.jsp文件,添加用于收集用户登录信息的表单及表单元素。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>收集用户登录信息</title>
</head>
<body>
<form action="deal.jsp" name="form" method="post">
	用户名:<input name="username" type="text" id="name" style="widtn:120px"><br/>
	<br/>&nbsp;&nbsp;&nbsp;&nbsp;码:<input name="pwd" type="password" id="pwd" style="width:150px"><br/>
 	<br/>
 	<input type="submit" name="Submit" value="登录"/>
</form>
</body>
</html>

【步骤2】编写deal.jsp文件,在该文件中模拟用户登录(这里将用户信息保存到一个二维数组中),如果登录成功,将用户名username保存到session范围内的变量中,并将页面重定向到main.jsp页面;否则,将页面重定向到login.jsp页面,重新登录。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="java.util.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
    String[][] userList={{"白敬亭","123456"}};
    boolean flag=false;
    request.setCharacterEncoding("utf-8");
    String username = request.getParameter("username");
    String pwd=request.getParameter("pwd");
    for(int i=0;i<userList.length;i++){
        if(userList[i][0].equals(username)){
            if(userList[i][1].equals(pwd)){
                flag=true;
                break;
            }
        }
    }
    if(flag){
        session.setAttribute("username", username);
        response.sendRedirect("main.jsp");
    }else{
        response.sendRedirect("login.jsp");
    }
%>
</body>
</html>

【步骤3】编写main.jsp文件,在该文件中,首先获取并显示保存到session范围内的变量username,并显示用户名和欢迎信息,然后添加一个退出超链接,链接至exit.jsp页面。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<% String username=(String)session.getAttribute("username"); %>
<%=username %>您好,欢迎访问!<br/>
<br/>
<a href="exit.jsp">[退出]</a>
</body>
</html>

【步骤4】编写exit.jsp文件,在该文件中销毁session,并重定向页面至login.jsp页面。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
    session.invalidate();
    response.sendRedirect("login.jsp");
%>
</body>
</html>

在这里插入图片描述
在这里插入图片描述

4.通过application对象实现页面访问计数器功能。
创建一个页面app_counter.jsp,当用户访问该页面时,程序会自动将网站的访问次数加1,实现代码中可以使用synchronized(application){…}的方法使多用户同步共享application对象。当被共享的对象正在被使用时,其它用户只能等待,直到上一个用户对其操作结束。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<body>
  <%
  synchronized (application) {
	  if(application.getAttribute("counter")==null)
      {
         application.setAttribute("counter", "1");
      }
      else 
      {
         String strnum=null;
         strnum =(String)application.getAttribute("counter");
         int count=0;
         count=Integer.valueOf(strnum).intValue();
         count++;
         application.setAttribute("counter",Integer.toString(count));
      } 
  }    
    %>
欢迎访问,您是第<%=application.getAttribute("counter") %>位访问者!
</body>
</html>

在这里插入图片描述

5.编写一个页面文件staytime.jsp, 统计用户在该页面停留的时间。运行本示例,将会显示用户的登录时间,并且每过10秒刷新一次页面显示用户在该页面的停留时间。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
java.util.Date now=new java.util.Date();
response.setHeader("refresh", "10");

%>
登录时间为:<%=now %>

<form name="form1" method="post" action="">
    <center>
        <p><font size="5" color="#0000FF">您在本站已停留:</font></p>
        <p>
            <input name="textarea" type="text" value="">
        </p>
    </center>
    <script language="javascript">
        var second=0;
        var minute=0;
        var hour=0;
        window.setTimeout("interval();",1000);
        function interval()
        {
            second++;
            if(second==60)
            {
                second=0;minute+=1;
            }
            if(minute==60)
            {
                minute=0;hour+=1;
            }
            document.form1.textarea.value = hour+"时"+minute+"分"+second+"秒";
            window.setTimeout("interval();",1000);
            
        }
        
    </script>
</form>

</body>
</html>

三、思考题

  1. 如何给JSP页面设置初始化参数并访问这些初始化参数?
    /RealPage.jsp

2.JSP的四大作用域对象pageContext, request, session、application对应的Servlet类、作用及范围各是什么?
在这里插入图片描述

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值