jsp 一篇文章知天下浅谈源码

野性酷女 2023-09-30 09:10 5阅读 0赞

### jsp 一篇文章知天下\[0 基础\] ###

*  一、JSP的介绍与创建
 *  二、JSP的本质
 *  三、JSP的语法
 *  四、JSP中的常用脚本
 *  五、JSP九大内置对象
 *  六、JSP四大域对象
 *  八、JSP的out输出和response.getWriter输出的异同
 *  九、JSP的常用标签

# 一、JSP的介绍与创建 #

1.JSP的全称是Java Server Pages，即Java的服务器页面  
2.JSP的主要作用是**代替Servle**t程序**回传HTML**页面的数据。

# 二、JSP的本质 #

JSP页面本质上是一个Servlet程序，第一次访问JSP页面时 (运行Tomcat服务器后 **在浏览器地址栏输入路径**)， Tomcat服务器会将此JSP页面**翻译**成为一个Java源文件，并对其进行编译成为.class字节码文件(一个.java，一个.class)，当打开.java文件时发现其中的内容是：

![在这里插入图片描述][6400424f016341fcbdb3438d7048c9c1.png_pic_center]

而HttpJspBase类直接继承于HttpServlet类，即JSP翻译出来的Java类间接继承于HttpServlet类，证明JSP页面是一个Servlet程序.

\*\* 记住 jsp的存在就是为了解决 servlet 写html 太繁琐的问题。\*\*

# 三、JSP的语法 #

JSP头部的page指令：  
![在这里插入图片描述][df48702c81b947659fcb34b067284823.png_pic_center]

JSP头部的page指令可以修改JSP页面中的一些重要属性或行为  
(以下属性均写在page指令中，默认page指令中没有出现的属性都采用默认值)：

(1) contentType属性：表示JSP返回的数据类型是什么，即response.setContentType()的  参数值
    (2) language属性：表示JSP翻译之后是什么语言文件(目前只支持Java)
    (3) pageEncoding属性：表示当前JSP文件本身的字符集(可在IDEA右下角看到)
    (4) import属性：表示导包(导类)，与Java一致
    (5) autoFlush属性：设置当out输出流缓冲区满了之后是否自动刷新缓冲区，
    默认值是true
    (6) buffer属性：设置out缓冲区的大小，默认是8kb
    注意：out缓冲区满了之后不能自动刷新的话会报错

(7) errorPage属性：设置当JSP页面运行出错时自动跳转到的页面(错误信息页面)的路径，这个 路径一般都是以斜杠打头，表示请求的地址是http://ip:port/工程路径/，对应代码web目录  
(8) isErrorPage属性：设置当前JSP页面是否是错误信息页面，默认是false，如果是true可以 获取错误信息  
(9) session属性：设置访问当前JSP页面时是否会创建HttpSession对象，默认值是true  
(10) extends属性：设置JSP页面翻译出来的Java类默认继承谁

上面的10 条 尽量记住，写代码比较 快。 ![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_7_color_FFFFFF_t_70_g_se_x_16_pic_center]

# 四、JSP中的常用脚本 #

**1. 声明脚本**  
格式：<%! 声明Java代码 %>  
作用：可以给JSP**翻译**出来的Java类定义属性、方法、静态代码块、内部类等  
特点：不会在浏览器的页面上显示出来，仅存在于翻译后的Java类中

代码演示：声明脚本的使用(此JSP文件在web目录下，名为First.jsp)
    
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ page import="java.util.HashMap" %>
    <%@ page import="java.util.Map" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    
    
        <%--1.声明类属性--%>
        <%!
            private String name;
            private static Map<String, Object> map;
        %>
        
        <%--2.声明类方法--%>
        <%!
            public int sum() {
        
                return 12;
            }
        %>
        <%--3.声明静态代码块--%>
        <%!
            static {
        
                map = new HashMap<String, Object>();
                map.put("key1", "value1");
            }
        %>
    </body>
    </html>

对应的翻译后的java源文件：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center]  
看到这有没有 感觉有点乱？  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center 1]

仔细往下看 ，会明白的。

