JavaWeb开发 JSP技术详解

JSP(全称Java Server Pages)Java服务端页面技术，是JavaEE平台下的技术规范。它允许使用特定的标签在HTML网页中插入Java代码，实现动态页面处理，所以JSP就是HTML与Java代码的复合体。JSP技术可以快速的实现一个页面的开发，相比在Servlet中实现页面开发将变得更加容易。

1.2 常见的视图层技术

HTML、JSP、Thymeleaf等。

1.3 前后端分离开发方式

在前后端分离的项目中真正可以做到“术业有专攻”（开发人员分离）。前后端分离开发方式中前端页面由专业团队完成页面的开发，并通过请求调用后端的api接口进行数据交互。在开发前端页面的团队中更多关注的技术如：html、CSS、jQuery、Vue、Nodejs等前端技术。前端追求的是：页面表现，速度流畅，兼容性，用户体验等等。而后端团队则更多的是业务的具体实现。在后端开发的团队中更多关注的技术如：设计模式、分布式架构、微服务架构、数据库的操作、Java的性能优化以及数据库优化等技术。前后端分离已成为互联网项目开发的业界标准使用方式，特别是为大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。

二、JSP运行原理

2. 1JSP技术特点

JSP和Servlet是本质相同的技术。当一个JSP文件第一次被请求时，JSP引擎会将该JSP编译成一个Servlet，并执行这个Servlet。如果JSP文件被修改了，那么JSP引擎会重新编译这个JSP。

JSP引擎对JSP编译时会生成两个文件分别是.java的源文件以及编译后的.class文件，并放到Tomcat的work目录的Catalina对应的虚拟主机目录中的org\apache\jsp目录中。两个文件的名称会使用JSP的名称加”_jsp”表示。如：index_jsp.java、index_jsp.class

2.2 JSP与Servlet区别

JSP以源文件形式部署到容器中。而Servlet需要编译成class文件后部署到容器中。
JSP部署到web项目的根目录下或根目录下的其他子目录和静态同资源位于相同位置。而Servlet需要部署到WEB-INF/classes目录中。
JSP中的HTML代码会被JSP引擎放入到Servlet的out.write()方法中。而在Servlet中我们需要自己通过对字符流输出流的操作生成响应的页面。
JSP更擅长表现于页面显示，Servlet更擅长于逻辑控制。

三、JSP标签的使用

3.1 原始标签

JSP的原始标签在JSP的任何版本中都可以使用。

3.1.1 <%! %> 声明标签

声明标签用于在JSP中定义成员变量与方法的定义。标签中的内容会出现在JSP被编译后的Servlet的class的{}中。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  Hello jsp!
  <%! int a = 10; 
    public void add(int a) {
      System.out.println(a);
    } 
    %>
  </body>
</html>

3.1.2 <% %>脚本标签

脚本标签用于在JSP中编写业务逻辑。标签中的内容会出现在JSP被编译后的Servlet的_jspService方法体中。因此在脚本标签中是不允许再声明方法的，只能定义局部变量、循环判断等。

  <%
    int a = 10;
  %>

3.1.3 <%= %>赋值标签

赋值标签用于在JSP中做内容输出。标签中的内容会出现在_jspService方法的out.print()方法的参数中。注意我们在使用赋值标签时不需要在代码中添加 ”；”。

<%= a %>

3.1.4原始标签的使用

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
 <%
    int flag = new Random().nextInt(100);
    String str = "";
    if(flag<=20){
        str = "中奖了";
    }else {
        str = "没中奖";
    }
 %>
<%= str %>
</body>
</html>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
 <%
    int flag = new Random().nextInt(100);
    String str = "";
    if(flag<=20){ %>
     中奖了
<%} else { %>
    没中将
<%}%>
</body>
</html>

3.2 JSP的指令标签

JSP指令标签的作用是声明JSP页面的一些属性和动作。

<%@指令名称属性="值" 属性="值1,值2...."%>

3.2.1 JSP指令标签分类

Page指令标签

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

contentType

设置响应类型和编码，默认使用contentType指定的编码方式。

pageEncoding

设置当前页面的编码。

