（9）jsp技术的使用

心已赠人 2023-02-11 05:59 131阅读 0赞

1，什么是 jsp ，它有什么用?

2，jsp 的本质是什么？

3，jsp 的三种语法

*  3.1，jsp 头部的 page 指令
 *  3.2，jsp 中的常用脚本
 *  3.3，jsp 中的三种注释

4，jsp 九大内置对象

5，jsp 四大域对象

6，jsp 中的 out 输出和 response.getWriter 输出的区别

7，jsp 的常用标签

*  7.1，jsp 静态包含
 *  7.2，jsp 动态包含
 *  3.3，jsp 标签-转发

8，jsp 的练习题

*  8.1，jsp 页面中输出九九乘法口诀表
 *  8.2，jsp 输出一个表格，里面有 10 个学生信息

9，Listener 监听器

*  9.1，什么是 Listener 监听器？
 *  9.2，ServletContextListener 监听器

#### 什么是 jsp ，它有什么用? ####

*  jsp 的全称是 java server pages。Java 的服务器页面。
 *  jsp 的主要作用是代替 Servlet 程序回传 html 页面的数据。
 *  因为 Servlet 程序回传 html 页面数据是一件非常繁锁的事情。开发成本和维护成本都极高。
 *  Servlet 回传 html 页面数据的代码：

@Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 
        // 通过响应的回传流回传 html 页面数据
        resp.setContentType("text/html; charset=UTF-8");
        PrintWriter writer = resp.getWriter();
        writer.write("<!DOCTYPE html>\r\n");
        writer.write(" <html lang=\"en\">\r\n");
        writer.write(" <head>\r\n");
        writer.write(" <meta charset=\"UTF-8\">\r\n");
        writer.write(" <title>Title</title>\r\n");
        writer.write(" </head>\r\n");
        writer.write(" <body>\r\n");
        writer.write(" 这是 html 据 页面数据 \r\n");
        writer.write(" </body>\r\n");
        writer.write("</html>\r\n");
        writer.write("\r\n");
    }

*  jsp 回传一个简单 html 页面的代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
    <title>Title</title>
    </head>
    <body>
    这是 html 页面数据
    </body>
    </html>

*  jsp 如何访问：
    
    jsp 页面和 html 页面一样，都是存放在 web 目录下。访问也跟访问 html 页面一样。
    
    比如：在 web 目录下有如下的文件：
    
    web 目录
    
    a.html 页面 访问地址是 ====》 `http://ip:port/工程路径/a.html`  
    b.jsp 页面 访问地址是 ====》`http://ip:port/工程路径/b.jsp`

#### jsp 的本质是什么？ ####

*  jsp 页面本质上是一个 Servlet 程序。
 *  当我们第一次访问 jsp 页面的时候。Tomcat 服务器会帮我们把 jsp 页面翻译成为一个 java 源文件。并且对它进行编译成为.class 字节码程序。我们打开 java 源文件不难发现其里面的内容是：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70]
 *  HttpJspBase 类。它直接地继承了 HttpServlet 类。也就是说。jsp 翻译出来的 java 类，它间接了继承了 HttpServlet 类。也就是说，翻译出来的是一个 Servlet 程序
 *  总结：通过翻译的 java 源代码我们就可以得到结果：jsp 就是 Servlet 程序。

#### jsp 的三种语法 ####

1，jsp 头部的 page 指令

*  jsp 的 page 指令可以修改 jsp 页面中一些重要的属性，或者行为。

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

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>language</td> 
   <td>表示 jsp 翻译后是什么语言文件，暂时只支持 java</td> 
  </tr> 
  <tr> 
   <td>contentType</td> 
   <td>表示 jsp 返回的数据类型是什么，也是源码中 response.setContentType()参数值</td> 
  </tr> 
  <tr> 
   <td>pageEncoding</td> 
   <td>表示当前 jsp 页面文件本身的字符集</td> 
  </tr> 
  <tr> 
   <td>import</td> 
   <td>跟 java 源代码中一样。用于导包，导类</td> 
  </tr> 
  <tr> 
   <td>autoFlush</td> 
   <td>设置当 out 输出流缓冲区满了之后，是否自动刷新冲级区。默认值是 true</td> 
  </tr> 
  <tr> 
   <td>pageEncoding</td> 
   <td>表示当前 jsp 页面文件本身的字符集</td> 
  </tr> 
  <tr> 
   <td>errorPage</td> 
   <td>设置当 jsp 页面运行时出错，自动跳转去的错误页面路径</td> 
  </tr> 
  <tr> 
   <td>isErrorPage</td> 
   <td>设置当前 jsp 页面是否是错误信息页面。默认是 false。如果是 true 可以获取异常信息</td> 
  </tr> 
  <tr> 
   <td>session</td> 
   <td>设置访问当前 jsp 页面，是否会创建 HttpSession 对象。默认是 true</td> 
  </tr> 
  <tr> 
   <td>extends</td> 
   <td>设置 jsp 翻译出来的 java 类默认继承谁</td> 
  </tr> 
 </tbody> 
