Javaweb-JSP詳解 - tw511教學網

一、什麼是JSP

Java Server Pages:Java伺服器端頁面，和Servlet一樣，用於動態web技術最大的特點：

寫JSP就像在寫HTML
區別：
- HTML只給使用者提供靜態的資料
- JSP頁面中可以嵌入Java程式碼，為使用者提供動態資料；

二、JSP原理

思路：瞭解JSP到底怎麼執行的

伺服器內部工作
- Tomcat中有一個work目錄
- IDEA中使用Tomcat的話，會在IDEA的Tomcat中生產一個work目錄

瀏覽器向伺服器傳送請求，不管存取什麼資源，其實都是在存取Servlet
JSP本質上就是一個Servlet

三、原始碼分析

//初始化
public void _jspInit() {
  }
//銷燬
  public void _jspDestroy() {
  }
//JSPService
  public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)

1.判斷請求

if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method) && !javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) {
      response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSP 只允許 GET、POST 或 HEAD。Jasper 還允許 OPTIONS");
      return;
    }

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                        //響應

3.輸出頁面前增加的程式碼

response.setContentType("text/html; charset=UTF-8");//設定響應的頁面型別
pageContext = _jspxFactory.getPageContext(this, request, response,
      			null, false, 8192, true);
_jspx_page_context = pageContext;
application = pageContext.getServletContext();
config = pageContext.getServletConfig();
out = pageContext.getOut();
_jspx_out = out;

4.以上這些物件在JSP頁面中直接使用

在JSP頁面中：
只要是Java程式碼就會原封不動得輸出(並不是輸出到瀏覽器頁面,而是在新生成的xxx.jsp.java檔案中原樣展示)
如果是HTML程式碼，就會轉換為下面的格式並輸出到前端

out.write("<html>\r\n");

四、JSP基礎語法

1.JSP表示式

<%--JSP表示式
    作用：用來將程式的輸出，輸出到使用者端
    <%= 變數或者表示式 %>
--%>
<%= new java.util.Date()%>

執行結果

2.JSP指令碼片段

<%--jsp指令碼片段--%>
<%
    int sum = 0;
    for (int i = 0; i <= 100; i++) {
        sum+=i;
    }
    out.print("<h1>Sum="+sum+"</h1>");
%>

執行結果

3.指令碼片段的在實現

<%
    for (int i = 0; i < 5; i++) {


%>
   <h1>Twq  <%=i%></h1>
<%
    }
%>

執行結果

4.jsp宣告

定義全域性變數

<%!
    static {
        System.out.println("Loading servlet");
    }
    private int globalVar = 0;
    public void Twq(){
        System.out.println("進入了放法Twq!");
    }
%>

JSP宣告：會被編譯到JSP 生成Java的類中！其它的，就會被生成到_jspService()方法中
在JSP中嵌入Java程式碼即可

注意:JSP 的註釋不會在瀏覽器頁面顯示，HTML的會顯示

五、JSP指令

<%@ page contentType="text/html; ISO-8859-1" %>
<%--顯示的宣告這是一個錯誤頁面--%>
<%@ page isErrorPage="true" %>
<%@ page pageEncoding="UTF-8" %>

六、九大內建物件

PageContext 存東西
Request 存東西
Response
Session 存東西
Application (ServletContext) 存東西
config (ServletConfig)
out
page，不用知道，基本不用
exception
四個可以存放的測試
pageContextDemo.jsp程式碼

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--內建物件--%>
<%
 pageContext.setAttribute("name1","唐三1號");//儲存的資料只在一個頁面中有效
 request.setAttribute("name2","唐三2號");//儲存的資料只在一次請求中有效，請求轉發會攜帶這個資料
 session.setAttribute("name3","唐三3號");//儲存的資料只在一次對談中有效，從打卡瀏覽器到關閉瀏覽器
 application.setAttribute("name4","唐三4號");//儲存的資料只在伺服器中有效，從開啟伺服器到關閉伺服器
%>
<%--指令碼片段中的程式碼，會被原封不動生成到JSP.java中
要求：這裡面額程式碼：必須保證Java語法的正確性
--%>
<%
    //從pageContext取出，我們通過尋找的方式去取
    //從底層到高層(作用域)
    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表示式輸出 ${}--%>
<h1>取出的值為：</h1>
<h3>${name1}</h3>
<h3>${name2}</h3>
<h3>${name3}</h3>
<h3>${name4}</h3>
<h3><%=name5%></h3>
</body>
</html>

在pageDemo.jsp中得到pageContextDemo.jsp頁面中存放的值

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    //從pageContext取出，我們通過尋找的方式去取
    //從底層到高層(作用域)
    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表示式輸出 ${}--%>
<h1>取出的值為：</h1>
<h3>${name1}</h3>
<h3>${name2}</h3>
<h3>${name3}</h3>
<h3>${name4}</h3>
<h3><%=name5%></h3>
</body>
</html>

執行結果圖