import

导入所需要的包。

language

当前JSP页面里面可以嵌套的语言。

session

设置JSP页面是否获取session内置对象，默认true。

buffer

设置JSP页面的流的缓冲区的大小。

autoFlush

是否自动刷新。

exends

声明当前JSP的页面继承于那个类.必须继承的是httpservlet 及其子类。

isELIgnored

是否忽略el表达式。

errorPage

当前JSP页面出现异常的时候要跳转到的JSP页面。

isErrorPage

当前JSP页面是否是一个错误页面。若值为true,可以使用JSP页面的一个内置对象 exception。

Include指令标签

静态包含,可以将其他页面内容包含进来,一起进行编译运行.生成一个java文件.

<%@include file="被包含JSP的相对路径" %>

Taglib指令标签

导入标签库。

<%@taglib prefix="前缀名" uri="名称空间" %>

四、JSP的内置对象

JSP中一共预先定义了9个这样的对象，分别为：request、response、session、application、out、pagecontext、config、page、exception。注意面试会问。

request对象

request 对象是 HttpServletRequest类型的对象。

response对象

response 对象是 HttpServletResponse类型的对象。

session对象

session 对象是HttpSession类型的对象。只有在包含 session=“true” 的页面中才可以被使用。

application对象

application 对象是ServletContext类型的对象。

out 对象

out 对象是JspWriter类型的对象。

config 对象

config 对象是ServletConfig类型的对象。

pageContext 对象

pageContext 对象是PageContext类型的对象。作用是取得任何范围的参数，通过它可以获取 JSP页面的out、request、reponse、session、application 等对象。pageContext对象的创建和初始化都是由容器来完成的，在JSP页面中可以直接使用 pageContext对象。

page 对象

page 对象代表JSP本身。

exception 对象

exception 对象的作用是显示异常信息，只有在包含 isErrorPage="true" 的页面中才可以被使用。

五、请求转发

什么是请求转发

请求转发是服务端的一种请求方式，相当于在服务端中直接请求某个资源。

RequestDispatcher dispatcher = request.getRequestDispatcher("/test.jsp");
dispatcher.forward(request,response);

简写方式：

request.getRequestDispatcher("/test.jsp").forword(request,response);

请求转发（服务端跳转）与重定向（客户端跳转）的区别

请求转发对于客户端浏览器而言是在一次请求与响应中完成，而重定向是在两次请求两次响应中完成。
请求转发并不会改变客户端浏览器的地址栏中的内容。而重定向会改变客户端浏览器地址栏中的内容。
请求转发可以使用request对象传递数据，而重定向不能使用request对象传递数据。
如果是处理的DML操作（增删改），建议使用重定向方式为客户端浏览器产生响应，可以解决表单重复提交现象。

请求转发案例

需求：在Servlet中获取客户端浏览器所支持的语言，并通过JSP页面将客户端浏览器所支持的语言响应给客户端浏览器。

package cn.it.Servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/language.do")
public class LanguageServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
       //获取请求头中浏览器支持的语言
        String header = req.getHeader("Accept-Language");
        //将数据存放到request
        req.setAttribute("language",header);
        //响应到客户端
        req.getRequestDispatcher("language.jsp").forward(req, resp);
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }
}

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<% String language = (String) request.getAttribute("language");%>
<font color="red"> <%= language %> </font>
</body>
</html>

六、JSP四大作用域对象

作用域：“数据共享的范围”，也就是说数据能够在多大的范围内有效。

对象名称	作用范围
application	整个应用都有效
session	在当前会话中有效
request	在当前请求中有效
page	在当前页面有效

七、JSTL标签库

7.1 什么是JSTL标签库

JSTL（Java server pages standard tag library，即JSP标准标签库）JSTL标签是基于JSP页面的。这些标签可以插入在JSP代码中，本质上JSTL也是提前定义好的一组标签，这些标签封装了不同的功能，在页面上调用标签时，就等于调用了封装起来的功能。JSTL的目标是使JSP页面的可读性更强、简化JSP页面的设计、实现了代码复用、提高效率。

