两万字速通JSP

目录

JSP简介

jsp的创建

jsp如何访问

jsp的本质

jsp头部的page指令

常见属性:

jsp中的常用脚本(很少用)

声明脚本

 表达式脚本(常用)

 表达式脚本的特点:

_jspServlet类中

代码脚本

 代码脚本的特点

jsp的三种注释

 jsp九大内置对象

jsp四大域对象

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

out.print()和out.write() 

jsp常用标签

静态包含

动态包含

动态包含的特点:

请求转发

jsp练习

练习1

打印九九乘法表

练习2 

 存储学生信息并打印

请求转发使用说明

 Listener监听器

ServletContextListenter监听器

ServletContextListener监听器监听ServletContext对象的步骤

 EL表达式改进JSP

JSP的缺点

EL表达式

idea中使用Maven时常见问题

idea中使用了maven无法创建包/类

idea中配置web的maven项目

maven创建的web中无法创建servlet

 maven中部署tomcat插件

EL表达式的演练


JSP简介

jsp的全称是java server pages 。java的服务器页面。

jsp是一种动态的网页技术,其中既可以定义HTML、JS、CSS等静态页面,还可以定义java代码的动态内容内容

jsp的主要作用是替代Servlet程序回传html页面的数据。

因为Servlet程序回传html页面数据是一件非常繁琐的事情,不利于开发和维护。

JSP=HTML+java

jsp的创建

jsp如何访问

jsp页面和html一样,都是存放在web目录下。访问也跟html页面一样。

如:web目录下的文件

a.html页面:http://ip:port/工程路径/a.html

b.jsp页面:http://ip:port/工程路径/b.jsp

jsp的本质

jsp的本质是一个servlet程序

当我们第一次访问服务器时,tomcat会把jsp页面翻译成一个java源文件,并且对他编译成为.class的字节码程序

 字节码文件就是对应的java源文件,打开源文件可以发现

 b_jsp这个类继承了HttpJspBase类,我们通过idea发现HttpJspBase类直接继承了HttpServlet类,所以说,jsp翻译出来的java类间接继承了HttpServlet类,所以说,jsp实质为Servlet程序