**2. 表达式脚本**  
格式：<%=表达式 %>  
作用：在浏览器的JSP页面上输出数据(只有此脚本可以在浏览器的页面上输出数据)

特点：  
(1) 所有的表达式脚本都会被翻译到对应的Java类的\_jspService()方法中，故表达式脚本可以 直接使用\_jspService()方法参数中的对象  
(2) 表达式脚本都会被编译后的Java类中的out.print()方法输出到浏览器页面上  
(3) 表达式脚本中的表达式不能以分号结束。

代码演示：表达式脚本的使用(此JSP文件在web目录下，名为First.jsp)

<%=22 %> <br/>
    <%="可以输出字符串" %> <br/>
    <%=map %> <br/>
    <%--使用_jspService方法中的对象--%>
    <%=request.getParameter("username") %>

启动Tomcat服务器后浏览器的运行结果：  
![在这里插入图片描述][4996470de6a941988c107ebfbe8d2daa.png_pic_center]

对应的翻译后的Java源文件(在\_jspService方法中)：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center 2]

注意：

1.write方法中的标签、转义字符自动识别为对应的  
功能，不在页面输出，执行各自代表的功能

2.out的两个方法也在\_jspService方法中，也都是java语言

3.只有print、write方法、表达式脚本中的内容才可在浏览器中显示，其余Java代码的sout在控制台输出

**3. 代码脚本**  
格式：<% Java语句 %>  
作用：在JSP页面中可以编写需要的Java代码  
特点：  
(1) 代码脚本翻译后都在\_jspService方法中，故代码脚本可以直接使用此方法参数中的对象  
(2) 可以由多个代码脚本块组合完成一个完整的Java语句  
(3) 代码脚本还可以和表达式脚本一起组合使用，在JSP页面上输出数据

代码演示：代码脚本的使用(此JSP文件在web目录下，名为First.jsp)

<%--1.if语句--%>
    <%
        int i = 1;
        if (i == 1) {
        
            System.out.println("我爱祖国！");
        } else {
        
            System.out.println("我很爱祖国！");
        }
    %> <br/>
    <%--2.for循环语句--%>
    <%
        for (int j = 0 ; j < 3; j++) {
        
            System.out.println("第" + j + "次循环");
        }
    %> <br/>
    <%--3.使用_jspService方法参数中的对象--%>
    <%
        String username = request.getParameter("username");
        System.out.println("username对应的值为：" + username);
    %>

运行结果：  
启动Tomcat服务器后在地址栏输入：http://localhost:8080/MyTest/First.jsp?username=Jaychou  
在控制台显示：  
![在这里插入图片描述][080ff943310e4b0f89d29eabaa895cd9.png_pic_center]  
对应的翻译后的Java源文件(在\_jspService方法中)：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_7_color_FFFFFF_t_70_g_se_x_16_pic_center 1]

# 五、JSP九大内置对象 #

JSP的内置对象指的是Tomcat服务器将JSP页面翻译为Java类之后内部提供的九大对象：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_8_color_FFFFFF_t_70_g_se_x_16_pic_center]

(将page指令的isErrorPage属性写成true可以出现exception对象)

request：请求对象
    response：响应对象
    pageContext：JSP的上下文对象
    session：会话对象
    application：ServletContext对象
    config：ServletConfig对象
    out：JSP输出流对象
    page：指向当前JSP的对象
    exception：异常对象

# 六、JSP四大域对象 #

域对象是指可以像Map一样存取数据的对象，四个域对象功能一样，只是对数据的存取范围不同

代码演示1：四个域对象存取数据的范围的不同(在web目录下创建scope1.jsp)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>scope1</title>
    </head>
    <body>
        <h1>scope1.jsp页面</h1>
        <%
            //向四个域对象中分别保存数据
            pageContext.setAttribute("key", "pageContext");
            request.setAttribute("key", "request");
            session.setAttribute("key", "session");
            application.setAttribute("key", "application");
        %>
        <%-- <jsp:forward page=""></jsp:forward>是请求转发标签，
             page属性设置请求转发的路径 --%>
        <jsp:forward page="/scope2.jsp"></jsp:forward>
    </body>