在JSP2.0版本后开始支持JSTL标签库。在使用JSTL标签库时需要在JSP中添加对应的taglib指令标签。

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

7.2 JSTL标签分类

根据JSTL标签所提供的功能，可以将其分为5个类别。

7.2.1 核心标签

最常用、最重要，也是最基本的标签

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

7.2.2 格式化标签

JSTL格式化标签用来格式化并输出文本、日期、时间、数字。

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

7.2.3 SQL标签

JSTL SQL标签库提供了与关系型数据库（Oracle，MySQL，SQL Server等等）进行交互的标签。

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

7.2.4 XML标签

JSTL XML标签库提供了创建和操作XML文档的标签。

7.2.5 JSTL函数

JSTL包含一系列标准函数，大部分是通用的字符串处理函数。

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

八、EL表达式

什么是EL表达式

EL（Expression Language）是一种表达式语言。是为了使JSP写起来更加简单，减少java代码，可以使得获取存储在Java对象中的数据变得非常简单。在JSP2.0版本后开始支持EL表达式。

语法结构

${表达式}

${对象.属性名}

EL表达式中的操作符

操作符	描述
( )	优先级
+	加
-	减或负
*	乘
/ 或div	除
% 或 mod	取模
== 或 eq	测试是否相等
!= 或 ne	测试是否不等
< 或 lt	测试是否小于
> 或gt	测试是否大于
<= or le	测试是否小于等于
>= 或 ge	测试是否大于等于
&& 或 and	测试逻辑与
\|\| 或 or	测试逻辑或
! 或not	测试取反
empty	测试是否空值

EL表达式的隐含对象

隐含对象	描述
pageScope	page 作用域
requestScope	request 作用域
sessionScope	session 作用域
applicationScope	application 作用域
param	Request 对象的参数，字符串
paramValues	Request对象的参数，字符串集合
header	HTTP 信息头，字符串
headerValues	HTTP 信息头，字符串集合
initParam	上下文初始化参数
cookie	Cookie值
pageContext	当前页面的pageContext

使用EL表达式取出作用域中的值

${pageScope.name}

${requestScope.name}

${sessionScope.name}

${applicationScope.name}

获取作用域属性中的数据时，也可以只写属性名，EL表达式会按照pageScope、requestScope、sessionScope、applicationScope的顺序查找该属性的值。

${name}

十、JSTL标签库与EL表达式的使用

10.1 JSTL标签库的使用步骤

添加jstl.jar

在JSP页面中添加taglib指令标签。

10.2 JSTL核心标签的使用

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

10.3 c标签中的if标签的使用

标签判断表达式的值，如果表达式的值为 true 则执行其主体内容。


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--test中只能存放true(显示标签中的内容)或者false（不显示标签中的内容），可以书写EL表达式--%>
<c:if test="${1 == 1}">
    hello JSTL
</c:if>
</body>
</html>

10.4 c标签中的choose标签的使用

< c:choose >, < c:when >, < c:otherwise >

< c:choose >标签与Java switch语句的功能一样，用于在众多选项中做出选择。

switch语句中有case，而< c:choose >标签中对应有< c:when >，switch语句中有default，而< c:choose >标签中有< c:otherwise >。


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--如果多个条件都满足的话，只返回第一个;条件都不满足的话返回otherwise中的结果--%>
<c:choose>
    <c:when test="${1 == 1}">
        Hello when1
    </c:when>
    <c:when test="${1 == 1}">
        Hello when2
    </c:when>
    <c:otherwise>
        hello otherwise
    </c:otherwise>
</c:choose>
</body>
</html>

10.5 c标签中的foreach标签的使用

迭代器，用于迭代集合。

属性	描述
items	被迭代的集合
begin	迭代器的起始因子
end	迭代器的结束因子
step	迭代因子的增长数
var	代表当前迭代元素的变量名称
varStatus	代表循环状态的变量名称

varStatus 属性

current: 当前这次迭代的（集合中的）项

index: 当前这次迭代从 0 开始的迭代索引

count: 当前这次迭代从 1 开始的迭代计数

first: 用来表明当前这轮迭代是否为第一次迭代的标志