request：使用者端向伺服器傳送請求，產生的資料，使用者看完就沒用了，比如：新聞，使用者看完就沒用了，比如：新聞使用者看完一條新聞，那這條新聞就沒用了
session：使用者端向伺服器傳送請求，產生的資料，使用者用完一會還有用，比如：購物車
application:使用者端向伺服器傳送請求，產生的資料，一個使用者用完了，其它使用者還可能使用，比如：聊天資料；

七、JSP及JStL標籤,EL表示式

maven的依賴：

 <!--JSTL表示式的依賴-->
<dependency>
<groupId>javax.servlet.jsp.jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!--standard標籤庫-->
<dependency>
<groupId>taglibs</groupId>
<artifactId>standard</artifactId>
<version>1.1.2</version>
</dependency>

1.EL表示式${}

獲取資料
執行運算
獲取web開發的常用物件

2.JSP標籤(瞭解)

tagJSP頁面程式碼

<body>
<%--jsp:include用來做一個網站的頭部和底部不變的元素--%>
<%--jsp:forward用來轉發當前頁面的--%>
<jsp:forward page="tagJSP2.jsp">
    <jsp:param name="name" value="tangsan"/>
    <jsp:param name="age" value="12"/>
</jsp:forward>
</body>

tagJSP2頁面程式碼

<body>
<%--取出引數--%>
tagJSP2介面<br>
名字：<%=request.getParameter("name")%>
年齡：<%=request.getParameter("age")%>
</body>

執行結果圖

3.JSTL

JSTL標籤庫的使用就是為了彌補HTML標籤的不足；它自定義許多標籤，可以供我們使用，標籤的功能和Java程式碼一樣

核心標籤(掌握部分)：
使用前提得匯入以下標頭檔案

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

注意：在使用JSTL前Tomcat中也必須要引入JSTL的包，否則會報org.apache.jasper.JasperException: 無法在web.xml或使用此應用程式部署的jar檔案中解析絕對uri：[http://java.sun.com/jsp/jstl/core]
解決方法：將下圖的兩個jar包貼上到Tomcat的lib目錄下

c:if和c:out測試程式碼


<%@ 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>
<form action="core_tag.jsp" method="get">
        <%--EL表示式獲取表單中的資料
        ${param.引數名}
        --%>
        <input type="text" name="username" value="${param.username}">
        <input type="submit" value="登入">
</form>
<%--判斷如果提交的使用者名稱是管理員，則登入成功--%>
<%
    //java程式碼實現
//    if(request.getParameter("username").equals("admin")){
//        out.print("登入成功");
//    }
%>
<c:if test = "${param.username=='admin'}" var="isAdmin">
    <c:out value="管理員歡迎您"></c:out>
</c:if>
<c:out value="${isAdmin}"/>
</body>
</html>

若執行報下面這個錯僅需在Tomcat的lib目錄中匯入以下連線裡的jar包即可
java.lang.NoClassDefFoundError: javax/servlet/jsp/jstl/core/ConditionalTagSupport

https://pan.baidu.com/s/1bJtL_h1xE1sNmN5CB5wEOA?pwd=13qe
提取碼:13qe
執行結果圖

c:choose和c:when測試程式碼

<%@ 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>
<%--定義一個變數為score，值為89--%>
<c:set var="score" value="89"></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:choose>
</body>
</html>

執行結果圖

c:forEach測試程式碼

<%@ 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>
<%
    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,每一次遍歷出來的變數
items:要遍歷的物件
begin：哪裡開始
end:到哪裡
step:步長，對於for i 迴圈來說就是 i 每次加多少
--%>
<c:forEach var="people" items="${list}" begin="1" end = "3" step="1">
    <c:out value="${people}"></c:out><br>
</c:forEach>
</body>
</html>

執行結果圖

其餘標籤如果想學習可參考如下網站

https://m.runoob.com/jsp/jsp-jstl.html

八、JavaBean

通常稱為實體類

JavaBean有特定的寫法：

必須要有一個特定的寫法
屬性必須私有化
必須有對應的get/set方法

一般用來和資料庫的欄位做對映 ORM；
ORM：物件關係對映

資料庫	Java
表	類
欄位	屬性
行記錄	物件


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--類似呼叫People的set方法--%>
<jsp:useBean id="people" class="com.tang.pojo.People" scope="page"></jsp:useBean>
<jsp:setProperty name="people" property="address" value="寧波"/>
<jsp:setProperty name="people" property="id" value="1"/>
<jsp:setProperty name="people" property="age" value="3"/>
<jsp:setProperty name="people" property="name" value="唐三"/>
<%--類似呼叫People裡的get方法--%>
姓名：<jsp:getProperty name="people" property="name"/><br>
ID：<jsp:getProperty name="people" property="id"/><br>
年齡：<jsp:getProperty name="people" property="age"/><br>
地址：<jsp:getProperty name="people" property="address"/><br>
</body>
</html>

執行結果圖圖

People類裡的欄位