JavaWeb_07_JSP详解

最新推荐文章于 2024-09-30 10:41:55 发布

牛魔瘦了

最新推荐文章于 2024-09-30 10:41:55 发布

阅读量308

点赞数 1

文章标签： http 网络 https

本文链接：https://blog.csdn.net/yinuo_chao/article/details/123293285

版权

本文详细介绍了JSP（JavaServerPages）的原理，包括其作为Servlet的本质，以及JSP页面如何被转换成Java类。讲解了JSP的基础语法，如表达式、脚本片段和声明，并探讨了JSP指令的用法。此外，还深入讨论了JSP的九大内置对象及其作用域，以及如何在不同作用域中存储和检索数据。最后，简要提到了JSTL标签库和EL表达式在JSP中的应用。

摘要由CSDN通过智能技术生成

JavaWeb_07_JSP详解

模板引擎历史了！点击跳转JSP详解视频

在这里插入图片描述

持续学习，不断超越！

P18 JSP原理剖析

18.1、什么是JSP

Java Server Pages：Java服务器端页面，也和Servlet一样，用于动态Web技术！

最大的特点：

写JSP就像在写HTML
区别：
- HTML只给用户提供静态的数据
- JSP页面中可以嵌入JAVA代码，为用户提供动态数据；

18.2、JSP原理

思路：JSP到底怎么执行的！

代码层面没有任何问题
服务器内部工作

tomcat中有一个work目录；

IDEA中使用Tomcat，会在IDEA的Tomcat中生产一个work目录

在这里插入图片描述

在IDEA的tomcat启动log里，可以看到路径。

在这里插入图片描述

我电脑的地址：

C:\Users\cheng\AppData\Local\JetBrains\IntelliJIdea2020.1\tomcat\Unnamed_javaweb-02-servlet\work\Catalina\localhost\ROOT\org\apache\jsp

在这里插入图片描述

浏览器向服务器发送请求，不管访问什么资源，其实都是在访问Servlet！

JSP最终也会被转换成为一个Java类！

JSP本质上就是一个Servlet

//初始化
public void _jspInit() {}

//销毁
public void _jspDestroy() {}

//JSPService
public void _jspService(.HttpServletRequest request, .HttpServletResponse response){}

判断请求

内置一些对象

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                       //响应

输出页面前增加的代码

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;

以上的这些个对象我们可以在JSP页面中直接使用！

在这里插入图片描述

在JSP页面中；

只要是JAVA代码就会原封不动的输出；

如果是HTML代码，就会被转换为：

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

这样的格式，输出到前端！

P19 JSP基础语法和指令

19.3 JSP基础语法

任何语言都有自己的语法，JAVA中有。JSP 作为java技术的一种应用，它拥有一些自己扩充的语法（了解，知道即可！），Java所有语法都支持！

JSP表达式

  <%--JSP表达式
  作用：用来将程序的输出，输出到客户端
  <%= 变量后者表达式%>
  --%>
  <%= new java.util.Date()%>

jsp脚本片段

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

脚本片段的再实现

  <%
    int x = 10;
    out.println(x);
  %>
  <p>这是一个JSP文档</p>
  <%
    int y = 20;
    out.println(y);
  %>

  <hr>

  <%--在代码嵌入HTML元素--%>
  <%
    for(int i = 0; i < 5; i++){
  %>
  <h1>牛魔瘦了  <%=i%> </h1>
  <%
    }
  %>

JSP声明

  <%!
    static {
      System.out.println("loading Servlet!");
    }

    private int globalVar = 0;

    public void niumo(){
      System.out.println("进入了方法nimmo!");
    }

JSP声明：会被编译到JSP生成Java的类中！其他的，就会被生成到_jspService方法中！

在JSP，嵌入Java代码即可！

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

<%--注释--%>

JSP的注释，不会在客户端显示，HTML就会！

19.4 JSP指令

<%@ page args... %>

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

<%--定制错误页面--%>

<%--<%@ page errorPage="error/500.jsp" %>--%>
<%@ page isErrorPage="true" %>
<%@ page pageEncoding="UTF-8" %>

<html>
<head>
    <title>Title</title>
</head>
<body>

<%
    int x = 1/0;
%>

</body>
</html>

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

    <%--@inclue会将两个页面合二为一--%>
    <%@ include file="common/header.jsp"%>
    <h1>网页主体</h1>
    <%@ include file="common/footer.jsp"%>

    <hr>

    <%--jsp标签
    jsp:include：拼接页面，本质还是三个
    --%>
    <jsp:include page="/common/header.jsp"/>
    <h1>网页主体</h1>
    <jsp:include page="/common/footer.jsp"/>

</body>
</html>

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

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

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    
    <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>
    
</web-app>

P20 JSP内置对象及作用域

20.5 9大内置对象

PageContext 存东西
Request 存东西
Response
Session 存东西
Application【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","牛魔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"); //不存在
    
    pageContext.forward("/pageDemo02.jsp");
%>

<%--使用EL表达式输出 ${}--%>
<h1>取出的值为：</h1>
<h3>${name1}</h3>
<h3>${name2}</h3>
<h3>${name3}</h3>
<h3>${name4}</h3>
<h3>${name5}</h3>
<h3><%=name5%></h3>

</body>
</html>

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

