Javaweb-JSP詳解

2022 年 7 月 27 日
筆記
JavaWeb

一、什麼是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="//java.sun.com/jsp/jstl/core" %>

注意：在使用JSTL前Tomcat中也必須要引入JSTL的包，否則會報org.apache.jasper.JasperException: 無法在web.xml或使用此應用程式部署的jar文件中解析絕對uri：[//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="//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

//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="//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="//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>

運行結果圖

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

//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類里的欄位

Tags: JavaWeb