</table>

*  缓冲区溢出错误:  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70 1]

2，jsp 中的常用脚本

*  声明脚本( 极少使用)
    
    声明脚本的格式是： <%! 声明 java 代码 %>
    
    作用：可以给 jsp 翻译出来的 java 类定义属性和方法甚至是静态代码块。内部类等。
    
     *  案例：

<%--1 、声明类属性 --%>
    	<%!
      		private Integer id;
      		private String name;
      		private static Map<String,Object> map;
    	%>
    	
    	<%--2 、声明 static 静态代码块 --%>
    	<%!
      		static { 
        		map = new HashMap<String,Object>();
        		map.put("key1", "value1");
        		map.put("key2", "value2");
        		map.put("key3", "value3");
      		}
    	%>
    	
    	<%--3 、声明类方法 --%>
    	<%!
      		public int abc(){ 
        		return 12;
      		}
    	%>
    	
    	<%--4 、声明内部类 --%>
    	<%!
      		public static class A { 
        		private Integer id = 12;
        		private String abc = "abc";
      		}
    	%>

*  表达式脚本 （常用）
    
    表达式脚本的格式是：`<%=表达式%>`
    
    表达式脚本的作用是：的 jsp 页面上输出数据。
    
     *  表达式脚本的特点：
        
        ①、所有的表达式脚本都会被翻译到\_jspService() 方法中
        
        ②、表达式脚本都会被翻译成为 out.print()输出到页面上
        
        ③、由于表达式脚本翻译的内容都在\_jspService() 方法中，所以\_jspService()方法中的对象都可以直接使用。
        
        ④、表达式脚本中的表达式不能以分号结束。
     *  案例：

<%=12 %> <br>
    	<%=12.12 %> <br>
    	<%=" 我是字符串" %> <br>
    	<%=map%> <br>
    	<%=request.getParameter("username")%>

*  代码脚本
    
     *  代码脚本的格式是：`<% java 语句 %>`
     *  代码脚本的作用是：可以在 jsp 页面中，编写我们自己需要的功能（写的是 java 语句）
     *  代码脚本的特点是：
        
        ①、代码脚本翻译之后都在\_jspService 方法中
        
        ②、代码脚本由于翻译到\_jspService()方法中，所以在\_jspService()方法中的现有对象都可以直接使用。
        
        ③、还可以由多个代码脚本块组合完成一个完整的 java 语句。
        
        ④、代码脚本还可以和表达式脚本一起组合使用，在 jsp 页面上输出数据
     *  代码脚本 for 循环语句案例：

3，jsp 中的三种注释

*  html 注释
    
    html 注释会被翻译到 java 源代码中。在\_jspService 方法里，以 out.writer 输出到客户端。

*  java 注释
    
    java 注释会被翻译到 java 源代码中

<%
    // 单行 java 注释
    /* 多行 java 注释 */
    %>

*  jsp 注释
    
    jsp 注释可以注掉，jsp 页面中所有代码

<%-- 这是 jsp 注释 --%>

#### jsp 九大内置对象 ####

*  jsp 中的内置对象，是指 Tomcat 在翻译 jsp 页面成为 Servlet 源代码后，内部提供的九大对象，叫内置对象