public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
      throws java.io.IOException, javax.servlet.ServletException {

    final java.lang.String _jspx_method = request.getMethod();
    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;
    }

    final javax.servlet.jsp.PageContext pageContext;
    javax.servlet.http.HttpSession session = null;
    final javax.servlet.ServletContext application;
    final javax.servlet.ServletConfig config;
    javax.servlet.jsp.JspWriter out = null;
    final java.lang.Object page = this;
    javax.servlet.jsp.JspWriter _jspx_out = null;
    javax.servlet.jsp.PageContext _jspx_page_context = null;


    try {
      response.setContentType("text/html; charset=utf-8");
      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;

      out.write('\r');
      out.write('\n');

    String path = request.getContextPath();
    String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";

      out.write("\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("    <base href=\"");
      out.print(basepath );
      out.write("\"/>\r\n");
      out.write("    <meta charset=\"utf-8\"/>\r\n");
      out.write("    <title>Insert title here</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("b.jsp的页面\r\n");
      out.write("</body>\r\n");
      out.write("</html>");
    } catch (java.lang.Throwable t) {
      if (!(t instanceof javax.servlet.jsp.SkipPageException)){
        out = _jspx_out;
        if (out != null && out.getBufferSize() != 0)
          try {
            if (response.isCommitted()) {
              out.flush();
            } else {
              out.clearBuffer();
            }
          } catch (java.io.IOException e) {}
        if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);
        else throw new ServletException(t);
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }

观察翻译出来Servlet源代码可以发现,低层也是通过输出流来把html页面回传给客户端的。

jsp头部的page指令

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

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

常见属性:

language属性             表示jsp翻译后什么语言文件,暂时只能支持Java。

contentType属性       表示jsp返回的数据类型是什么,在源码中response.setContentType()参数值

pageEncoding属性     表示当前jsp页面文件本身的字符集。

import属性                   跟java源代码中一样用于导包,导类。如:

<%@ page import="java.util.Map" %>

autoFlush属性        设置当out输出流缓冲区满了之后,是否自动刷新缓冲区,默认true。

buffer属性                设置out缓冲区的大小,默认是8kb

当我们设置不自动刷新缓冲区,且设置的缓冲比较小时就会发生jsp溢出,如果设置了自动刷新就不会溢出。(缓冲区设置8kb是综合最佳的)

errorPage属性        设置当jsp页面运行时出错,自动跳转去的错误页面路径

errorPage表示错误后自动跳转去的路径,这个路径一般是以斜杆开头,他表示请求地址为http://ip:port/工程路径/,映射到代码中的web目录

 b.jsp页面如下:

<%@ page language="java"
         contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"
          autoFlush="true"
           buffer="8kb"
            errorPage="/error500.jsp"    %>
<%--errorPage表示错误后自动跳转去的路径,这个路径一般是以斜杆开头,
            他表示请求地址为http://ip:port/工程路径/,
            映射到代码中的web目录
            --%>
<%@ page import="java.util.Map"  %>
<%
    String path = request.getContextPath();
    String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basepath %>"/>
    <meta charset="utf-8"/>
    <title>Insert title here</title>
</head>
<body>
<%--制造一个错误--%>
<% int i =10/0; %>

b.jsp的页面
</body>
</html>

isErrorPage属性        设置当前jsp页面是否·错误信息页面,默认是false,如果是true可以获取异常信息。

session属性                设置访问当前jsp页面,是否会创建HttpSession对象,默认是true。

extends属性                设置jsp翻译出来的java类默认继承谁

jsp中的常用脚本(很少用)

声明脚本

声明脚本的格式是:<%!   声明java代码     %>

作用:可以给jsp翻译出来的java类定义属性和方法甚至是静态代码块,内部类等。

练习:

        1、声明类属性

         2、声明static静态代码块

          3、声明类方法

          4、声明内部类

b.jsp页面下:

<html>
<head>
    <base href="<%=basepath %>"/>
    <meta charset="utf-8"/>
    <title>Insert title here</title>
</head>
<body>



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

</body>
</html>

jsp.java源文件中

 表达式脚本(常用)

表达式脚本的格式:<%=表达式%>

表达式脚本的作用是:在jsp页面上输出数据。

练习:

        1、输出整形

        2、输出浮点型

         3、输出字符串

         4、输出对象

<%--表达式练习--%>
    <%--1、输出整形--%>
        <%= 12%> <br>
    <%--2、输出浮点型--%>
        <%=13.14%> <br>
    <%--3、输出字符串--%>
        <%="这是一个字符串"%> <br>
    <%--4、输出对象--%>
        <%=map%> <br>
</body>

 运行后:

 源文件:

 表达式脚本的特点:

1、所有的表达式脚本都会被翻译到_jspServlet()方法中

2、表达式脚本都会被翻译成为out.print()输出到页面上

3、由于表达式脚本翻译的内容都在_jspServlet()方法中,所以_jspServlet()方法中的对象可以直接使用。

4、表达式脚本中的表达式不能以分号结束。

_jspServlet类中

 public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
      throws java.io.IOException, javax.servlet.ServletException {

    final java.lang.String _jspx_method = request.getMethod();
    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;
    }

    final javax.servlet.jsp.PageContext pageContext;
    javax.servlet.http.HttpSession session = null;
    final javax.servlet.ServletContext application;
    final javax.servlet.ServletConfig config;
    javax.servlet.jsp.JspWriter out = null;
    final java.lang.Object page = this;
    javax.servlet.jsp.JspWriter _jspx_out = null;
    javax.servlet.jsp.PageContext _jspx_page_context = null;
}

代码脚本

代码脚本的格式是:<%     java语句       %>

脚本的作用是代码:可以在jsp页面中,编写我们自己需要的功能(写的是java语句)。

练习:

1、代码脚本——if语句

2、代码脚本——循环语句

