jsp頁面

一、什么是 jsp，它有什么用?

　　jsp的全稱是java server page，也就是java的服務器頁面，

　　jsp 的主要作用是代替 Servlet 程式回傳 html 頁面的資料，

　　因為 Servlet 程式回傳 html 頁面資料是一件非常繁鎖的事情，開發成本和維護成本都極高，

1.1、Servlet回傳html頁面資料

package com.zixue.servlet;

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

/**
 * @author Mr Guo
 * @create 2020-11-11 15:58
 */
public class PrintHtml extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html; charset=UTF-8");
        PrintWriter writer = resp.getWriter();
        writer.write("<!DOCTYPE html>\r\n");
        writer.write("<html lang=\"en\">\r\n");
        writer.write("<head>\r\n");
        writer.write("    <meta charset=\"UTF-8\">\r\n");
        writer.write("    <title>Servlet回傳html頁面資料</title>\r\n");
        writer.write("</head>\r\n");
        writer.write("<body>\r\n");
        writer.write("    這是HTML頁面資料\r\n");
        writer.write("</body>\r\n");
        writer.write("</html>\r\n");
    }
}

效果如下：

　　我們發現，回傳如此簡單的字串就要使用大量的代碼，非常的繁瑣，開發效率極低，因此，需要使用jsp代替Servlet回傳HTML頁面資料，

1.2、jsp回傳簡單的html頁面

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/11/11 0011
  Time: 16:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>a.jsp頁面</title>
</head>
<body>
    一個簡單的jsp頁面
</body>
</html>

效果如下：

二、jsp小結

2.1、如何創建jsp頁面

2.2、如何訪問jsp頁面

　　jsp 頁面和 html 頁面一樣，都是存放在 web 目錄下，訪問也跟訪問 html 頁面一樣，

訪問web下的a.jsp頁面：

　　http://localhost:8080/08_jsp/a.jsp

三、jsp 的本質是什么

　　jsp 頁面本質上是一個 Servlet 程式，

　　當我們第一次訪問 jsp 頁面的時候，Tomcat 服務器會幫我們把 jsp 頁面翻譯成為一個 java 源檔案，并且對它進行編譯成為.class 位元組碼程式，我們打開 java 源檔案不難發現其里面的內容是：

　　　　我們跟蹤原代碼發現，HttpJspBase 類，它直接地繼承了 HttpServlet 類，也就是說，jsp 翻譯出來的 java 類，它間接了繼承了 HttpServlet 類，也就是說，翻譯出來的是一個 Servlet 程式，

　　總結：通過翻譯的 java 源代碼我們就可以得到結果：jsp 就是 Servlet 程式，　　我們也可以去觀察翻譯出來的 Servlet 程式的源代碼，不難發現，其底層實作，也是通過輸出流，把 html 頁面資料回傳給客戶端，

四、jsp 的三種語法

4.1、jsp 頭部的 page 指令

　　jsp 的 page 指令可以修改 jsp 頁面中一些重要的屬性，或者行為，

　　errorPage屬性的值表示當頁面出錯時，自動跳轉去的路徑，這個路徑一般以"/"打頭，表示請求地址為：http://ip:port/工程路徑/，映射到代碼的web目錄，

4.2、jsp 中的常用腳本

4.2.1、宣告腳本(極少使用)

<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/11/11 0011
  Time: 16:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>a.jsp頁面</title>
</head>
<body>
<%--    宣告類的屬性--%>
    <%!
        private Integer id;
        private String name;
        private static Map<String, Object> map;
    %>
<%--    宣告static靜態代碼塊--%>
    <%!
        static {
            map = new HashMap<String, Object>();
            map.put("key1", "value1");
            map.put("key2", "value2");
            map.put("key3", "value3");
        }
    %>
<%--    宣告內部類--%>
    <%!
        public static class A{
            private Integer id = 12;
            private String name = "abc";
        }
    %>
<%--    宣告類方法--%>
    <%!
        public int abc(){
            return 10;
        }
    %>
</body>
</html>

宣告腳本代碼翻譯對照：

4.2.2、運算式腳本（常用）

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/11/11 0011
  Time: 18:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>b.jsp</title>
</head>
<body>
<%--輸出整形--%>
    <%=10%> <br/>