代码演示2：在web目录下创建scope2.jsp

<head>
        <title>Title</title>
    </head>
    <body>
        <h1>scope2.jsp页面</h1>
        <%-- JSP页面中不加任何标签直接输入的内容被write方法输出在浏览器的页面上   --%>
        pageContext域是否有值：<%=pageContext.getAttribute("key")%> <br>
        request域是否有值：<%=request.getAttribute("key")%> <br>
        session域是否有值：<%=session.getAttribute("key")%> <br>
        application域是否有值：<%=application.getAttribute("key")%> <br>
    </body>

运行结果1：  
![在这里插入图片描述][278eee88883b4867b0d5b0d3458cfec0.png_pic_center]

运行结果2：  
![在这里插入图片描述][07bf97e134504d679d323ec5e26068ec.png_pic_center]

注意：若四个域对象在使用时范围都可满足要求，则使用的优先顺序是(范围从小到大)：  
pageContext --> request --> session --> application

# 八、JSP的out输出和response.getWriter输出的异同 #

**相同点：response表示响应，用于给客户端(浏览器)返回内容**  
**out同样也是用于给客户端(浏览器)输出内容**  
不同点：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_15_color_FFFFFF_t_70_g_se_x_16_pic_center]

注意：由于官方的代码中翻译后的Java代码底层都是使用out进行输出，故一般都使用out进行 输出，out又分为write方法和print方法：  
(1) out.print()：会将任何内容转换成字符串后调用write方法输出  
(2) out.write()：输出字符串没有问题，但输出int型时会将int转换成char输出，导致输出的并非是想要的数字而是数字对应的ASCII码

**结论：JSP页面的代码脚本中任何要输出在浏览器的内容均使用out.print()方法**

# 九、JSP的常用标签 #

1.  静态包含  
    (1)使用场景：  
    ![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center]

(2)使用方法：

<%@include file=""%>

其中file属性设置要包含的JSP页面，以/打头，代表http://ip:port/工程路径/，对应web目录

代码演示1：在web目录下创建body.jsp

代码演示2：在web目录下创建foot.jsp

运行结果：  
![在这里插入图片描述][23d2049314534996906b941a4fddfeab.png_pic_center]

(3)静态包含的特点：  
①静态包含不会将被包含的JSP页面翻译成.java.class文件  
②静态包含是把被包含的页面的代码拷贝到body.jsp对应的Java文件的对应位置执行输出

1.  动态包含  
    (1)使用方法：

<jsp:include page=””></jsp:include>

其中page属性设置要包含的JSP页面，与静态包含一致

(2)动态包含的特点：  
①动态包含将被包含的JSP页面翻译成.java.class文件  
②动态包含还可以传递参数  
③动态包含底层使用如下代码调用被包含的JSP页面执行输出：  
org.apache.jasper.runtime.JspRuntimeLibrary.include(request, response, “/foot.jsp”, out, false);

代码演示1：在web目录下创建body.jsp

注意：

设置参数的标签要写在动态包含之中  
出现Expecting “jsp:param” standard action with “name” and “value” attributes异常，两个原因：  
①动态包含中未设置参数但没有把<jsp:include page=””></jsp:include>放在一行上  
②动态包含中加了注释  
代码演示2：在web目录下创建foot.jsp

运行结果：  
![在这里插入图片描述][ff330f377760444692330f1ddadfdbca.png_pic_center]

(3)动态包含的底层原理：

十、ServletContextListener监听器

1.  Listener监听器的介绍  
    (1) Listener监听器是JavaWeb的三大组件之一  
    (2) Listener监听器是JavaEE的规范(接口)  
    (3) Listener监听器的作用是监听某件事物的变化，然后通过回调函数反馈给程序做一些处理
2.  ServletContextListener监听器  
    ServletContextListener监听器可以监听ServletContext对象的创建和销毁(web工程启动时创建，停止时销毁)，监听到创建和销毁之后都会调用ServletContextListener监听器的方法进行反馈：