<%--脚本片段中的代码，会被原封不动生成到.JSP.java
要求：这里面的代码：必须保证Java语法的正确性
--%>
<%
    //从pageContext取出，我们通过寻找的方法来
    //从底层到高层（作用域）：page-->request-->session-->application
    //JVM：双亲委派机制；
    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>
<h3><%=name5%></h3>

</body>
</html>

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

<%--
    public static final int PAGE_SCOPE = 1;
    public static final int REQUEST_SCOPE = 2;
    public static final int SESSION_SCOPE = 3;
    public static final int APPLICATION_SCOPE = 4;

    //scope：作用域
    public void setAttribute(String name, Object attribute, int scope) {
        switch(scope) {
        case 1:
            this.mPage.put(name, attribute);
            break;
        case 2:
            this.mRequest.put(name, attribute);
            break;
        case 3:
            this.mSession.put(name, attribute);
            break;
        case 4:
            this.mApp.put(name, attribute);
            break;
        default:
            throw new IllegalArgumentException("Bad scope " + scope);
        }
    }
--%>

<%
    pageContext.setAttribute("hello1","hello1",PageContext.SESSION_SCOPE);
    //session.setAttribute("hello1","hello1");
%>

</body>
</html>

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

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

</body>
</html>

在这里插入图片描述

request：客户端向服务器发送请求，产生的数据，用户看完就没用了，比如：新闻，用户看完没用的！

session：客户端向服务器发送请求，产生的数据，用户用完一会还有用，比如：购物车；

application：客户端向服务器发送请求，产生的数据，一个用户用完了，其他用户还可能使用，比如：聊天数据；

JVM–双亲委派机制

在这里插入图片描述

P21 JSP、JSTL标签、EL表达式

21.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开发的常用对象
调用Java方法

JSP标签

<%--<jsp:include>--%>

<%--
http://localhost:8080/jsptag.jsp?name=niumo&age=12
--%>

<jsp:forward page="/jsptag2.jsp">
    <jsp:param name="name" value="niumo"/>
    <jsp:param name="age" value="12"/>
</jsp:forward>

JSTL表达式

点击跳转 RUNOOB.COM JSP 标准标签库（JSTL）

JSTL标签库的使用就是为了弥补HTML标签的不足；它自定义许多标签，可以供我们使用，标签的功能合Java代码一样！

格式化标签

SQL标签

XML标签

核心标签（掌握部分）

在这里插入图片描述

JSTL标签库使用步骤

引入对应的 tablib
使用其中的方法
在Tomcat 也需要引入jstl的包，否则会报错：JSTL解析错误

c:if

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

<%--引入JSTL核心标签库，我们才能使用JSTL标签--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<h4>if测试</h4>

<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=='admin'}" var="isAdmin">
    <c:out value="管理员欢迎您！"></c:out>
</c:if>

<%--自闭合标签--%>
<c:out value="${isAdmin}"></c:out>

</body>
</html>

c:choose、c:when

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<%--定义一个变量score，值为85--%>
<c:set var="score" value="85"></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:choose>

</body>
</html>

c:forEach

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<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，步长
--%>
<c:forEach var="people" items="${list}">
    <c:out value="${people}"></c:out> <br>
</c:forEach>

<hr>

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

</body>
</html>

P22 JavaBean及作业

实体类

JavaBean有特定的写法：

必须要有一个无参构造
属性必须私有化
必须有对应的get/set方法；

一般用来和数据库的字段做映射 ORM；

ORM：对象关系映射

表 --> 类
字段 --> 属性
行记录 --> 对象

people表

id	name	age	address
1	牛魔1号	3	成都
2	牛魔2号	18	成都
3	牛魔3号	100	成都

class People{
    private int id;
    private String name;
    private int age;
    private String address;
}

class A{
    new People(1,"牛魔1号",3,"成都");
    new People(2,"牛魔2号",18,"成都");
    new People(3,"牛魔3号",100,"成都");
}

package com.niumo.pojo;

//实体类 我们一般都是和数据库中的表结构一一对应！
public class People {
    private int id;
    private String name;
    private int age;
    private String address;

    public People() {
    }

    public People(int id, String name, int age, String address) {
        this.id = id;
        this.name = name;
        this.age = age;
        this.address = address;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public String getAddress() {
        return address;
    }

    public void setAddress(String address) {
        this.address = address;
    }

    @Override
    public String toString() {
        return "People{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", age=" + age +
                ", address='" + address + '\'' +
                '}';
    }
}

<%@ page import="com.niumo.pojo.People" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<%
//    People people = new People();
//    people.setAddress("成都");
//    people.setId(1);
//    people.setAge(3);
//    people.setName("牛魔瘦了");
%>

<jsp:useBean id="people" class="com.niumo.pojo.People" scope="page"></jsp:useBean>

<jsp:setProperty name="people" property="address" value="北京"></jsp:setProperty>
<jsp:setProperty name="people" property="id" value="2"></jsp:setProperty>
<jsp:setProperty name="people" property="age" value="5"></jsp:setProperty>
<jsp:setProperty name="people" property="name" value="至尊宝"></jsp:setProperty>

<%--<%= people.getAddress()%>--%>

姓名：<jsp:getProperty name="people" property="name"/>
id：<jsp:getProperty name="people" property="id"/>
年龄：<jsp:getProperty name="people" property="age"/>
地址：<jsp:getProperty name="people" property="address"/>

</body>
</html>