3、翻译后java文件中_jspService方法内的代码都可以写

<%--1、代码脚本——if语句--%>
<%
    int i=1;
    if(i==1){
        System.out.println("2022年2月寒假中");
    }else{
        System.out.println("马上要开学了");
    }
%>
<%--2、代码脚本——循环语句--%>
    <%
        for(int j=0;j<5;j++){
            System.out.println(j);
        }
    %>
<%--3、翻译后java文件中_jspService方法内的代码都可以写--%>
  <%
      String username = request.getParameter("username");
      System.out.println("username为"+username);
  %>
</body>

运行结果: 

 jsp源码中:

 代码脚本的特点

1、代码脚本翻译之后都是在_jspService方法中

2、代码脚本由于翻译到_jspService()方法中,所以在_jspService()方法中的现有对象都可以直接使用。

3、还可以由多个代码脚本块组合完成一个java语句

4、代码脚本还可以和表达式脚本一起组合使用,在jsp页面中输出数据。

<table border="1" cellspacing="0">

    <%
        for(int j=0;j<5;j++){
    %>
            <tr>
                <td><%=j%></td>
            </tr>
    <%
        }
    %>

</table>

 jsp页面中:

jsp的三种注释

html注释:

<!-- html注释-->

java注释:

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

%>

jsp注释

<%--jsp注释--%>

 java注释会被翻译到java源代码中。jsp注释可以注释jsp页面中的所有代码

 jsp九大内置对象

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

request                  请求对象

response                响应对象

pageContext          jsp的上下文对象

session                 会话对象

application             ServletContext对象

config                     ServletConfig对象

exception                异常对象

out                          jsp输出流对象

jsp四大域对象

 域对象是可以向Map一样存取数据的对象。四个域对象功能一样,他们对数据的存取范围不同

四个域对象分别是:

域对象 所属类 访问范围
pageContext (PageContextImpl类) 当前jsp页面范围内有效
request (HttpServletRequest类) 一次请求内有效
session (HttpSession类) 一个会话范围内有效(打开浏览器访问服务器,直到关闭浏览器)
application (ServletContext类) 整个web工程范围内都有效(只要web工程不停止,数据都在)

//往四个域都分别保存了数据

<%

        pageContext.setAttribute("key","pageContext");

        request.setAttribute("key","request");

        session.setAttribute("key","session");

        application.setAttribute("key","application");

%>

pageContext域是否有值:<%=pageContext.getAttribute("key")%> <br>

request域是否有值:<%=pageContext.getAttribute("key")%> <br>

session域是否有值:<%=session.getAttribute("key")%> <br>

application域是否有值:<%=application.getAttribute("key")%> <br>

 创建另一个jsp页面:

 其他范围测试:

 他们的范围是从小到大的,使用时一般先使用小范围,小范围不够用再使用范围。(内存优化的原因)

小:pageContext
request
session
大:application

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

 我们可以发现,无论谁在前输出的结果,都是response的在前

图示分析:

 当jsp页面中的所有代码执行完之后会做的操作:

1、执行out.flush()操作,会把out缓冲区的数据追加写入到response缓冲区末端。

2、会执行response的刷新操作,会把数据写给客户端。

验证: 

 由于jsp翻译之后,底层源代码都是使用out来进行输出,所以一般情况下,我们在jsp页面统一使用out进行输出。避免打乱页面输出的顺序。

out.print()和out.write() 

out.write()输出字符串字符串没问题

out.print()可以输出任意数据(都会转化成字符串后调用write输出)

结论:在jsp页面中,可以统一使用呢out.print()来进行输出

jsp常用标签

静态包含

web下创建一个include目录,里面分别写main.jsp和footer.jsp

footer.jsp下

<html>
<head>

    <meta charset="utf-8"/>
    <title>Insert title here</title>
</head>
<body>
页脚信息

</body>
</html>

 main.jsp下

</head>
<body>
首页<br>
主体<br>
<%--
    include file="" 就是静态包含
    file属性指定你要包含的页面路径
    地址中的第一个斜杆 /   表示http://ip:port/工程路径/ 映射到idea为web