last: 用来表明当前这轮迭代是否为最后一次迭代的标志

begin: 属性值

end: 属性值

step: 属性值


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--表示0~9循环10次,step表示每次循环结束后迭代因子加2,varStatus为迭代器取的名称，可以获取迭代器的属性--%>
<c:forEach begin="0" end="9" step="2" varStatus="suibian">
    forEach  ${suibian.count},${suibian.first},${suibian.last},${suibian.index} <br>
</c:forEach>
</body>
</html>

10.5.1 使用foreach标签迭代List

需求：

创建Users对象，含有userid，username属性。

创建一个Servlet，在Servlet中创建多个Users对象并放到List集合中，在showUsers.jsp的页面中显示所有的Users对象的信息。

package cn.it.pojo;

public class User {
    private int userId;
    private String username;

    public User() {
    }

    public User(int userId, String username) {
        this.userId = userId;
        this.username = username;
    }

    public int getUserId() {
        return userId;
    }

    public void setUserId(int userId) {
        this.userId = userId;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }
}

package cn.it.Servlet;

import cn.it.pojo.User;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

@WebServlet("/find.do")
public class FindUsersServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //创建测试数据
        User user1 = new User(1,"张三");
        User user2 = new User(2,"李四");
        User user3 = new User(3,"王五");
        User user4 = new User(4,"赵六");
        List<User> userList = new ArrayList<>();
        userList.add(user1);
        userList.add(user2);
        userList.add(user3);
        userList.add(user4);
        req.setAttribute("userList",userList);
        req.getRequestDispatcher("showUsers.jsp").forward(req,resp);
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }
}


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<table border="1" align="center">
    <tr>
        <th>userId</th>
        <th>userName</th>
    </tr>
    <c:forEach var="user" items="${requestScope.userList}">
    <tr>
        <td>${user.userId}</td>
        <td>${user.username}</td>
    </tr>
    </c:forEach>
</table>

</body>
</html>

10.5.2 使用foreach标签迭代Map

需求：

创建Users对象，含有userid，username属性。

创建一个Servlet，在Servlet中创建多个Users对象并放到Map集合中，在showUsers2.jsp的页面中显示所有的Users对象的信息。

package cn.it.Servlet;

import cn.it.pojo.User;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@WebServlet("/find.do")
public class FindUsersServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //创建测试数据
        User user1 = new User(1,"张三");
        User user2 = new User(2,"李四");
        User user3 = new User(3,"王五");
        User user4 = new User(4,"赵六");
        Map<String,User> userMap = new HashMap<String,User>();
        userMap.put("user1",user1);
        userMap.put("user2",user2);
        userMap.put("user3",user3);
        userMap.put("user4",user4);
        req.setAttribute("userMap",userMap);
        req.getRequestDispatcher("showUsers2.jsp").forward(req,resp);
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }
}


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<table border="1" align="center">
    <tr>
        <th>map的key</th>
        <th>userId</th>
        <th>userName</th>
    </tr>
    <c:forEach var="userMap" items="${requestScope.userMap}">
    <tr>
        <td>${userMap.key}</td>
        <td>${userMap.value.userId}</td>
        <td>${userMap.value.username}</td>
    </tr>
    </c:forEach>
</table>

</body>
</html>

10.6 fmt标签的使用

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

对日期的格式化处理

<fmt:formatDate value="${data}" pattern="yyyy-MM-dd"/>

对数字格的式化处理

<fmt:formatNumber value="${balance}" type="currency"/>

package cn.it.Servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.Date;

@WebServlet("/format.do")
public class FormatServlet  extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //时间
        req.setAttribute("date",new Date());
        //数字
        req.setAttribute("balance",36546.445);
        req.getRequestDispatcher("/date.jsp").forward(req, resp);
    }
}


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
   ${requestScope.date}
  <br />
  <fmt:formatDate value="${requestScope.date}" pattern="yyyy-MM-dd"/>
<br />
<%--   四舍五入保留两位小数，货币符号取决于浏览器的语言--%>
  <fmt:formatNumber value="${requestScope.balance}" type="currency"/>
</body>
</html>