初学Java Web(6)——JSP学习总结

为什么要学习 JSP

Servlet 的短板：

Servlet 的出现，是为了解决动态输出网页的问题。

虽然这样做目的能达到，但是存在一些缺陷：

• 在 Servlet 输出网页片段非常恶心（可读性差，维护起来也很麻烦）
• 没有体现责任分离的原则（做自己擅长做的事）

责任分离

• Servlet 能够很好地组织业务逻辑代码，但是在 Java 源文件中通过字符串拼接的方式生成动态 HTML 内容会导致代码维护困难、可读性差
• JSP 虽然规避了 Servlet 在生成 HTML 内容方面的劣势，但是在 HTML 中混入大量、复杂的业务逻辑同样也是不可取的
• 参考：知乎@David
• 注意：JSP实质上就是一个Servlet

MVC 模式

既然 Servlet 和 JSP 都有各自的优势和短板，那么为什么不结合起来扬长避短呢？答案是肯定的——MVC(Model-View-Controller)模式非常适合解决这一问题。

MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）：

• Controller——负责转发请求，对请求进行处理
• View——负责界面显示
• Model——业务功能编写（例如算法实现）、数据库设计以及数据存取操作实现

在JSP/Servlet开发的软件系统中，这三个部分的描述如下所示：

1.Web浏览器发送HTTP请求到服务端，被Controller(Servlet)获取并进行处理（例如参数解析、请求转发） 2.Controller(Servlet)调用核心业务逻辑——Model部分，获得结果 3.Controller(Servlet)将逻辑处理结果交给View（JSP），动态输出HTML内容 4.动态生成的HTML内容返回到浏览器显示

MVC模式在Web开发中的好处是非常明显，它规避了JSP与Servlet各自的短板，Servlet只负责业务逻辑而不会通过out.append()动态生成HTML代码；JSP中也不会充斥着大量的业务代码。这大大提高了代码的可读性和可维护性。

• 参考：知乎@David

JSP 的执行原理

• 总结： 当访问一个 JSP 页面时，该页面请求将会讲给服务器中的 JSP 引擎去处理，它负责解释和执行 JSP 页面，每个 JSP 页面在第一次被访问时，JSP 引擎就会将它翻译成一个继承自 org.apache.jasper.runtime.HttpJspBase类的 Servlet 源程序，接着再编译成 class 类文件，再由 Web 容器像调用普通 Servlet 程序一样的方式来装载和解释执行这个由 JSP 页面翻译成的 Servlet 程序。

详细资料在这里，感兴趣的戳我

JSP 的语法

像这样冗杂繁复的知识点，直接给两个好一点的链接记下就好了： 1.W3Cschool 2.菜鸟教程

JSP 三大指令

• 特点： 并不向客户端产生任何输出，指令在 JSP 整个文件范围内有效，并且为翻译阶段提供了全局信息
• 指令的语法格式： <%@ 指令名称 属性名=属性值 属性名=属性值%>

——【page指令】——

• 作用： 定义 JSP 页面的各种属性
• 属性： 1.language：指示JSP页面中使用脚本语言。默认值java，目前只支持java。 2.extends：指示 JSP 对应的 Servlet 类的父类。不要修改。 3.*import：导入JSP中的Java脚本使用到的类或包。（如同Java中的import语句） JSP 引擎自动导入以下包中的类： javax.servlet.* javax.servlet.http.* javax.servlet.jsp.* 注意：一个import属性可以导入多个包，用逗号分隔。 4.*sessioin：指示JSP页面是否创建 HttpSession 对象。默认值是true，创建 5.*buffer：指示 JSP 用的输出流的缓存大小.默认值是8Kb。 6.autoFlush：自动刷新输出流的缓存。 7.isThreadSafe：指示页面是否是线程安全的（过时的）。默认是true。 true：不安全的。 false：安全的。指示 JSP 对应的 Servlet 实现 SingleThreadModel 接口。 8.*errorPage:指示当前页面出错后转向（转发）的页面。

> 配置全局错误提示页面：
> web.xml 文件中添加：
<error-page>
    <exception-type>java.lang.Exception</exception-type>
    <location>/error.jsp</location>
</error-page>
<error-page>
    <error-code>404</error-code>
    <location>/404.jsp</location>
</error-page>