<table> 
 <thead> 
  <tr> 
   <th>对象名</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>request</td> 
   <td>请求对象</td> 
  </tr> 
  <tr> 
   <td>response</td> 
   <td>响应对象</td> 
  </tr> 
  <tr> 
   <td>pageContext</td> 
   <td>jsp的上下文对象</td> 
  </tr> 
  <tr> 
   <td>session</td> 
   <td>会话对象</td> 
  </tr> 
  <tr> 
   <td>application</td> 
   <td>ServletContext对象</td> 
  </tr> 
  <tr> 
   <td>config</td> 
   <td>ServletConfig对象</td> 
  </tr> 
  <tr> 
   <td>out</td> 
   <td>jsp输出流对象</td> 
  </tr> 
  <tr> 
   <td>page</td> 
   <td>指向当前jsp的对象</td> 
  </tr> 
  <tr> 
   <td>exception</td> 
   <td>异常对象</td> 
  </tr> 
 </tbody> 
</table>

#### jsp 四大域对象 ####

<table> 
 <thead> 
  <tr> 
   <th>域对象名</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>pageContext (PageContextImpl 类)</td> 
   <td>当前 jsp 页面范围内有效</td> 
  </tr> 
  <tr> 
   <td>request (HttpServletRequest 类)</td> 
   <td>一次请求内有效</td> 
  </tr> 
  <tr> 
   <td>session (HttpSession 类)</td> 
   <td>一个会话范围内有效（打开浏览器访问服务器，直到关闭浏览器）</td> 
  </tr> 
  <tr> 
   <td>application (ServletContext 类)</td> 
   <td>整个 web 工程范围内都有效（只要 web 工程不停止，数据都在）</td> 
  </tr> 
 </tbody> 
</table>

*  域对象是可以像 Map 一样存取数据的对象。四个域对象功能一样。不同的是它们对数据的存取范围，四个域在使用的时候，优先顺序分别是，他们从小到大的范围的顺序：
    
    pageContext ====>>> request ====>>> session ====>>> application
 *  案例：

index.jsp 页面

<body>
        <h1>index.jsp 页面</h1>
        <%
          // 往四个域中都分别保存了数据
          pageContext.setAttribute("key", "pageContext");
          request.setAttribute("key", "request");
          session.setAttribute("key", "session");
          application.setAttribute("key", "application");
        %>
        pageContext 域是否有值：<%=pageContext.getAttribute("key")%> <br>
        request 域是否有值：<%=request.getAttribute("key")%> <br>
        session 域是否有值：<%=session.getAttribute("key")%> <br>
        application 域是否有值：<%=application.getAttribute("key")%> <br>
        <%
          request.getRequestDispatcher("/resp.jsp").forward(request,response);
        %>
      </body>

resp.jsp 页面

<body>
        <h1>resp.jsp 页面</h1>
        pageContext 域是否有值：<%=pageContext.getAttribute("key")%> <br>
        request 域是否有值：<%=request.getAttribute("key")%> <br>
        session 域是否有值：<%=session.getAttribute("key")%> <br>
        application 域是否有值：<%=application.getAttribute("key")%> <br>
    </body>

#### jsp 中的 out 输出和 response.getWriter 输出的区别 ####

*  response 中表示响应，我们经常用于设置返回给客户端的内容（输出）
 *  out 也是给用户做输出使用的。
 *  当jsp页面中所有代码执行完成后会做以下两个操作：
    
    ①，执行out.flush()操作，会把out缓冲区中的数据追加写入到response缓冲区末尾
    
    ②，会执行response的刷新操作。把全部数据写给客户端
 *  由于 jsp 翻译之后，底层源代码都是使用 out 来进行输出，所以一般情况下。我们在 jsp 页面中统一使用 out 来进行输出。避免打乱页面输出内容的顺序。
    
    out.write() 输出字符串没有问题
    
    out.print() 输出任意数据都没有问题（都转换成为字符串后调用的 write 输出）

#### jsp 的常用标签 ####

1，jsp 静态包含

*  `<%@ include file=""%>` 就是静态包含file 属性指定你要包含的 jsp 页面的路径地址中第一个斜杠 / 表示为 http://ip:port/ 工程路径 / 映射到代码的 web 目录
 *  静态包含的特点：
    
    ① 、静态包含不会翻译被包含的 jsp 页面。
    
    ② 、静态包含其实是把被包含的 jsp 页面的代码拷贝到包含的位置执行输出。
 *  示例

<%@ include file="/include/footer.jsp"%>

2，jsp 动态包含

