第一章 JSP

1、概述

1.1 JSP引入

在前面的登录案例中，登录失败后为了能够响应登录的错误信息。我特意创建了一个LoginErrorServlet用来动态地拼接错误信息。

【代码如下】

0. LoginErrorServlet：登录失败，手动拼接login.html页面，并将错误信息动态地添加进去。

arduino复制代码       //3.给浏览器生成响应信息
        boolean result = service.login(username,password);
        String msg = result ? "用户登陆成功" : "用户登陆失败";
        request.setAttribute("msg",msg);
        if (result){
            //登陆成功
            response.sendRedirect("/success.html");
        }else {
            //登陆失败
            //转发到处理错误的servlet中
          request.getRequestDispatcher("/loginErrorServlet").forward(request,response);
        }

2. LoginErrorServlet：手动拼接html页面，动态展示登录错误信息。

scss复制代码@Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //响应给用户
        response.setContentType("text/html;charset=utf-8");
        //接收错误的信息
        String msg = (String) request.getAttribute("msg");
        //获取输出流
        PrintWriter writer = response.getWriter();
         //拼接登录的html页面
        response.getWriter().print("");
        response.getWriter().print("");
        response.getWriter().print("
");
        response.getWriter().print(" "+msg+"
");
        response.getWriter().print("用户名：
");
        response.getWriter().print("密码：
");
        response.getWriter().print("");
        response.getWriter().print("
");
        response.getWriter().print("");
        response.getWriter().print("");
    }

说明:上述虽然能够达到我的需求。但是他有以下两个缺点：

1. 拼接麻烦开发效率低;
2. 阅读性差，代码难以维护;

问题：思考既然以前在servlet有上述缺点，为什么还要使用拼接呢？

因为如果我们想在html页面显示错误的信息，我们只能采用这种方式，html页面不能够书写java代码。而我们既不采用上述拼接标签的方式，还想实现简单的效果。我们可以使用jsp技术，在jsp中可以书写java代码同时还可以书写html标签。这样 就能够使用jsp技术在客户端和服务端直接进行数据交互了。

1.2 JSP是什么

JSP全名为Java Server Pages，中文名叫java服务器页面，其本质是一个Servlet ，它是由Sun 公司倡导、许多公司参与一起建立的一种动态网页 技术标准。其实就是一个既能书写Servlet代码又能书写HTML代码的文件。

1.3 创建JSP文件

sql复制代码在web目录下，新建一个jsp文件，点击鼠标右键New --- JSP---给这个文件取个名字。

【图1 创建JSP】

文件内容如下：

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    

1.4 在JSP中书写代码

jsp中既可以书写java代码，同时还可以书写html标签。我们完成练习如何在jsp页面中书写java代码。

【需求】

0. 在jsp页面上获取当前日期，并将其格式化成字符串"yyyy-MM-dd HH:mm:ss"；
1. 将这个字符串展示在浏览器上；

说明：

1）jsp中的注释：<%--注释内容--%>，添加注释的快捷键是：ctrl+/;

2）在jsp中书写代码有三种方式，我们这里先介绍一种，格式：

<%java代码%>

【参考代码】demo01.jsp

arduino复制代码<%@ page import='java.util.Date'>
<%@ page import='java.text.SimpleDateFormat'><%-- created by intellij idea. date: 2018-01-09 time: 19:15 to change this template use file settings file templates. -->
<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    <%-- jsp 1. jspyyyy-mm-dd hh:mm:ss 2. -->
    <% date d='new' date simpledateformat sdf='new' simpledateformatyyyy-mm-dd hh:mm:ss d string s_date='sdf.format(d);' system.out.printlns_date='+ s_date);         //将这个字符串展示在浏览器上         response.getWriter().print(s_date);     %>   

在浏览器看到 format格式的日期：

【控制台输出】

ini复制代码s_date = 2018-01-09 19:28:22

2、JSP的运行原理

通过上面的jsp初体验, 我们看到jsp中既可以编写java代码也可以直接编写html代码，相对servlet更加方便.并且我们通过浏览器访问到的jsp页面，最后在浏览器中看到了响应到浏览器中的结果。那么整个过程的执行流程是怎样的呢，我们可以参考如下图：

通过上面的执行流程，我们可以找到jsp生成的.java源文件，这样就可以知道jsp的真正原理，同时可以看下jsp为什么是servlet。

如何查看生成的.java源文件呢？

我们可以到tomcat中查看一下上面案例中的jsp页面是怎么样的一种存在。IDEA借助tomcat发布web项目的机制:动态发布（为每一个web项目创建一个单独的发布文件）。我们可以通过tomcat其中日志中的CATALINA_BASE路径找到我们当前这个JSP页面在tomcat中的位置：

【图1 IDEA发布项目的路径】

找到这个目录后，会看到以下3个文件夹：

【图2 文件目录】

我们打开C:\Users\admin.IntelliJIdea2017.3\system\tomcat\Tomcat_8_5_311_day05目录发现有两个文件：

【图3 JSP被翻译后的代码】

打开demo01_jsp.java文件后，代码如下所示：

我们可以看到当前的jsp文件被翻译成了一个类，这个类继承HttpJspBase类，那么这个HttpJspBase类又是什么？

注意:jsp的翻译由服务器完成，HttpJspBase类一定也是tomcat服务器的内容，所以我们需要找到
org.apache.jasper.runtime.HttpJspBase这个类，这个类可以到tomcat的安装目录下的lib文件夹下找到jasper.jar，将其解压，找如下目录：org\apache\jasper\runtime，找到HttpJspBase.class。

使用反编译工具打开，如下所示：

通过观察源码，根据我们所学习的继承关系，我们发现JSP其实底层就是一个servlet。通过观察源码，我们发现我们刚刚编写的所有代码都在该Servlet里面的service方法内部。

swift复制代码public final class demo01_jsp extends org.apache.jasper.runtime.HttpJspBase {
     
     public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
      throws java.io.IOException, javax.servlet.ServletException {
    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');
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("    \r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("    ");
      out.write("\r\n");
      out.write("    ");

        //获取当前系统时间
        Date d = new Date();
        //创建日期格式化解析器对象
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        //使用日期格式化解析器对象调用方法格式化日期对象d
        String s_date = sdf.format(d);
        //控制台输出
        System.out.println("s_date = " + s_date);
        //将这个字符串展示在浏览器上
        response.getWriter().print(s_date);
    
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
    } catch (java.lang.Throwable t) {
      。。。。
  }
}

总结：

1.<%>中书写的代码被直接解析成java代码；

2.jsp之所以可以编写html代码，其实本质上也是类似我们使用Servlet直接输出的。也就是说底层还是像我们之前做法一样进行标签拼接。html部分都被out.write("")方法以字符串的形式拼接，然后响应给浏览器；

3.在这个java文件中有个_jspService，这个方法有两个参数request，response；

4.由于我们自己编写的代码全部都落入到了service方法内部一开始就已经声明了request,response,session,application(ServletContext)等对象了,这些对象成为之jsp内置对象。

3、JSP中书写java代码的三种方式

在JSP页面的body标签中，可以直接书写html代码和JS代码。但是，如果在JSP页面中书写java代码。必须遵循固定的格式，才能够生效；JSP页面中书写java代码有三种方式：1.脚本片段；2.脚本声明；3.脚本表达式；

方式一：脚本片段

脚本片段指的是一段java代码。书写格式：<% java>

【示例】 demo02.jsp

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


<% java response.getwriter.printlnhello jsp>

【被翻译后的源码】

swift复制代码 out.write("\r\n");
 out.write("    ");
 response.getWriter().println("hello jsp");
 out.write("\r\n");

【页面结果】：

方式二：脚本声明

erlang复制代码脚本片段虽然可以嵌入java代码，但是如果，我们要给当前的jsp中定义一些成员方法或者成员变量，就需要一个新的技术——脚本声明.

说明：通过查看jsp的源代码我们发现，脚本片段的代码都会存在service方法中，而方法中是不可以定义一个方法的。

脚本声明的格式：<%! java>

【示例一】声明成员变量 demo03.jsp

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


<%! int num='10;' public void method>

【被翻译后的代码】成员变量

方式三：脚本表达式

虽然脚本声明和脚本片段已经可以书写Java代码了，但是如果我们要使用java代码向页面输出一些内容，还是需要 使用原来的response对象，比较繁琐，因此，我们需要一个更加简便的方式，可以代替response向页面输出内容 ——这个就是脚本表达式。

脚本表达式的格式：<%=> 等价于：out.print( 向浏览器输出的内容)

【示例】在页面输出信息

bash复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


<%="我爱摸鱼"%>
<%="上海程序员摸鱼"%>
<% response.getwriter.printresponse>

注意：

上面代码中，我们书写代码的顺序是先：

arduino复制代码<%="我爱摸鱼"%>
<%="上海程序员摸鱼"%>

再：

vbscript复制代码response.getWriter().print("response");

可是浏览器查看数据的结果是

vbscript复制代码response 我爱摸鱼 上海程序员摸鱼

原因：response.getWriter()获取的输出流是：PrintWriter。而脚本表达式<%=%> 等价于：out.print( 向浏览器输出的内容).并且这种方式获取的输出流是：JspWriter。其实导致上述输出结果前后顺序就是PrintWriter和JspWriter。

JspWriter：将输出的内容先放到jsp内置的缓冲区中，然后再刷新输出。

PrintWriter：是不使用jsp内置的缓冲区,直接将内容写到网页中。

总结：

1.不要同时使用脚本表达式和response同时往页面输出信息，会出现顺序不一致。现象：response会出现在最前面。使用一种输出即可。

2.脚本表达式<%= str> ：在页面输出内容，在service方法中起作用；

3.脚本片段<%> ：在service方法中，原样输出的代码片段；属于局部为，放在_jspService方法中

4.脚本声明：<%! string str='程序员'> ：定义成员变量；

4、JSP的三大指令

4.1 指令概述

JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出效果，而只是告诉引擎如何处理JSP页面中的其余部分。

指令用来声明JSP页面的一些属性，比如编码方式，文档类型。我们在servlet中也会声明我们使用的编码方式和响应的文档类型的，而JSP就是用指令来声明的。

【1】JSP页面的3大指令

css复制代码a)  page：页面
<%@page contenttype='text/html;charset=utf-8'>
    说明：声明jsp页面的编码方式
b)  taglib：引入标签库
c)  include：包含

【2】指令的格式

swift复制代码<%@指令名>

4.2 taglib指令

【作用】

复制代码用于在JSP页面中导入JSTL标签库；

【格式】

ini复制代码<%@taglib prefix='c' uri='http://java.sun.com/jsp/jstl/core'>
说明：表示引入外部的jstl标签库的。
prefix="c" 表示前缀
uri="http://java.sun.com/jsp/jstl/core" 表示jstl标签库的地址

4.3 include指令

【作用】

复制代码在一个JSP页面中静态包含另外一个JSP页面；

【格式】

ini复制代码<%@include file='URL'> 指定要导入页面的地址

【使用示例】

需求：课后的原型中的页面放到web文件夹下面。然后打开主页index.jsp.在主页中引入header.jsp页面。

xml复制代码

    <%@include file='header.jsp'>

【效果】

小结

三大指令是什么？分别的作用是？

0. page：设置网页上一些属性
1. taglib：导入标签库
2. include：包含另一个JSP页面

5、page指令

5.1、page指令概述

【1】page指令的作用

page是jsp中必须使用的一个指令，用于设置JSP上各种页面的属性，告诉tomcat如何将一个JSP翻译成Servlet

【2】语法格式

css复制代码<%@page>

可以放在JSP中任何位置，一般建议放在页面的最顶部

5.2、page指令的属性

【1】导包相关属性：

ini复制代码language="java" 当前页面使用的语言，不写默认是java
import="java.util.*" 导入java.util下所有类，导包

方式一： 每个page指令导入一个类

less复制代码<%@page import='java.text.SimpleDateFormat'>
<%@page import='java.util.Date'>

方式二： 一个page指令的import属性导入所有的包，包之间使用逗号分隔

ini复制代码<%@page import='java.util.Date,java.text.SimpleDateFormat'>

作用：相当于导包

【代码演示】

ini复制代码<%--<%@ page import='java.util.Date'>
<%@ page import='java.text.SimpleDateFormat'>
<%@ page import='java.util.ArrayList'>--%>
<%@ page import='java.util.*,java.text.SimpleDateFormat'>

<%-- created by intellij idea. date: 2018-10-10 time: 14:59 to change this template use file settings file templates. -->
<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


<%
    //创建日期对象
    Date date = new Date();
    SimpleDateFormat simpleDateFormat = new SimpleDateFormat();
    ArrayList list = new ArrayList<>();
%>

【2】与编码相关属性：

ini复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>

【作用】设置响应编码

vbscript复制代码response.setContentType("text/html;charset=UTF-8");

【3】与错误相关

相关属性：

ini复制代码1、errorPage="错误页面的URL"：
    用于指定如果当前页面出错，转发到哪个页面去：<%@ page language='java' errorpage='error.jsp'>

2、isErrorPage="false"：默认是false,指定true表示是错误页面
    当前这个页面是否是一个错误页面，错误页面可以多使用一个内置对象。exception：<%@ page iserrorpage='true'>

错误页面跳转的3种设置：

1、通过page指令的errorPage属性指定：如果页面出错，转发到error.jsp这个页面

ini复制代码<%@ page errorpage='error.jsp'>

代码演示：

typescript复制代码<%--跳转到错误页面--%>
<%@page errorpage='../error.jsp'>

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


    


<% int i='1' 0>
    hello world

typescript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>
<%--声明是错误页面--%>
<%@page iserrorpage='true'>


    


    
错误页面
    <%=exception.getmessage()%>

页面效果：

2、通过web.xml文件指定错误码：响应状态码为404则跳转到404.jsp页面

如果不指定，那么按照以前报错方式，会出现如下错误页面：

我们可以在web.xml进行配置跳转到更加好看一些的页面。

xml复制代码

    
    404
    
    /404.jsp

404.jsp页面代码：

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    

3、通过web.xml文件指定错误类型：发生空指针，则跳转到null.jsp页面

xml复制代码

    java.lang.NullPointerException
    /null.jsp

demo02.jsp

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    <% string s='null;' s.length>

报空指针异常后的页面：null.jsp

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    
发生空指针异常了

浏览器效果：

page指令小结：

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java' iselignored='true'>


    


${3*5}

6、JSP常用动作标签

6.1、什么是动作标签

JSP动作标签利用XML语法格式的标记来控制Servlet引擎的行为 。利用JSP动作标签可以动态包含其他jsp页面、把用户跳转到另外的页面、为Java插件生成HTML代码。

6.2、常用动作标签

JSP页面动作标签很多，常用的主要有以下3种：

makefile复制代码：动态包含
：跳转 类似之前学习的转发技术
：参数设置

6.3、常用标签使用

【1】

【作用】

复制代码用于一个JSP页面动态包含另一个JSP页面

【语法】

ini复制代码 URL是被包含的JSP页面

【使用示例】

a.jsp

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    
我是A页面
    <%int m1='10;'>

    
    <%@include file='b.jsp'>

    
    <%--  --%>

b.jsp

javascript复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    
我是B页面
    <%int m='20;'>

【动态包含和静态包含】

说明：

如果只是引入jsp，不需要改变，那么使用静态引入。如果引入的jsp页面是变化的，那么使用动态引入。

【2】

用于页面的转发，与
request.getRequestDispatcher("/URL").foward(request,response);功能一样的

ini复制代码 转发

【3】

用于给和提供参数

ini复制代码

forward和param动作

目标

0. forward作用
1. param的功能

forward

0. 功能：用于转发，相当于request.getRequestDispatcher("/URL").forward(request, response)
1. 语法

ini复制代码

param

0. 功能：给forward和include提供参数名和值
1. 语法：做为子标签存在
2. 需求：在c.jsp页面中使用转发标签forward转发到d.jsp页面。
3. c.jsp页面

javascript复制代码<%-- created by intellij idea. date: 2018-10-10 time: 16:41 to change this template use file settings file templates. -->
<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    
c页面
    <%
        //解决中文乱码问题  是在d.jsp后面携带数据跳转到d.jsp页面的，通过浏览器的，需要先按照UTF-8编码之后在进行传递。然后在d.jsp页面使用request.getParameter("username")获取数据
        request.setCharacterEncoding("UTF-8");
        //向域对象request中存储数据
        request.setAttribute("age",19);
    %>
    <%--转发动作，携带的参数，可以在d.jsp上接收这参数,通过浏览器转发过去的，所以要想获取param携带的数据必须使用getparameter()方法获取数据--%>
    
        
    

d.jsp页面：

javascript复制代码<%-- created by intellij idea. date: 2018-10-10 time: 16:41 to change this template use file settings file templates. -->
<%@ page contenttype='text/html;charset=UTF-8' language='java'>


    


    
d页面
    <%--获取request域对象中的数据--%>
    <%=request.getattribute("age")%>
    <%--获取转发param标签通过浏览器携带的数据--%>
    <%=request.getparameter("username")%>

案例演示

0. 从c.jsp转发到d.jsp
1. c在请求域中添加键和值，d看能够得到值并且输出
2. c转发的时候带参数，username和age，在d中获取并且输出
3. 汉字乱码问题的解决
4. 转发，url地址栏并没有发生改变

效果

小结

0. forward作用：在JSP页面上实现转发
1. param的功能：在转发的时候提供其它的参数名和参数值

7、JSP页面常用对象

我们发现，我们在JSP页面中书写的代码最终都会翻译到_jspService()方法中，我们发现这个方法中有两个形参：HttpServletRequest对象 ，HttpServletResponse对象 。所以说，JSP的本质就是一个Servlet。我们可以直接在JSP页面上使用这两个对象。

【需求】登录页面改造

改造登录后的页面，用户登陆失败以后，跳转到login.jsp,在jsp页面中动态显示用户登陆错误中的信息。

【思路】

0. 登录失败后直接转发到一个jsp页面；
1. 在jsp页面上使用request对象获取request中的值;

【LoginServlet代码】

说明：LoginServlet中，登录失败之后，直接转发到login.jsp页面。

ini复制代码protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //解决中文乱码问题
        request.setCharacterEncoding("utf-8");
        //获取用户名和密码
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        UserServiceInter service = new UserServiceInterImpl();
        boolean result = service.login(username,password);
        String msg = result ? "用户登陆成功" : "用户登陆失败";
        request.setAttribute("msg",msg);
        if (result){
            response.sendRedirect("/success.html");
        }else {
            //转发到login.jsp页面
            request.getRequestDispatcher("/login.jsp").forward(request,response);
        }
    }

【login.jsp页面】

xml复制代码<%@ page contenttype='text/html;charset=UTF-8' language='java'>



    
    
    
    

    
    
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>


<% string msg='(String)' request.getattributemsg>

    

        
登录页面
        <%=msg%>
        
        
        登录
    

说明：上述代码中：

css复制代码<%=msg%>

能够使用msg获取数据，因为编译之后存在于同一个类中，编译jsp如下所示：

效果图：浏览器访问login.html页面

登录密码输入错误：

小结：

• JSP作用：给浏览器生成响应信息；
• JSP特点：动态网页，html+java，由服务器来运行的。本质上是一个Servlet；
• 书写Java代码的三种方式：
• 脚本片段：java代码片段，在service方法中起作用。格式:<% system.out.printlnhello>；
• 脚本表达式：直接在页面输出内容，在service方法中起作用，等价于out.print(内容)。格式：<%=>
• 脚本声明：定义成员变量，方法。在当前类中都起作用。<%!int a='10;%'>
• JSP页面常用的对象：request,response;