JSP技术及应用
实验预习内容
- JSP语法元素有哪些?使用时应注意什么问题?
答:JSP语法元素有JSP脚本元素、JSP指令、JSP动作、表达式语言、JSP注释五种。使用时应注意每一种JSP语法元素都具有严格定义的语法。 - JSP页面的生命周期包括哪几个阶段?
答:1.转换阶段2.编译阶段3.类的加载和实例化4.调用jspInit() 5.调用_jspService() 6.调用jspDestroy()。 - JSP指令和动作有哪些?有什么区别?
答:JSP指令:page指令、include指令、taglib指令。JSP动作:JSP标准动作、标准标签库(JSTL)中的动作和用户自定义动作。他们之前的区别是:指令是向容器提供关于JSP页面的总体信息。而动作是页面发给容器的命令,它指示容器在页面执行期间完成某种任务。 - page指令有哪些常用的属性,这些属性的功能是什么?
答:page指令的常用属性有import、contentType、pageEncoding、session、errorPage和isErrorPage。这些属性的功能,其中import:导入在JSP页面中使用的java类和接口,其间用逗号分隔。contentType:指定输出的内容类型和字符集。pageEncoding:指定JSP文件的字符编码。session:用布尔值指定JSP页面是否参加HTTP会话。errorPage:用相对URL指定另一个JSP页面用来处理当前页面的错误。isErrorPage:用一个布尔值指定当前JSP页面是否用来处理错误。
实验内容与步骤
- 创建一个名为exp02的Web项目,创建并执行下面JSP页面,文件名为counter. jsp
<html><body>
<%@ page language="java" %>
<%! int count = 0; %>
<% count++; %>
Welcome! You are visitor number
<%= count %>
</body></html>
【步骤1】在浏览器中访问该页面,输出结果如何?多次刷新页面,结果如何?
第一次输出:
多次刷新页面,尾端数字大小随刷新次数增加。
【步骤2】打开counter.jsp转换后的源文件counter_jsp.java,对应的类文件在哪里?文件名是什么?
对应的类文件放在了Tomcat目录中的work文件夹下。
文件名:counter_jsp.class
【步骤3】查看count变量是在哪里声明的?
【步骤4】将上面JSP页面中的<%! int count = 0; %>一行改为<% int count = 0; %>,页面能否正常执行,它与上面页面有什么区别?
能正常执行。但是无法进行count的递增。
- 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");
if(name == null){
throw new RuntimeException("没有指定name属性");
}
%>
Hello <%=name%>
</body>
</html>
【步骤2】创建errorHandler.jsp错误处理页面,显示异常提示信息。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isErrorPage="true" %>
<html>
<head>
<title>处理错误</title>
</head>
<body>
请求不能被处理:<%=exception.getMessage()%><br>
请重试!
</body>
</html>
【步骤3】用下面两种URL访问hello.jsp页面,给出最终显示的运行结果,并分析原因。
http://localhost:8080/ch07/hello.jsp
http://localhost:8080/ch07/hello.jsp?name=欧阳清风
如果提供了name参数,则从请求中读取名为name的参数;如果没有提供name参数,hello.jsp页面抛出RuntimeException异常,调用了处理错误页面errorHandler.jsp。
- 应用session对象实现用户登录。
【步骤1】创建login.jsp文件,添加用于收集用户登录信息的表单及表单元素。
【步骤2】编写deal.jsp文件,在该文件中模拟用户登录(这里将用户信息保存到一个二维数组中),如果登录成功,将用户名username保存到session范围内的变量中,并将页面重定向到main.jsp页面;否则,将页面重定向到login.jsp页面,重新登录。
【步骤3】编写main.jsp文件,在该文件中,首先获取并显示保存到session范围内的变量username,并显示用户名和欢迎信息,然后添加一个退出超链接,链接至exit.jsp页面。
【步骤4】编写exit.jsp文件,在该文件中销毁session,并重定向页面至login.jsp页面。
- login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户登录信息</title>
</head>
<body>
<form action="deal.jsp" name="form1" method="post">
用户名: <input name="username" type="text" id="name" style="width:120px"><br>
密 码: <input name="pwd" type="password" id="pwd" style="width:120px"><br>
<br>
<input type="submit" name="Submit" value="登录"/>
</form>
</body>
</html>
- deal.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.*" %>
<html>
<head>
<title></title>
</head>
<body>
<%
String[][] userList={{"ab","123"},{"cd","456"}};//保存用户列表
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);//保存用户名 到session范围的变量中
response.sendRedirect("main.jsp");//跳转到主页
}else{
response.sendRedirect("login.jsp");//跳转到登录页面
}
%>
</body>
</html>
- main.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title></title>
</head>
<body>
<%String username=(String)session.getAttribute("username"); %><!-- 获取保存在session范围在内的用户名 -->
您好![<%=username %>],欢迎访问!<br>
<a href="exit.jsp">[退出]</a>
</body>
</html>
- exit.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title></title>
</head>
<body>
<%
session.invalidate();//销毁session
response.sendRedirect("login.jsp");//重定向页面
%>
</body>
</html>
运行截图:
- 通过application对象实现页面访问计数器功能。
创建一个页面app_counter.jsp,当用户访问该页面时,程序会自动将网站的访问次数加1,实现代码中可以使用synchronized(application){…}的方法使多用户同步共享application对象。当被共享的对象正在被使用时,其它用户只能等待,直到上一个用户对其操作结束。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="GB18030">
<title>页面访问次数计数器</title>
</head>
<body>
<%
int i = 0;
synchronized (application) {
if (application.getAttribute("times") == null) {
i = 1;
} else {
i = Integer.parseInt((String) application.getAttribute("times"));
}
application.setAttribute("time", Integer.toString(i));
}
%>
<table>
<tr>
<td align="center" style="color: #6495ed">欢迎访问</td>
</tr>
<tr>
<td>您是第 <font color="red"><%=i %></font> 位访问本网站的游客</td>
</tr>
</table>
</body>
</html>
- 编写一个页面文件staytime.jsp,
统计用户在该页面停留的时间。运行本示例,将会显示用户的登录时间,并且每过10秒刷新一次页面显示用户在该页面的停留时间。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>统计停留时间</title>
</head>
<body>
<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>
思考题
- 如何给JSP页面设置初始化参数并访问这些初始化参数?
- JSP的四大作用域对象pageContext, request, session、application对应的Servlet类、作用及范围各是什么?