Jerry

外观

Java Web（二）JavaServer Pages （JSP）

2122字约7分钟

JavaWeb

2018-03-22

我们知道，Servlet 中可以对客户端发来的信息进行处理（doGet、doPost等），可是，在 Servlet 里面输出 HTML 代码是一件很酸爽的事情。

如果我们直接写 HTML 代码，然后在需要动态获取的地方用 Java 代码来实现，不是很方便？

JSP 就是干这个事的！

维基百科定义: JSP（全称JavaServer Pages）是由Sun Microsystems公司主导建立的一种动态网页技术标准。 JSP部署于网络服务器上，可以响应客户端发送的请求，并根据请求内容动态地生成HTML、XML或其他格式文档的Web网页，然后返回给请求者。

JSP 如何转成 HTML

  1. 把 hello.jsp 转译为hello_jsp.java
  2. hello_jsp.java继承了HttpServlet类，因此它是一个servlet
  3. hello_jsp.java 被编译为hello_jsp.class
  4. 执行 hello_jsp，生成 html
  5. 通过 http 协议把html 响应返回给浏览器

JSP 的页面元素

静态内容

包括 HTML、CSS、JavaScript 等内容

指令

类似于下面 以 <%@ 开头，以 %> 结尾的

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

Scriptlet

类似于下面 以 <% 开头，以 %> 结尾的

<%
    response.sendRedirect("hello.jsp");
%>

如果是<%=，后面加了个 = ，比如<%="hello jsp"%> ，其实相当于 <%out.println("hello jsp");%>，这是一种隐式对象。

<%=new Date().toString()%>

动作

在jsp页面中包含另一个页面

<jsp:include page="Filename" >

跳转到另一个页面（服务端跳转）

<jsp:forward page="hello.jsp"/>

会话跟踪

会话跟踪是一种灵活、轻便的机制，它使Web上的状态编程变为可能。

HTTP是一种无状态协议，每当用户发出请求时，服务器就会做出响应，客户端与服务器之间的联系是离散的、非连续的。当用户在同一网站的多个页面之间转换时，根本无法确定是否是同一个客户，会话跟踪技术就可以解决这个问题。当一个客户在多个页面间切换时，服务器会保存该用户的信息。

有四种方法可以实现会话跟踪技术：URL重写、隐藏表单域、Cookie、Session。

  1. 隐藏表单域：<input type="hidden">，非常适合步需要大量数据存储的会话应用。
  2. URL 重写：URL 可以在后面附加参数，和服务器的请求一起发送，这些参数为名字/值对。
  3. Cookie:一个 Cookie 是一个小的，已命名数据元素。服务器使用 SET-Cookie 头标将它作为 HTTP 响应的一部分传送到客户端，客户端被请求保存 Cookie 值，在对同一服务器的后续请求使用一个 Cookie 头标将之返回到服务器。与其它技术比较，Cookie 的一个优点是在浏览器会话结束后，甚至在客户端计算机重启后它仍可以保留其值。
  4. Session：使用 setAttribute(String str,Object obj) 方法将对象捆绑到一个会话

Cookie 和 Session

关于 Cookie 和 Session 的概念，可参考 HTTP之旅

setCookie

我们可以在web目录下创建一个文件 setCookie.jsp，然后用 Scriptlet<%...%> new一个 Cookie 对象。

  • 用c.setMaxAge()来设置保留时间（以秒为单位）。
  • 用c.setPath("127.0.0.1")来设置主机名
  • 用response.addCookie(c);把这个cookie保存在浏览器端
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="javax.servlet.http.Cookie"%>

<%
    Cookie c = new Cookie("name", "Gareen");
    c.setMaxAge(60 * 24 * 60);
    c.setPath("127.0.0.1");
    response.addCookie(c);
%>

<a href="getCookie.jsp">跳转到获取cookie的页面</a>

访问：http://127.0.0.1/setCookie.jsp ，用Chrome F12工具可看到 cookie

getCookie

在web目录下创建文件getCookie.jsp，填入

<%
    Cookie[] cookies = request.getCookies();
    if (null != cookies)
        for (int d = 0; d <= cookies.length - 1; d++) {
            out.print(cookies[d].getName() + ":" + cookies[d].getValue() + "<br>");
        }
%>

然后访问 http://127.0.0.1/getCookie.jsp ，可以看到name:Gareen，这就是setCookie.jsp中设置的Cookie

setSession

会话指的是从用户打开浏览器访问一个网站开始，无论在这个网站中访问了多少页面，点击了多少链接，都属于同一个会话。 直到该用户关闭浏览器为止，都属于同一个会话。

setSession.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="javax.servlet.http.Cookie"%>

<%
   session.setAttribute("name", "teemo");
%>