9.*isErrorPage:指示当前页面是否产生 Exception 对象。 10.*contentType：指定当前页面的 MIME 类型。作用与 Servlet 中的response.setContentType() 作用完全一致 11.*pageEncoding：通知引擎读取 JSP 时采用的编码（因为要翻译） 12.*isELIgnored：是否忽略EL表达式。${1+1}。默认值是false。

• page 指令最简单的使用方式：

<%@ page pageEncoding="UTF-8"%>

——【include】——

• 作用： 包含其他的组件
• 语法： <%@include file=""%> file 指定要包含的目标组件。路径如果以 "/"（当前应用）就是绝对路径。
• 原理： 把目标组件的内容加到源组件中，输出结果。

静态包含和动态包含的区别：

• 静态包含： <%@include file="被包含的页面的路径"%> 包含的时机：在 JSP 文件被翻译的时候合并在一起 最终会被翻译成一个 class 文件
• 动态包含： <jsp:include page="被包含页面的路径"></jsp:include> 包含的时机：在运行阶段合并代码 最终将得到两个 class 文件
• 总结：在实际开发中，能用静的就别用动的

——【taglib】——

• 作用： 引入外部的标签
• 语法： <%@taglib uri="标签名称空间" prefix="前缀"%> 例如：<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

JSP 九大内置对象

内置对象：JSP 中事先创建好的对象，可以直接拿来使用

JSP 四大作用域

EL（表达式语言）

• 需求：从作用域中获取共享数据,如果没有对应的数据,返回空字符串 在PageContext中提供了下面的方法:abstract Object findAttribute(String name)来获取共享数据，从page，request，session，application作用域中按顺序搜索,如果找到立即返回,反之,返回null

所以我们可以这样来完成要求： <%=pageContext.findAttribute("msg")==null?"":pageContext.findAttribute("msg") %> 这样的代码虽然能够完成需求，但是总的来说：太麻烦！

• 如果我们使用 EL 表达式，该如何实现呢？ ${msg}等价于<%=pageContext.findAttribute("msg")==null?"":pageContext.findAttribute("msg") %> 这样看起来就简单多了！
• EL的特点： 1.从作用域中获取共享数据 2.从page,request,session,application作用域中按顺序搜索 3.如果共享数据为null,就输出空字符串（这是EL最重要的特点）

使用EL表达式从指定的作用域中获取共享数据:

• 使用EL表达式访问对象的属性的两种方式： 1.${对象.属性名} :通常使用这种方式,属性名比较规范 2.${对象[“属性名”]} :当属性名不规范的时候使用这种方式,比如:name-age
• 使用El表达式获取应用的上下文路径： 在EL表达式中有一个隐含的对象pageContext 而在pageContext中有一个request属性,在request对象中有一个contextPath属性,那么获取contextPage的方法: ${pageContext.request.contextPath} 在 Tomcat 7 以后,EL表达式不仅支持属性的访问,而且还支持访问方法 ${pageContext.getRequest().getContextPath()}
• empty 运算符： empty 运算符主要用来判断值是否为空（NULL,空字符串，空集合），返回 true / false

JSTL

• 作用：消除 JSP 中的 Java 代码
• 在 JSP 中使用 JSTL 的步骤： 1.引入入jar包：在 Tomcat 中的实例项目 examples 中找到对应的两个jar包 standard-1.1.2.jar ，jstl-1.1.2.jar 2.在对应的 JSP 页面中引入要使用的标签库,比如引入核心标签库 <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

下面列出 JSTL 主要提供的 5 大类标签库（搬自菜鸟教程），先对这些标签初步有一个印象，然后下面给一些常用的标签的一些用法。

JSTL 核心标签

核心标签是最常用的JSTL标签。引用核心标签库的语法如下：

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

格式化标签

JSTL格式化标签用来格式化并输出文本、日期、时间、数字。引用格式化标签库的语法如下：

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

SQL标签

JSTL SQL标签库提供了与关系型数据库（Oracle，MySQL，SQL Server等等）进行交互的标签。引用SQL标签库的语法如下：

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

XML 标签

JSTL XML标签库提供了创建和操作XML文档的标签。引用XML标签库的语法如下：

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

在使用xml标签前，你必须将XML 和 XPath 的相关包拷贝至你的<Tomcat 安装目录>\lib下:

• XercesImpl.jar 下载地址： http://www.apache.org/dist/xerces/j/
• xalan.jar 下载地址： http://xml.apache.org/xalan-j/index.html

JSTL函数

JSTL包含一系列标准函数，大部分是通用的字符串处理函数。引用JSTL函数库的语法如下：

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