<%--輸出浮點型--%>
    <%=12.2%> <br/>
<%--輸出字串--%>
    <%="我是字串"%> <br/>
<%--輸出物件--%>
    <%=request%> <br/>
    <%=request.getParameter("username")%>
</body>
</html>

瀏覽器訪問效果：

翻譯后的java代碼：

4.2.3、代碼腳本

代碼腳本示例：

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/11/11 0011
  Time: 18:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>b.jsp</title>
</head>
<body>
<%--1.代碼腳本---if陳述句--%>
<%
    int i = 10;
    if (i == 10) {
%>
<h1>正確</h1>
<%
} else {
%>
<h1>錯誤</h1>
<%
    }
%>

<%--2.代碼腳本---for回圈陳述句--%>
<table border="1" cellspacing="0">
    <%
        for (int j = 0; j < 10; j++) {
    %>
    <tr>
        <td>第 <%=j+1%> 行</td>
    </tr>
    <%
        }
    %>
</table>

<%--3.翻譯后 java 檔案中_jspService 方法內的物件都可以使用--%>
<%
    String username = request.getParameter("username");
%>
    <%="用戶名的請求引數值是:"+username%>
</body>
</html>

頁面效果：

翻譯后的Java源檔案：

4.3、jsp 中的三種注釋

4.3.1、html 注釋

html 注釋會被翻譯到 java 源代碼中，在_jspService 方法里，以 out.writer 輸出到客戶端，

4.3.2、java 注釋

java 注釋會被翻譯到 java 源代碼中，

4.3.3、jsp 注釋

jsp 注釋可以注掉，jsp 頁面中所有代碼，它不會被翻譯到Java源代碼中，

五、jsp 九大內置物件

　　jsp 中的內置物件，是指 Tomcat 在翻譯 jsp 頁面成為 Servlet 源代碼后，內部提供的九大物件，叫內置物件，

六、jsp 四大域物件

　　域物件是可以像 Map 一樣存取資料的物件，四個域物件功能一樣，不同的是它們對資料的存取范圍，　　雖然四個域物件都可以存取資料，在使用上它們是有優先順序的，　　四個域在使用的時候，優先順序分別是，他們從小到大的范圍的順序，　　　　pageContext ====>>> request====>>> session ====>>> application

scope1.jsp頁面：

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/11/11 0011
  Time: 19:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>scope1.jsp</title>
</head>
<body>
<h1>scope1.jsp頁面</h1>
<%
    //往四個域中分別保存資料
    pageContext.setAttribute("key", "pageContext");
    request.setAttribute("key", "request");
    session.setAttribute("key", "session");
    application.setAttribute("key", "application");
%>
pageContext域中是否有值：<%=pageContext.getAttribute("key")%> <br/>
request域中是否有值：<%=request.getAttribute("key")%> <br/>
session域中是否有值：<%=session.getAttribute("key")%> <br/>
application域中是否有值：<%=application.getAttribute("key")%> <br/>

<%
    request.getRequestDispatcher("/scope2.jsp").forward(request,response);
%>
</body>
</html>

scope2.jsp頁面：

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/11/11 0011
  Time: 19:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>scope2.jsp</title>
</head>
<body>
<h1>scope2.jsp頁面</h1>
pageContext域中是否有值：<%=pageContext.getAttribute("key")%> <br/>
request域中是否有值：<%=request.getAttribute("key")%> <br/>
session域中是否有值：<%=session.getAttribute("key")%> <br/>
application域中是否有值：<%=application.getAttribute("key")%> <br/>
</body>
</html>

瀏覽器效果：

七、jsp 中的 out 輸出和 response.getWriter 輸出的區別

　　response 中表示回應，我們經常用于設定回傳給客戶端的內容（輸出）　　out 也是給用戶做輸出使用的，

　　由于 jsp 翻譯之后，底層源代碼都是使用 out 來進行輸出，所以一般情況下，我們在 jsp 頁面中統一使用 out 來進行輸出，避免打亂頁面輸出內容的順序，　　　　out.write() 輸出字串沒有問題　　　　out.print() 輸出任意資料都沒有問題（都轉換成為字串后呼叫的 write 輸出）　　深入原始碼，淺出結論：在 jsp 頁面中，可以統一使用 out.print()來進行輸出，