--%>
    <%@include file="/include/footer.jsp" %>
</body>
</html>

include file=" " 就是静态包含

file属性指定你要包含的页面路径

地址中的第一个斜杆 / 表示http://ip:port/工程路径/ ,映射到idea中为web目录

  修改footer.jsp内容

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

<html>
<head>

    <meta charset="utf-8"/>
    <title>Insert title here</title>
</head>
<body>
页脚信息
修改后,主页显示
</body>
</html>

动态包含

格式:

<jsp:include page="/include/footer.jsp"></jsp:include>

动态包含也可以和静态包含一样

动态包含的特点:

1、动态包含会把包含的jsp页面也翻译成java代码

2、动态包含底层代码使用如下代码去调用被包含的jsp页面执行输出。

JspRuntimeLibrary.include(request,response,"/include/footer.jsp",out,false);

请求转发

格式:

<jsp:forward page=" "></jsp:forward>
<!--page属性设置请求转发的路径-->

jsp练习

练习1

打印九九乘法表

<html>
<head>
</head>
<body >

<h1 >九九乘法表</h1>

   <%
    for(int i=1;i<10;i++){
        for(int j=1;j<=i;j++){
    %>

        <%=j+"*"+i+"="+(i*j)%>

      <%
       }
        %>

    <br/>

   <%
    }
   %>

</body>
</html>

练习2 

 存储学生信息并打印

pojo包下的student类

package pojo;

public class Student {
private String name;
private int  id;
private int age;

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

    public Student() {
    }

    public String getName() {
        return name;
    }

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

    public int getId() {
        return id;
    }

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

    public int getAge() {
        return age;
    }

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

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

text1.jsp下

<%@ page import="java.util.List" %>
<%@ page import="pojo.Student" %>
<%@ page import="java.util.ArrayList" %>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>

<html>
<head>
   
    <meta charset="utf-8"/>
    <title>Insert title here</title>
<%--    设置样式<style></style>--%>
    <style>
        table{
            border: 1px black solid;
            width: 300px;
        }
        td,tr{
            border: 1px black solid;
            width: 300px;
        }
    </style>
</head>
<body>
<%
    List<Student> list=new ArrayList<>();
    for (int i=1;i<=10;i++){
      list.add(new Student("name"+i,i,10+i));
    }
%>
<table>
<%for (Student student:list){%>
<%--    tr是一行,td为一列--%>
<tr>
    <td><%=student.getName()%></td>
    <td><%=student.getId()%></td>
    <td><%=student.getAge()%></td>
</tr>

  <% } %>
</table>
</body>
</html>

请求转发使用说明

流程图:

 SearchStudentServlet类下

package com.Servlet;

import pojo.Student;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

public class SearchStudentServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //获取请求参数
        //发sql语句查询学生信息
        //使用for循环生成查询到的数据做模拟
        List<Student> list=new ArrayList<>();
        for (int i=1;i<=10;i++){
            list.add(new Student("name"+i,i,10+i));
        }
        //保存查询到的数据到Request域中
        req.setAttribute("stuList", list);
        //请求转发到之外的showStudent.jsp中
        req.getRequestDispatcher("/showStudent.jsp").forward(req, resp);

    }
}

web.xml下:

   <servlet>
       <servlet-name>SearchStudentServlet</servlet-name>
       <servlet-class>com.Servlet.SearchStudentServlet</servlet-class>
   </servlet>
    <servlet-mapping>
        <servlet-name>SearchStudentServlet</servlet-name>
        <url-pattern>/searchStudentServlet</url-pattern>
    </servlet-mapping>

showStudent.jsp下

<%@ page import="java.util.List" %>
<%@ page import="pojo.Student" %>
<%@ page import="java.util.ArrayList" %>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>

<html>
<head>

    <meta charset="utf-8"/>
    <title>Insert title here</title>