public interface ServletContextListener extends EventListener {
        
        //在ServletContext对象创建之后调用
        public void contextInitialized(ServletContextEvent sce);
        //在ServletContext对象销毁之后调用
        public void contextDestroyed(ServletContextEvent sce);

1.  ServletContextListener监听器的使用步骤  
    (1) 编写一个类实现ServletContextListener接口  
    (2) 重写两个方法  
    (3) 在web.xml文件中配置监听器

代码演示1：创建一个类

public class ListenerTest implements ServletContextListener {
        
        @Override
        public void contextInitialized(ServletContextEvent servletContextEvent) {
        
            System.out.println("ServletContext对象创建");
        }
        @Override
        public void contextDestroyed(ServletContextEvent servletContextEvent) {
        
            System.out.println("ServletContext对象销毁");
        }
    }

代码演示2：在web.xml中配置

<listener>
        
        <listener-class>com.qizegao.servlet.ListenerTest</listener-class>
    </listener>

运行结果：
    Tomcat服务器启动之后控制台输出ServletContext对象创建
    Tomcat服务器停止之后控制台输出ServletContext对象销毁

注意：

查看翻译后的Java源文件的方法：启动Tomcat服务器访问到JSP页面之后在控制台输出的信息的前端找到Using CATALINA\_BASE中的路径，在硬盘中打开此目录，点击work --> Catalina --> localhost，找到对应的工程文件夹寻找即可  
访问JSP页面其实是在执行对应的翻译后的Java代码的\_jspService方法：翻译后的Java类中没有service方法，而是重写了父类的\_jspService方法，这个方法会被父类的service方法调用

[6400424f016341fcbdb3438d7048c9c1.png_pic_center]: https://img-blog.csdnimg.cn/6400424f016341fcbdb3438d7048c9c1.png#pic_center
[df48702c81b947659fcb34b067284823.png_pic_center]: https://img-blog.csdnimg.cn/df48702c81b947659fcb34b067284823.png#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_7_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/aba578c20a684cf48fac5df46cbbacf5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_7,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/9e8dcb0d97cc42e1ad1026c74b10c8d1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_13,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: https://img-blog.csdnimg.cn/8cd725b20f3c4e368c870f40ba502065.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_13,color_FFFFFF,t_70,g_se,x_16#pic_center
[4996470de6a941988c107ebfbe8d2daa.png_pic_center]: https://img-blog.csdnimg.cn/4996470de6a941988c107ebfbe8d2daa.png#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center 2]: https://img-blog.csdnimg.cn/3aae398a35264f5d87e8a054a072b5eb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_13,color_FFFFFF,t_70,g_se,x_16#pic_center
[080ff943310e4b0f89d29eabaa895cd9.png_pic_center]: https://img-blog.csdnimg.cn/080ff943310e4b0f89d29eabaa895cd9.png#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_7_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: https://img-blog.csdnimg.cn/fae706093db34360a205e7b60065f9fc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_7,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_8_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/92b4d25f7d0045e39d0cde607dbfa1e1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_8,color_FFFFFF,t_70,g_se,x_16#pic_center
[278eee88883b4867b0d5b0d3458cfec0.png_pic_center]: https://img-blog.csdnimg.cn/278eee88883b4867b0d5b0d3458cfec0.png#pic_center
[07bf97e134504d679d323ec5e26068ec.png_pic_center]: https://img-blog.csdnimg.cn/07bf97e134504d679d323ec5e26068ec.png#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_15_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/994ad8d5b56544b8bfaf4d87f94729e6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_15,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/c909405a711d4895a68a345c0eb213c7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq5LiN56eD5aS055qEIOeoi-W6j-WRmA==,size_11,color_FFFFFF,t_70,g_se,x_16#pic_center
[23d2049314534996906b941a4fddfeab.png_pic_center]: https://img-blog.csdnimg.cn/23d2049314534996906b941a4fddfeab.png#pic_center
[ff330f377760444692330f1ddadfdbca.png_pic_center]: https://img-blog.csdnimg.cn/ff330f377760444692330f1ddadfdbca.png#pic_center