JavaWeb JSP詳解 (內含底層原理)Day06

1 JSP概述

Java Server Pages : Java服務器端頁面,和Servlet一樣都是用來開發動態web的技術!

最大的特點:

  • 寫JSP就像在寫HTML
  • 區別:
    • HTML只給用戶提供靜態數據;
    • JSP頁面中可以嵌入Java程序,爲用戶提供動態數據;

2 JSP底層原理

思路:JSP如何執行?

  • 代碼層面和html十分相似,所以沒有任何問題

  • 服務器內部工作

    tomcat中有一個work目錄;

    IDEA中使用Tomcat的會在IDEA的tomcat中生成一個work目錄

我電腦裏的地址(MAC):

/Users/demut/Library/Caches/IntelliJIdea2019.3/tomcat/Unnamed_javaweb-session-cookie/work/Catalina/localhost/SAC/org/apache

發現頁面轉變爲了Java程序!

在這裏插入圖片描述

瀏覽器向服務器發送請求,不管訪問什麼資源,其實都是在訪問Servet!

JSP最終會被轉換成爲一個JAVA類,且JSP本質上就是一個Servlet。

//初始化
public void _jspInit() {
}
//銷燬
protected void _jspDestroy() {
}
//JSPService
public abstract void _jspService(HttpServletRequest var1, HttpServletResponse var2)

JSP底層運行過程:

  1. 判斷請求
  2. 內置一些對象
final javax.servlet.jsp.PageContext pageContext; // 頁面上下文
javax.servlet.http.HttpSession session = null; //session
final javax.servlet.ServletContext application; //applicationContext
final javax.servlet.ServletConfig config; //config
javax.servlet.jsp.JspWriter out = null; // out
final java.lang.Object page = this; //page:當前
HttpServletRequest request //請求
HttpServletResponse response //響應
  1. 輸出頁面前增加的代碼
response.setContentType("text/html"); //設置相應的頁面類型
pageContext = _jspxFactory.getPageContext(this, request, response, null, true, 8192, true);
_jspx_page_context = pageContext;
application = pageContext.getServletContext();
config = pageContext.getServletConfig();
session = pageContext.getSession();
out = pageContext.getOut();
_jspx_out = out;
  1. 以上對象我們在JSP頁面中可以直接使用!

在這裏插入圖片描述

注:jsp文件只有當用戶訪問的時候纔會生成!

在JSP頁面中:

只要是JAVA代碼就會原封不動的輸出;