<%--    设置样式<style></style>--%>
    <style>
        table{
            border: 1px black solid;
            width: 300px;
        }
        td,tr{
            border: 1px black solid;
            width: 300px;
        }
    </style>
</head>
<body>
<%
    List<Student> list= (List<Student>) request.getAttribute("stuList");

%>
<table>
<%for (Student student:list){%>
<%--    tr是一行,td为一列--%>
<tr>
    <td><%=student.getName()%></td>
    <td><%=student.getId()%></td>
    <td><%=student.getAge()%></td>
</tr>

  <% } %>
</table>
</body>
</html>

 运行结果:

 Listener监听器

 1、Listener监听器他是JavaWeb的三大组件之一。javaweb的三大组件分别是servlet程序、filter过滤器、Listenter监听器。

2、Listenter他是javaEE的规范,规范就是接口

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

ServletContextListenter监听器

ServletContextListener他可以监听ServletContext对象的创建和销毁。

ServletContext对象在web工程启动的时候,在web工程停止的时候销毁。

ServletContextListener监听器监听ServletContext对象的步骤

1、编写一个类去实现ServletContextListener

2、实现器两个回调方法

3、到web.xml中去配置监听器

创建类和实线两个方法

package com.Listener;

import javax.servlet.ServletContextEvent;
import javax.servlet.ServletContextListener;

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

    @Override
    public void contextDestroyed(ServletContextEvent servletContextEvent) {
        System.out.println("Servlet对象被销毁了");

    }
}

web.xml中配置

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

 EL表达式改进JSP

JSP的缺点

由于jsp页面内,既可以定义HTML标签,又可以定义java代码,造成了以下问题

1、书写麻烦:特别是复杂的页面

2、阅读麻烦

3、复杂度高:运行需要依赖各种环境,JRE。JSP容器(tomcat服务器).....

4、占用内存和磁盘:JSP会自动生成.java和.class文件占磁盘,运行.class文件占内存

5、调试困难:出错后,需要找到自动生成的.java文件进行调试

6、不利团队写作:前后端人员

...

JSP已经逐渐退出历史舞台,取而代之的是html和Ajax

演化过程:

最好不要直接在jsp里写java代码

EL表达式

Expression Language表达式语言,用于简化JSP页面内的java代码

主要功能:获取数据

语法:${expression}

如:${brands}:获取域中存储的key为brands的数据

idea中使用Maven时常见问题

idea中使用了maven无法创建包/类

没有源文件,将其中的一个文件添加为源文件,就可创建包或类了(项目结构中标蓝)

idea中配置web的maven项目

maven创建的web中无法创建servlet

 maven中部署tomcat插件

pom.xml文件中写入

<build>
    <plugins>
<!--  tomcat插件    -->
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.2</version>
        <configuration>
          <!--设置端口号(可以修改)-->
          <port>8080</port>
          <!--设置路径(可以修改)-->
           <path>/jsp-demo02</path>
        </configuration>
      </plugin></plugins>
  </build>

EL表达式的演练

创建一个com.web.ServletDemo1类

package com.web;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

@WebServlet("/demo1")
public class ServletDemo1 extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      //添加数据
        List<String> list=new ArrayList<>();
        list.add("zhangSan1");
        list.add("zhangSan2");
        list.add("zhangSan3");
        list.add("zhangSan4");
        list.add("zhangSan5");
        System.out.println(list);
        //2、存储到request域中,可以转发到jsp页面中从而使用EL表达式
        request.setAttribute("lists", list);
        //3、转发到el-demo.jsp
request.getRequestDispatcher("/el-demo.jsp").forward(request, response);


    }
}

在web.app目录下创建el-demo.jsp,其中写入${lists}即可

<%@ page language="java" contentType="text/html; charset=utf-8"
         isELIgnored="false"
         pageEncoding="utf-8" %>

<html>
<head>

    <meta charset="utf-8"/>
    <title>Insert title here</title>
</head>
<body>
${lists}
</body>
</html>

运行结果

猜你喜欢

转载自blog.csdn.net/weixin_60719453/article/details/122928603