JavaWeb笔记之JSP

一、引言

现有问题

在之前学习Servlet时，服务端通过Servlet响应客户端页面，有什么不足之处？

开发方式麻烦：继承父类、覆盖方法、配置Web.xml或注解。

代码修改麻烦：重新编译、部署、重启服务。

显示方式麻烦：获取流、使用println("");逐行打印。

协同开发麻烦：UI负责美化页面，程序员负责编写代码。UI不懂Java，程序员又不能将所有前端页面的内容通过流输出。

二、JSP

2.1 概念

简化的Servlet设计，在HTML标签中嵌套Java代码，用以高效开发Web应用的动态网页。

Java Server Pages。

2.2 作用

替换显示页面部分的Servlet(使用*.jsp文件替换XxxJSP.java)。

三、JSP开发

3.1 创建JSP

在web目录下新建*.jsp文件（与WEB-INF平级）。

3.1.1 编写代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>This is my first page</title>
</head>
<body>
    <%=new java.util.Date() %>
</body>
</html>

使用<%= %>标签编写Java代码在页面中打印当前系统时间。

3.1.2 访问JSP

在浏览器输入http://ip:port/项目路径/资源名称。

3.2 JSP与Servlet

关系

JSP文件在容器中会转换成Servlet执行。

JSP是对Servlet的一种高级封装。本质还是Servlet。

区别

与 Servlet 相比：JSP可以很方便的编写或者修改HTML网页而不用去面对大量的println语句。

3.3 JSP实现原理

Tomcat会将xxx.jsp转换成Java代码，进而编译成.class文件运行，最终将运行结果通过response响应给客户端。

四、集成开发

4.1 脚本

脚本可以编写Java语句、变量、方法或表达式。

4.1.1 普通脚本

语法：<% Java代码 %>

<html>
<head><title>Hello World</title></head>
<body>
Hello World!<br/>
<%
    //jsp中，使用小脚本嵌入java代码！
    out.println("hi");//打印内容在客户端页面
    System.out.println("hi");//打印内容在控制台
%>
</body>
</html>

经验：普通脚本可以使用所有Java语法，除了定义函数。

注意：脚本与脚本之间不可嵌套，脚本与HTML标签不可嵌套。

4.1.2 声明脚本

语法：<%! 定义变量、函数 %>

<%! int i = 0; %>
<%! int a, b, c; %>
<%! Object object = new Object(); %>
<%!
    //定义方法
    public void m1(){
        System.out.println("你好");
    }
%>

注意：声明脚本声明的变量是全局变量。

声明脚本的内容必须在普通脚本<% %>中调用。

如果声明脚本中的函数具有返回值，可以使用输出脚本调用<%= %>。

4.1.3 输出脚本

语法：<%=Java表达式 %>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jsp基本使用</title>
</head>
<body>
<p>
    今天的日期是: <%= new java.util.Date() %>
</p>
</body>
</html>

经验：输出脚本可以输出带有返回值的函数。

注意：输出脚本中不能加。

4.2 JSP注释

JSP注释主要有两个作用：为脚本代码作注释以及HTML内容注释。

4.2.1 语法

4.2.2 注释

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jsp基础教程</title>
</head>
<body>
<%-- JSP注释在网页中不会被显示--%>
<!-- HTML注释在网页源代码中会显示 -->
<p>
    今天的日期是: <%= new java.util.Date() %>
</p>
</body>
</html>

4.3 JSP指令

JSP指令用来设置与整个JSP页面相关的属性。

4.3.1 page指令

语法：<%@ page attribute1="value1" attribute2="value2" %>

Page指令为容器提供当前页面的使用说明。一个JSP页面可以包含多个page指令。

4.3.2 include指令

语法：<%@ include file = "被包含的JSP路径"%>

通过include指令来包含其他文件。

被包含的文件可以是JSP文件、HTML文件或文本文件。包含的文件就好像是当前JSP文件的一部分，会被同时编译执行（静态包含）。

<%@ include file="header.jsp"%>
...
...
<%@ include file="footer.jsp" %>

注意：可能会有重名的冲突问题，不建议使用。

4.3.3 taglib指令

语法：<%@ taglib uri="外部标签库路径" prefix="前缀" %>

引入JSP的标准标签库。

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

4.4 动作标签

语法：<jsp:action_name attribute="value" />

动作标签指的是JSP页面在运行期间的命令。

4.4.1 include

语法：<jsp:include page="相对 URL 地址" />

<jsp:include >动作元素会将外部文件输出结果包含在JSP中（动态包含）。