<a href="getSession.jsp">跳转到获取session的页面</a>
  • 用 session.setAttribute("name", "wtf"); 来保存数据，其中第一个参数是键，第二个参数是值

getSession

getSession.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="javax.servlet.http.Cookie"%>

<%
    String name = (String)session.getAttribute("name");
%>

session中的name: <%=name%>
  • 用session.getAttribute("name");获取数据，参数是键，不是值。

效果是，在getSession.jsp页面显示如下内容

session中的name: wtf

如果浏览器关闭了 Cookie

如果浏览器把cookie功能关闭，那么服务端就无法获取jsessionid,每一次访问，都会生成一个新的session对象。

为了解决这个问题，可以使用

response.encodeURL("getSession.jsp"))

于是 getSession.jsp 这个页面的URL就会被转换成

getSession.jsp;jsessionid=22424AEA86ADBE89F335EEB649D997A8

通过这个方式，提交jsessionid到服务器。 服务器根据这个jsessionid匹配到对应的session. 与session相关的功能，就可以正常工作了。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="javax.servlet.http.Cookie"%>

<%
   session.setAttribute("name", "teemo");
%>

<a href="<%=response.encodeURL("getSession.jsp")%>">跳转到获取session的页面</a>

作用域

JSP 有 4 个作用域

  • pageContext： 只能在当前页面访问，在其他页面就不能访问了。
  • requestContext： 一次请求。随着本次请求结束，其中的数据也就被回收。
  • sessionContext： 当前会话。从一个用户打开你的网站的那一刻起，无论访问了多少个子网页，链接都属于同一个会话，直到浏览器关闭。
  • applicationContext： 全局，所有用户共享

作用域示例

setContext.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%
    pageContext.setAttribute("name","gareen");
%>

<%=pageContext.getAttribute("name")%>

getContext.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%=pageContext.getAttribute("name")%>

getContext.jsp从setContext.jsp获取了数据，由于是pageContext，所以只能在当前页面，跳转到其他页面就不能获取了。

隐式对象

JSP的隐式对象指的是不需要显示定义，直接就可以使用的对象。

JSP一共有9个隐式对象，分别是

  • request：请求
  • response：响应
  • out：输出
  • pageContext：当前页面作用域
  • session：会话作用域
  • application：全局作用域
  • page：表示当前对象。JSP 会被编译为一个Servlet类 ，运行的时候是一个Servlet实例。 page即代表this
  • config：config可以获取一些在web.xml中初始化的参数。
  • exception：异常。只有当前页面的<%@page 指令设置为isErrorPage="true"的时候才可以使用。

参考：HOW2J

JSTL

JSP Standard Tag Library 标准标签库

JSTL允许开人员可以像使用HTML标签 那样在JSP中开发Java功能。

JSTL库用得比较多的有 core 和 fmt

EL表达式

首先在 jsp 头标注isELIgnored="false"，因为不同版本的 Tomcat 对 EL 表达式默认开关不一样。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<c:set var="name" value="${'gareen'}" scope="request" />

通过标签获取name: <c:out value="${name}" /> <br>

通过 EL 获取name: ${name}

可见，JSTL输出要写成<c:out value="${name}" /> 的代码，用 EL表达式只需要写${name}，非常方便。

JavaBean

Java语言欠缺属性、事件、多重继承功能。所以，如果要在Java程序中实现一些面向对象编程的常见需求，只能手写大量胶水代码。Java Bean正是编写这套胶水代码的惯用模式或约定。这些约定包括getXxx、setXxx、isXxx、addXxxListener、XxxEvent等。遵守上述约定的类可以用于若干工具或库。

参考：Zhihu

简单地说，JavaBean是一种标准：

  1. 提供无参public的构造方法(默认提供)
  2. 每个属性，都有public的getter和setter
  3. 如果属性是boolean,那么就对应is和setter方法

我们可以用 EL 表达式来获取 JavaBean 的属性

如${student.name}，就会自动调用getName方法

完整例子来自 How2j

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false" import="bean.*"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%
    Hero hero =new Hero();
    hero.setName("盖伦");
    hero.setHp(616);

    request.setAttribute("hero", hero);
%>

英雄名字 ： ${hero.name} <br>
英雄血量 ： ${hero.hp}

例子2

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%
    List<String> heros = new ArrayList<String>();
    heros.add("塔姆");
    heros.add("艾克");
    heros.add("巴德");
    heros.add("雷克赛");
    heros.add("卡莉丝塔");
    request.setAttribute("heros",heros);
%>

<table width="200px" align="center" border="1" cellspacing="0">
<tr>
    <td>编号</td>
    <td>英雄</td>
</tr>

<c:forEach items="${heros}" var="hero" varStatus="st"  >
    <tr>
        <td>${st.count}</td>
        <td>${hero}</td>
    </tr>
</c:forEach>
</table>