*  `<jsp:include page=""></jsp:include>` 这是动态包含，page 属性是指定你要包含的 jsp 页面的路径动态包含也可以像静态包含一样。把被包含的内容执行输出到包含位置
 *  动态包含的特点：
    
    ①、动态包含会把包含的 jsp 页面也翻译成为 java 代码
    
    ②、动态包含底层代码使用如下代码去调用被包含的 jsp 页面执行输出。`JspRuntimeLibrary.include(request, response, "/include/footer.jsp", out, false);`
    
    ③ 、动态包含，还可以传递参数
 *  示例说明：

<jsp:include page="/include/footer.jsp">
    <jsp:param name="username" value="bbj"/>
    <jsp:param name="password" value="root"/>
    </jsp:include>

*  动态包含的底层原理：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70 2]

3，jsp 标签-转发

*  `<jsp:forward page=""></jsp:forward>` 是请求转发标签，它的功能就是请求转发page 属性设置请求转发的路径
 *  示例说明：

<jsp:forward page="/scope.jsp"></jsp:forward>

#### jsp 的练习题 ####

1，jsp 页面中输出九九乘法口诀表

2，jsp 输出一个表格，里面有 10 个学生信息

*  思路  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70 3]
 *  Student 类：

public class Student { 
        private Integer id;
        private String name;
        private Integer age;
        private String phone;
    }

*  SearchStudentServlet 程序：

/** * @author Tommey周 * @create 2020-05-25 9:24 */
    public class SearchStudentServlet extends HttpServlet { 
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 
            // 获取请求的参数，发 sql 语句查询学生的信息，使用 for 循环生成查询到的数据做模拟
            List<Student> studentList = new ArrayList<Student>();
            for (int i = 0; i < 10; i++) { 
                int t = i + 1;
                studentList.add(new Student(t,"name"+t,18+t,"phone"+t));
            }
            // 保存查询到的结果（学生信息）到 request 域中
            req.setAttribute("stuList", studentList);
            // 请求转发到 showStudent.jsp 页面
            req.getRequestDispatcher("/showStudent.jsp").forward(req,resp);
        }
    
    }

*  showStudent.jsp 页面：

#### Listener 监听器 ####

1，什么是 Listener 监听器？

①、Listener 监听器它是 JavaWeb 的三大组件之一。JavaWeb 的三大组件分别是：Servlet 程序、Filter 过滤器、Listener 监听器。

②、Listener 它是 JavaEE 的规范，就是接口。

③、监听器的作用是，监听某种事物的变化。然后通过回调函数，反馈给客户（程序）去做一些相应的处理。

2，ServletContextListener 监听器

*  ServletContextListener 它可以监听 ServletContext 对象的创建和销毁。
 *  ServletContext 对象在 web 工程启动的时候创建，在 web 工程停止的时候销毁。
 *  监听到创建和销毁之后都会分别调用 ServletContextListener 监听器的方法反馈
 *  两个方法分别是：

public interface ServletContextListener extends EventListener { 
    
        /** * 在 ServletContext 对象创建之后马上调用，做初始化 */
        void contextInitialized(ServletContextEvent sce);
        /** * 在 ServletContext 对象销毁之后调用 */
        void contextDestroyed(ServletContextEvent sce);
    
    }

*  如何使用 ServletContextListener 监听器监听 ServletContext 对象？  
    使用步骤如下：
    
    1、编写一个类去实现 ServletContextListener
    
    2、实现其两个回调方法
    
    3、到 web.xml 中去配置监听器
 *  监听器实现类：

public class MyServletContextListenerImpl implements ServletContextListener { 
        @Override
        public void contextInitialized(ServletContextEvent sce) { 
            System.out.println("ServletContextEvent对象被创建了");
        }
    
        @Override
        public void contextDestroyed(ServletContextEvent sce) { 
            System.out.println("ServletContextEvent对象被销毁了");
        }
    }

*  web.xml 中的配置：

<listener>
        <listener-class>com.MyServletContextListenerImpl</listener-class>
    </listener>

--------------------

[下一章，（10）可还记得那被遗忘的EL表达式和JSTL标签库][10_EL_JSTL]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200522083246107.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200524212202557.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200524235533619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200525084236950.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTMwMDA0,size_16,color_FFFFFF,t_70
[10_EL_JSTL]: https://blog.csdn.net/qq_41530004/article/details/106342303