<jsp:include page="index.jsp"/>

注意：前面已经介绍过include指令，它是将外部文件的输出代码复制到了当前JSP文件中。而这里的jsp:include动作不同，是将外部文件的输出结果引入到了当前JSP文件中。

4.4.2 useBean

语法：<jsp:useBean id="name" class="package.className" />

jsp:useBean 动作用来加载一个将在JSP页面中使用的JavaBean。

<jsp:useBean id="user" class="com.liuy.entity.User"/>

在类载入后，我们可以通过 jsp:setProperty 和 jsp:getProperty 动作来修改和获取bean的属性。

4.4.3 setProperty

可以在jsp:useBean元素之后使用jsp:setProperty进行属性的赋值。

<jsp:useBean id="user" class="com.liuy.entity.User" />
<jsp:setProperty name="user" property="name" value="gavin" />

4.4.4 getProperty

jsp:getProperty动作提取指定Bean属性的值，转换成字符串，然后输出。

<jsp:useBean id="user" class="com.liuy.entity.User" />
<jsp:setProperty name="user" property="name" value="gavin" />
<jsp:getProperty name="user" property="name" />

4.4.5 forward

语法：<jsp:forward page="相对 URL 地址" />

jsp:forward动作把请求转到另外的页面。

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

4.4.6 param

语法：<jsp:param name="" value=""/>

在转发动作内部使用，做参数传递。

<jsp:forward page="index.jsp">
    <!-- http请求参数传递-->
    <jsp:param name="sex" value="nan" />
</jsp:forward>

4.5 内置对象

由JSP自动创建的对象，可以直接使用。

4.5.1 四大域对象

JSP有四大作用域对象，存储数据和获取数据的方式一样，不同的是取值的范围有差别。

pageContext (javax.servlet.jsp.PageContext) 当前JSP页面范围。

request (javax.servlet.http.HttpServletRequest) 一次请求有效。

session (javax.servlet.http.HttpSession) 一次会话有效(关闭浏览器失效)。

application (javax.servlet.ServletContext) 整个Web应用有效(服务器重启或关闭失效)。

4.5.2 pageContext

pageContext对象是javax.servlet.jsp.PageContext 类的实例，拥有作用域，用来代表整个JSP页面。

当前页面的作用域对象，一旦跳转则失效。

通过setAttribute("name",value);存储值。

通过getAttribute("name");获取值。

用于获取其他8个内置对象或者操作其他对象的作用域。

<%
    pageContext.setAttribute("name",value);//当前页面作用域有效
%>

4.5.3 获取内置对象

<%
    pageContext.getRequest();//返回request内置对象
    pageContext.getResponse();//返回response内置对象
    pageContext.getServletConfig();//返回config内置对象
    pageContext.getException();//返回exception内置对象
    pageContext.getPage();//返回page内置对象
    pageContext.getOut();//返回out内置对象
    pageContext.getServletContext();//返回application内置对象
    pageContext.getSession();//返回session内置对象
%>

4.5.4 作用域

pageContext对象可以操作其他作用域存储和获取。

<%
    //操作其他作用域存储
    pageContext.setAttribute("name",value);//当前页面有效
    pageContext.setAttribute("name",value,PageContext.REQUEST_SCOPE);//request作用域
    pageContext.setAttribute("name",value,PageContext.SESSION_SCOPE);//session作用域
    pageContext.setAttribute("name",value,PageContext.APPLICATION_SCOPE);//application作用域
%>

<%
    //操作其他作用域获取
    pageContext.getAttribute("name");//当前页面作用域
    pageContext.getAttribute("name",PageContext.REQUEST_SCOPE);//request作用域
    pageContext.getAttribute("name",PageContext.SESSION_SCOPE);//session作用域
    pageContext.getAttribute("name",PageContext.APPLICATION_SCOPE);//application作用域
    pageContext.findAttribute("name");//从pageContext ,request ,session ,application依次查找
%>

4.6 整合

将EmpProject项目所有显示页面JSP的Servlet替换为JSP页面，使用脚本进行显示。

五、EL表达式

5.1 概念

EL使JSP写起来更简单、简洁。主要用于获取作用域中的数据。

Expression Language

5.2 作用

用于替换作用域对象.getAttribute("name");

5.3 EL的应用

${scope.name} 获取具体某个作用域中的数据。

${name} 获取作用域中的数据，逐级查找(pageContext、request、session、application)。

5.3.1 案例

<%
    //存储在request作用域
    request.setAttribute("name","tom");
    request.setAttribute("age",18);