如果是HTML代碼,就會轉換成爲:out.write("<html>\r\n”);這樣的格式,輸出到前端!

3 JSP基礎語法

任何語言都要自己的語法!JSP作爲Java技術的一種應用,它擁有自己擴充的一些語法,Java中的所有語法都支持!

JSP表達式

 <%--JSP表達式
 作用:用來將程序的輸出,輸出到客戶端
 <%= 變量或者表達式%>
 --%>
 <%= new java.util.Date()%>

JSP腳本片段

<%--jsp腳本片段--%>
<%
    int sum = 0;
    for (int i = 0; i < 100; i++) {
        sum+=i;
    }
    out.println("<h>Sum = "+sum+"</h1>");
%>

JSP聲明

<%!
    static {
        System.out.println("Loading Servlet!");
    }
    private int globalVar = 0;

    public void jever(){
        System.out.println("進入了方法jever");
    }
%>

JSP聲明:會被編譯到JSP生成Java的類中!其他的,就會被生成到_jspService方法中!

在JSP中,嵌入Java代碼即可!

總結語法格式:

<%%>
<%=%>
<%!%>

<%--註釋--%>

JSP的註釋不會在客戶端顯示,HTML的註釋可以查到!

4 JSP指令

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

<%@ page errorPage="error/500.jsp" %>//錯誤頁面,也可以直接在web.xml中設置

<%--將網頁合二爲一--%>
<%@include file="common/header.jsp"%>
<h2>網頁主體</h2>
<%@include file="common/footer.jsp"%>

<%--JSP標籤--%>
<%--jsp:include page: 拼接頁面,本質上還是三個--%>
<jsp:include page="common/header.jsp"/>
<h2>網頁主體</h2>
<jsp:include page="common/footer.jsp"/>

定製錯誤頁面,web.xml中配置:

<error-page>
    <error-code>404</error-code>
    <location>/error/404.jsp</location>
</error-page>
<error-page>
    <error-code>500</error-code>
    <location>/error/500.jsp</location>
</error-page>

5 九大內置對象, 四大作用域

內置對象:

  • pageContext 存東西
  • request 存東西
  • response
  • session 存東西
  • pplication [ServletContext] 存東西
  • config [ServletConfig]
  • out
  • page
  • exception

存取實例

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--內置對象--%>
<%
    pageContext.setAttribute("name1","Demut01"); //保存的數據只在一個頁面中有效
    request.setAttribute("name2","Demut02"); //保存的數據只在一次請求中有效,請求轉發會攜帶這個數據
    session.setAttribute("name3","Demut03"); //保存的數據只在一次會話中有效,從打開瀏覽器到關閉瀏覽器
    application.setAttribute("name4","Demut04"); //保存的數據只在服務器中有效,從打開服務器到關閉服務器
%>

<%----%>
<%--注:腳本片段中的代碼,會被原封不動的生成.jsp.java,故必須保證java語法的正確性--%>
<%
    //通過pageContext取出我們保存的值,我們通過尋找的方式來做
    //原因:從底層到高層(作用域):page->request->session->application
    String name1 = (String) pageContext.findAttribute("name1");
    String name2 = (String) pageContext.findAttribute("name2");
    String name3 = (String) pageContext.findAttribute("name3");
    String name4 = (String) pageContext.findAttribute("name4");
    String name5 = (String) pageContext.findAttribute("name5"); //不存在
%>

<%--使用EL表達式輸出  ${}--%>
<h2>取出的值爲:</h2>
<h3>${name1}</h3>
<h3>${name2}</h3>
<h3>${name3}</h3>
<h3>${name4}</h3>
<h3>${name5}</h3> <%--沒有顯示--%>

<h3> <%=name5%></h3> <%--顯示null,故我們一般不使用--%>
</body>
</html>

在這裏插入圖片描述

四大作用域:

page:作用域太小,我們一般不使用;

request: 客戶端向服務器發送請求,產生的數據用戶看完就沒用了!比如:新聞;

session:客戶端向服務器發送請求,產生的數據,用戶用完一會還有用!比如:購物車;

application:客戶端向服務器發送請求,產生的數據,一個用戶用完了,其他用戶還可能使用!比如:聊天數據;

作用域驗證實例:

<%--新建一個jsp頁面,我的是pageDemo01.jsp--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    String name1 = (String) pageContext.findAttribute("name1");
    String name2 = (String) pageContext.findAttribute("name2");
    String name3 = (String) pageContext.findAttribute("name3");
    String name4 = (String) pageContext.findAttribute("name4");
%>
取出的值爲:
<h3>${name1}</h3>
<h3>${name2}</h3>
<h3>${name3}</h3>
<h3>${name4}</h3>
</body>
</html>

在這裏插入圖片描述

補充:頁面的跳轉

<%
    pageContext.forward("pageDemo01.jsp");  			    //request.getRequestDispatcher("/index.jsp").forward(request,response);
%>

6 JSP標籤、JSTL標籤、EL表達式

<!--導包-->
<!--    JSTL表達式的依賴-->
    <dependency>
      <groupId>javax.servlet.jsp.jstl</groupId>
      <artifactId>jstl-api</artifactId>
      <version>1.2</version>
    </dependency>
<!--    standard依賴-->
    <dependency>
      <groupId>taglibs</groupId>
      <artifactId>standard</artifactId>
      <version>1.1.2</version>
    </dependency>

EL表達式:${}

  • 獲取數據
  • 執行運算
  • 獲取web開發的常用對象

JSP標籤:

<%--
http://localhost:8080/switch.jsp?name=demut&age=123456
--%>

<jsp:forward page="jsptag2.jsp">
    <jsp:param name="name" value="demut"/>
    <jsp:param name="age" value="123456"/>

</jsp:forward>

JSTL表達式:

JSTL標籤庫的使用就是爲了彌補HTML標籤的不足;它自定義許多標籤,可以供我們使用,標籤的功能和java代碼一樣!

核心標籤(掌握部分)

在這裏插入圖片描述

(圖片來源於菜鳥教程!)

JSTL標籤庫使用步驟

  1. 引用對應的taglib

  2. 使用其中的方法

  3. 在Tomcat中也需要引入jstl的包,否則就會報錯:JSTL解析錯誤

一些實例:

<c:if>、<c:out>

<h3>if測試</h3>
<hr>
<form action="coreif.jsp" method="get">
<%--
    EL表達式獲取表單中的數據
    ${param.參數名}
--%>
    <input type="text" name="username" value="${param.username}">
    <input type="submit" value="登錄">
</form>

<c:if test="${param.username=='demut'}" var="isAdmin">
    <c:out value="管理員歡迎您!"/>
</c:if>

<c:out value="${isAdmin}"/>

在這裏插入圖片描述

<c:when>

c:set var="score" value="85"/>
<c:choose>
    <c:when test="${score>=90}">
        你的成績等級爲A
    </c:when>
    <c:when test="${score>=80}">
        你的成績等級爲B
    </c:when>
    <c:when test="${score>=70}">
        你的成績等級爲C
    </c:when>
    <c:when test="${score>=60}">
        你的成績等級爲D
    </c:when>
</c:choose>

在這裏插入圖片描述

<c:forEach>

<%
    ArrayList<String> people = new ArrayList<>();
    people.add(0,"田柳");
    people.add(1,"張三");
    people.add(2,"李四");
    people.add(3,"王五");
    people.add(4,"趙柳");
    request.setAttribute("list",people);
%>
<%--
var 每一次遍歷出來的變量
iterms 要便利的對象
--%>
<c:forEach var="people" items="${list}">
    <c:out value="${people}"/> <br>
</c:forEach>
<hr>

<c:forEach var="people" begin="1" end="3" step="2" items="${list}">
    <c:out value="${people}"/> <br>
</c:forEach>

在這裏插入圖片描述

格式化標籤

SQL標籤

XML標籤

寫在最後

爲將之道,當先治心。泰山崩於前而色不變,麋鹿興於左而目不瞬,然後可以制利害,可以待敵。 ·——蘇洵《權書》

To Demut and Dottie!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章