两万字速通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_第1张图片

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的字节码程序

两万字速通JSP_第2张图片

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

两万字速通JSP_第3张图片

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

两万字速通JSP_第4张图片

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("\r\n");
      out.write("\r\n");
      out.write("    \r\n");
      out.write("    \r\n");
      out.write("    Insert title here\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("b.jsp的页面\r\n");
      out.write("\r\n");
      out.write("");
    } 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是综合最佳的)

两万字速通JSP_第5张图片

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 + "/";
%>


    
    
    Insert title here


<%--制造一个错误--%>
<% int i =10/0; %>

b.jsp的页面

两万字速通JSP_第6张图片

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

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

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

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

声明脚本

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

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

练习:

        1、声明类属性

         2、声明static静态代码块

          3、声明类方法

          4、声明内部类

b.jsp页面下:



    
    
    Insert title here





   <%--1、声明类属性--%>
<%!
    private int id;
    private String name;
    private static Map 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="男";
    }
%>


jsp.java源文件中

两万字速通JSP_第7张图片

 表达式脚本(常用)

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

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

练习:

        1、输出整形

        2、输出浮点型

         3、输出字符串

         4、输出对象

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

 运行后:

两万字速通JSP_第8张图片

 源文件:

两万字速通JSP_第9张图片

 表达式脚本的特点:

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);
  %>

运行结果: 

两万字速通JSP_第10张图片

 jsp源码中:

两万字速通JSP_第11张图片

 代码脚本的特点

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

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

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

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



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

<%=j%>

两万字速通JSP_第12张图片

 jsp页面中:

两万字速通JSP_第13张图片

jsp的三种注释

html注释:

java注释:

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

%>

jsp注释

<%--jsp注释--%>

两万字速通JSP_第14张图片

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

 jsp九大内置对象

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

两万字速通JSP_第15张图片

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")%>

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

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

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

两万字速通JSP_第16张图片

 创建另一个jsp页面:

两万字速通JSP_第17张图片

 其他范围测试:

两万字速通JSP_第18张图片

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

小:pageContext
request
session
大:application

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

两万字速通JSP_第19张图片

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

图示分析:

两万字速通JSP_第20张图片

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

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

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

验证:两万字速通JSP_第21张图片 

两万字速通JSP_第22张图片

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

out.print()和out.write() 

两万字速通JSP_第23张图片

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

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

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

jsp常用标签

静态包含

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

footer.jsp下




    
    Insert title here


页脚信息


 main.jsp下



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

两万字速通JSP_第24张图片

include file=" " 就是静态包含

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

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

  修改footer.jsp内容

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




    
    Insert title here


页脚信息
修改后,主页显示

两万字速通JSP_第25张图片

动态包含

格式:

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

动态包含的特点:

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

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

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

请求转发

格式:



jsp练习

练习1

打印九九乘法表






九九乘法表

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

两万字速通JSP_第26张图片

练习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" %>



   
    
    Insert title here
<%--    设置样式--%>
    


<%
    List list=new ArrayList<>();
    for (int i=1;i<=10;i++){
      list.add(new Student("name"+i,i,10+i));
    }
%>

<%for (Student student:list){%>
<%--    tr是一行,td为一列--%>


  <% } %>
<%=student.getName()%> <%=student.getId()%> <%=student.getAge()%>

两万字速通JSP_第27张图片

请求转发使用说明

流程图:

两万字速通JSP_第28张图片

 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 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下:

   
       SearchStudentServlet
       com.Servlet.SearchStudentServlet
   
    
        SearchStudentServlet
        /searchStudentServlet
    

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" %>




    
    Insert title here
<%--    设置样式--%>
    


<%
    List list= (List) request.getAttribute("stuList");

%>

<%for (Student student:list){%>
<%--    tr是一行,td为一列--%>


  <% } %>
<%=student.getName()%> <%=student.getId()%> <%=student.getAge()%>

 运行结果:

两万字速通JSP_第29张图片

 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中配置


        com.Listener.MyServletContextListenerImpl
    

两万字速通JSP_第30张图片

 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代码

两万字速通JSP_第31张图片

EL表达式

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

主要功能:获取数据

语法:${expression}

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

idea中使用Maven时常见问题

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

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

idea中配置web的maven项目

两万字速通JSP_第32张图片

maven创建的web中无法创建servlet

两万字速通JSP_第33张图片

 maven中部署tomcat插件

pom.xml文件中写入


    

      
        org.apache.tomcat.maven
        tomcat7-maven-plugin
        2.2
        
          
          8080
          
           /jsp-demo02
        
      
  

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 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" %>




    
    Insert title here


${lists}

运行结果

两万字速通JSP_第34张图片

你可能感兴趣的:(JSP,java,tomcat,jsp,EL表达式)