JSTL 中常用的标签

1.逻辑判断标签(if,choose-when-otherwise)

• <c:if> 标签
• 语法格式

<c:if test="<boolean>" var="<string>" scope="<string>">
   ...
</c:if>

• 属性 <c:if>标签有如下属性：

• 演示实例：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>c:if 标签实例</title>
</head>
<body>
<c:set var="salary" scope="session" value="${2000*2}"/>
<c:if test="${salary > 2000}">
   <p>我的工资为: <c:out value="${salary}"/><p>
</c:if>
</body>
</html>

运行结果如下：

我的工资为: 4000

• <c:choose>, <c:when>, <c:otherwise> 标签 <c:choose>标签与 Java switch 语句的功能一样，用于在众多选项中做出选择。 switch 语句中有 case ，而<c:choose>标签中对应有 <c:when>，switch语句中有 default，而<c:choose>标签中有<c:otherwise>。
• 语法格式

<c:choose>
    <c:when test="<boolean>">
        ...
    </c:when>
    <c:when test="<boolean>">
        ...
    </c:when>
    ...
    ...
    <c:otherwise>
        ...
    </c:otherwise>
</c:choose>

• 属性 <c:choose>标签没有属性。 <c:when>标签只有一个属性，在下表中有给出。 <c:otherwise>标签没有属性。 <c:when>标签的属性如下：

• 实例演示

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>c:choose 标签实例</title>
</head>
<body>
<c:set var="salary" scope="session" value="${2000*2}"/>
<p>你的工资为 : <c:out value="${salary}"/></p>
<c:choose>
    <c:when test="${salary <= 0}">
       太惨了。
    </c:when>
    <c:when test="${salary > 1000}">
       不错的薪水，还能生活。
    </c:when>
    <c:otherwise>
        什么都没有。
    </c:otherwise>
</c:choose>
</body>
</html>

运行结果如下：

你的工资为 : 4000

不错的薪水，还能生活。

2.循环遍历标签(foreach)

• <c:forEach>标签
• 语法格式

<c:forEach
    items="<object>"
    begin="<int>"
    end="<int>"
    step="<int>"
    var="<string>"
    varStatus="<string>">

    ...

• 属性 <c:forEach>标签有如下属性：

• 实例演示

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>c:forEach 标签实例</title>
</head>
<body>
<c:forEach var="i" begin="1" end="5">
   Item <c:out value="${i}"/><p>
</c:forEach>
</body>
</html>

运行结果如下：

Item 1
Item 2
Item 3
Item 4
Item 5

3.在 JSP 中实现日期的格式化:

• <fmt:formatDate> 标签
• 语法格式

<fmt:formatDate
  value="<string>"
  type="<string>"
  dateStyle="<string>"
  timeStyle="<string>"
  pattern="<string>"
  timeZone="<string>"
  var="<string>"
  scope="<string>"/>

• 属性 <fmt:formatDate>标签有如下属性：

• 实例演示

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

<html>
<head>
  <title>JSTL fmt:dateNumber 标签</title>
</head>
<body>
<h3>日期格式化:</h3>
<c:set var="now" value="<%=new java.util.Date()%>" />

<p>日期格式化 (1): <fmt:formatDate type="time" 
            value="${now}" /></p>
<p>日期格式化 (2): <fmt:formatDate type="date" 
            value="${now}" /></p>
<p>日期格式化 (3): <fmt:formatDate type="both" 
            value="${now}" /></p>
<p>日期格式化 (4): <fmt:formatDate type="both" 
            dateStyle="short" timeStyle="short" 
            value="${now}" /></p>
<p>日期格式化 (5): <fmt:formatDate type="both" 
            dateStyle="medium" timeStyle="medium" 
            value="${now}" /></p>
<p>日期格式化 (6): <fmt:formatDate type="both" 
            dateStyle="long" timeStyle="long" 
            value="${now}" /></p>
<p>日期格式化 (7): <fmt:formatDate pattern="yyyy-MM-dd" 
            value="${now}" /></p>

</body>
</html>

以上实例运行结果：

日期格式化:

日期格式化 (1): 11:19:43

日期格式化 (2): 2016-6-26

日期格式化 (3): 2016-6-26 11:19:43

日期格式化 (4): 16-6-26 上午11:19

日期格式化 (5): 2016-6-26 11:19:43

日期格式化 (6): 2016年6月26日 上午11时19分43秒

日期格式化 (7): 2016-06-26