%>
${requestScope.name} <%--获取request作用域中name对应的值，找到就返回,没找到返回"" --%>
${name}<%--从最小作用域逐级查找name对应的值,找到就返回,没找到返回"" --%>

5.3.2 区别

<%=request.getAttribute() %> 没有找到返回null。

${requestScope.name} 没找到返回""。

5.4 获取引用类型

使用EL获取作用域中的对象调用属性时，只能访问对象的get方法，必须遵守命名规范定义。

<%
    Emp e = new Emp();
    e.setName("gavin");
    e.setAge(19);
    request.setAttribute("e",e);
%>
${requestScope.e.name}<%-- 调用getName()方法 --%>

5.5 获取集合元素

EL可以获取Array、List、Map中的元素，Set由于没下标，无法直接访问元素，后续可遍历。

<%
    int[] array = new int[]{1,2,3,4,5};
    request.setAttribute("array",array);
    List<Emp> emps = new ArrayList<>();
    emps.add(new Emp(1,"gavin",2000,19));
    emps.add(new Emp(2,"marry",3000,29));
    emps.add(new Emp(3,"jack",4000,39));
    request.setAttribute("emps",emps);
    Map<String,String> maps = new HashMap<>();
    maps.put("CN","中国");
    maps.put("FK","法国");
    maps.put("US","美国");
    request.setAttribute("maps",maps);
%>
${requestScope.array[0]}
${requestScope.emps[0]} <%-- 也可以用 ${requestScope.emps.get(0)} --%>
${requestScope.maps.CN} <%-- 也可以用 ${requestScope.maps["US"]} -->

5.6 运算符

5.6.1 执行运算

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>运算符</title>
</head>
<body>
    <%
        request.setAttribute("num",1234);
        String ss = "123";
        request.setAttribute("ss",ss);
    %>
    <h1>算术运算</h1>
    ${num + 1}<br/>
    ${num - 1}<br/>
    ${num * 2}<br/>
    ${num div 2}<br/>
    ${num mod 2}<br/>
    <hr/>
        <h1>关系运算</h1>
    ${num == 1234}<br/>
    ${num != 1234}<br/>
    ${num > 1200}<br/>
    ${num < 1200}<br/>
    ${num >= 1234}<br/>
    ${num <= 1234}<br/>
    <hr/>
        <h1>逻辑运算</h1>
    ${num %2==0 || num /2 ==1}<br/>
    ${num % 2==0 && num % 4==0}<br/>
    ${!(num > 1234)}<br/>
    <hr/>
        <h1>empty运算符</h1>
    ${ss == null}<br/>
    ${empty ss}<br/>
</body>
</html>

5.6.2 empty

<%
    String s1="";
    pageContext.setAttribute("s1", s1);
    String s2=null;
    pageContext.setAttribute("s2", s2);
    String s3="122222";
    pageContext.setAttribute("s3", s3);
    List list1 =new ArrayList();
    pageContext.setAttribute("list1", list1);
%>
<!-- empty关键只要内容是空true -->
${empty s1}<br>
${empty s2}<br>
${empty s3}<br>
${empty list1}<br>

5.7 隐式对象

EL 表达式语言定义了11个隐式对象。

5.7.1 上下文

<%=request.getContextPath() %>
${pageContext.request.contextPath}

5.7.2 获取Cookie

${cookie.username}//获取名为username的cookie对象
${cookie.password}//获取名为password的cookie对象
${cookie.password.value}//获取password的cookie的value值

六、JSTL

6.1 问题

EL主要是用于作用域获取数据，虽然可以做运算判断，但是得到的都是一个结果，做展示。

EL不存在流程控制。比如判断。

EL对于集合只能做单点访问，不能实现遍历操作。比如循环。

6.2 概念

JSTL：全称Java Server Pages Standard Tag Library

JSP标准标签库（JSTL）是一个JSP标签集合。

Core （核心库）标签库的URI：http://java.sun.com/jsp/jstl/core 常用前缀：c

I18N（国际化）标签库的URI：http://java.sun.com/jsp/jstl/fmt 常用前缀：fmt

SQL 标签库的URI：http://java.sun.com/jsp/jstl/sql 常用前缀：sql

XML 标签库的URI：http://java.sun.com/jsp/jstl/xml 常用前缀：x

Functions 标签库的URI：http://java.sun.com/jsp/jstl/functions 常用前缀：fn

6.3 作用

可对EL获取到的数据进行逻辑操作。

与EL合作完成数据的展示。

6.4 使用

导入两个 jar 文件：standard.jar 和 jstl.jar 文件拷贝到 /WEB-INF/lib/ 下。

在JSP页面引入标签库<% @taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c">

6.5 核心标签

6.5.1 条件标签

语法：<c:if test ="条件"> < /c:if>

<!-- test属性中是条件，但是条件需要使用EL表达式来书写 -->
<h3>条件标签：if</h3>
<c:if test="${8>2 }">
    8大于2是成立的
</c:if>
<c:if test="${8<2 }">
    8小于2是成立的
</c:if>

6.5.2 choose

语法：<c:choose >

<c:when test="条件1">结果1< /c:when>
<c:when test="条件2">结果2< /c:when>
<c:when test="条件3">结果3< /c:when>
<c:otherwise >结果4< /c:otherwise>
 < /c:choose>

<h3>条件标签：choose(等价于java中多重if)</h3>
<%-- 测试成绩等级 >90 优秀 >80 良好 >70 中等 >60及格--%>
<c:set var="score" value="80"></c:set>
<c:choose>
    <c:when test="${score>=90 }">优秀</c:when>
    <c:when test="${score>=80 }">良好</c:when>
    <c:when test="${score>=70 }">中等</c:when>
    <c:when test="${score>=60 }">及格</c:when>
    <c:otherwise>不及格</c:otherwise>
</c:choose>

6.5.3 foreach

语法

<c:foreach
    var="变量名"
    items="集合"
    begin="起始下标"
    end="结束下标"
    step="间隔长度"
    varstatus="遍历状态">
< /c:foreach>

<h3>测试list集合遍历获取学生列表</h3>
    <table border="1" width="80%" bordercolor="red" cellspacing="0"align="center">
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>成绩</th>
            <th>班级</th>
            <th>是否是第一个</th>
            <th>是否是最后一个</th>
            <th>计数count</th>
            <th>索引index</th>
        </tr>
<!-- varStatus:变量状态：遍历出的每一项内容的状态：
    first 是否是第一行
    last 是否是最后一行
    count 当前行数
    index 当前元素的下标
    -->
    <!-- var :遍历出的每一项使用变量先存储
        items：集合(使用El表达式)
    -->
    <c:forEach var="stu" items="${students}" varStatus="vs">
        <tr>
            <td>${stu.id}</td>
            <td>${stu.name}</td>
            <td>${stu.score}</td>
            <td>${stu.classes}</td>
            <td>${vs.first}</td>
            <td>${vs.last}</td>
            <td>${vs.count}</td>
            <td>${vs.index}</td>
        </tr>
    </c:forEach>
</table>

6.5.4 url

在Cookie禁用的情况下，通过重写URL拼接JSESSIONID来传递ID值。便于下一次访问时仍可查找到上一次的Session对象。

<c:url context='${pageContext.request.contextPath}' value='/xxxController' />
//在form表单的action中嵌套动态路径
<form action="<c:url context='${pageContext.request.contextPath}'
value='/xxxController' />">
</form>

经验：所有涉及到页面跳转或者重定向跳转时，都应该使用URL重写。

6.6 fmt

<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>

日期格式化 (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

<c:set var="balance" value="120000.2309" />

<p>格式化数字 (1): <fmt:formatNumber value="${balance}"
    type="currency"/></p>
<p>格式化数字 (2): <fmt:formatNumber type="number"
    maxIntegerDigits="3" value="${balance}" /></p>
<p>格式化数字 (3): <fmt:formatNumber type="number"
    maxFractionDigits="3" value="${balance}" /></p>
<p>格式化数字 (4): <fmt:formatNumber type="number"
    groupingUsed="false" value="${balance}" /></p>
<p>格式化数字 (5): <fmt:formatNumber type="percent"
    maxIntegerDigits="3" value="${balance}" /></p>
<p>格式化数字 (6): <fmt:formatNumber type="percent"
    minFractionDigits="10" value="${balance}" /></p>
<p>格式化数字 (7): <fmt:formatNumber type="percent"
    maxIntegerDigits="3" value="${balance}" /></p>
<p>格式化数字 (8): <fmt:formatNumber type="number"
    pattern="###.###E0" value="${balance}" /></p>
<p>美元 :
<fmt:setLocale value="en_US"/>
<fmt:formatNumber value="${balance}" type="currency"/></p>

格式化数字 (1): ￥120,000.23
格式化数字 (2): 000.231
格式化数字 (3): 120,000.231
格式化数字 (4): 120000.231
格式化数字 (5): 023%
格式化数字 (6): 12,000,023.0900000000%
格式化数字 (7): 023%
格式化数字 (8): 120E3
美元 : $120,000.23