在这里插入图片描述

以前

Java Web是使用Java语言进行web系统开发,以前一般情况下我们写好的Java代码都要打包诚war包,然后放入到Tomcat容器下,启动Tomcat。系统会自动进行解压。
注意:前端收到的一定是HTMLCSSJS这样的代码。服务器端在JSP没出现前只能调用resp.getWriter().write方法来拼接出前端表示语句。
比如我们创建一个Servlet对象

package com.demo.what;

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

public class Test extends HttpServlet {

    @Override
    public void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //设置响应编码格式
        resp.setContentType("text/html;charset=utf-8");
        //获取请求信息
        //处理请求
        //响应处理结果
        //获取request作用域数据
        String str = (String) req.getAttribute("str") == null ? "" : (String) req.getAttribute("str");
        resp.getWriter().write("<html>");
        resp.getWriter().write("<head>");
        resp.getWriter().write("</head>");
        resp.getWriter().write("<body>");
        resp.getWriter().write("<font color='red' size='20px'>" + str + "</font>");
        resp.getWriter().write("<form action='login' method='get'>");
        resp.getWriter().write("用户名:<input type='text' name='uname' value=''/><br/>");
        resp.getWriter().write("密码:<input type='password' name='pwd' value=''/><br/>");
        resp.getWriter().write("<input type='submit'  value='登录'/><br/>");
        resp.getWriter().write("</form>");
        resp.getWriter().write("</body>");
        resp.getWriter().write("</html>");
    }
}

创建对应的映射层:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <description>This is the description of my J2EE component</description>
        <display-name>This is the display name of my J2EE component</display-name>
        <servlet-name>PageServlet</servlet-name>
        <servlet-class>com.demo.what.Test</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>PageServlet</servlet-name>
        <url-pattern>/login</url-pattern>
    </servlet-mapping>
</web-app>

然后IDEA+ Tomcat 配置启动访问即可出现如下页面:
在这里插入图片描述
弊端:前端的语言需要我们一个个的用字符串拼接,最终返回跟客户端。

JSP使用

JSP(全称Java Server Pages)是由Sun 公司主导创建的一种动态网页技术标准。JSP部署于网络服务器上,可以响应客户端发送的请求,并根据请求内容动态地生成HTML、XML或其他格式文档的Web网页,然后返回给请求者。JSP技术以Java语言作为脚本语言,为用户的HTTP请求提供服务,并能与服务器上的其它Java程序共同处理复杂的业务需求。

JSP文件在运行时会被其编译器转换成更原始的Servlet代码。JSP编译器可以把JSP文件编译成用Java代码写的Servlet,然后再由Java编译器来编译成能快速执行的二进制机器码,也可以直接编译成二进制码。

用人话来说就是:JSP是一种可以融合前端语言跟Java语言的混合脚本语言。我们在里面可以混合的写Java、HTML、CSS、JS这样的脚本,一个JSP脚本文件最终会形成一个Servlet对象,而我们里面写的指令最终都是在service方法体内。

比如我们自定义了一个JSP页面:

<%--
  Created by IntelliJ IDEA.
  User: liujinjie
  Date: 2020/4/24
  Time: 21:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>index</title>
</head>
<body>
 sowhat1412
</body>
</html>

页面访问的时候会直接显示如下:
在这里插入图片描述
JSP功能: 在服务端提供了一种便捷的将Java跟前端语言进行混合编程,最终展示数据的功能。

JSP用法

  1. Jsp的三种注释

前端语言注释:会被转译,也会被发送,但是不会被浏览器执行
java语言注释:会被转译,但是不会被servlet执行 // 以前Java注释一样
Jsp注释:不会被转译。告诉Servlet不要处理了 <%-- JSP的注释 – %>

  1. Jsp的page指令学习

%@page 属性名=“属性值” 属性名=“属性值”…%>
language:声明jsp要被转译的语言。
import:声明转译的java文件要导入的包,不同的包使用逗号隔开。
pageEncoding:设置jsp文件的数据编码格式。
contentType=“text/html; charset=utf-8” 设置jsp数据响应给浏览器时,浏览器的解析和编码格式。
session:设置转译的servlet中是否开启session支持,默认开启,true表示开启。false表示关闭。
errorPage:设置jsp运行错误跳转的页面.
extends:设置jsp转译的java文件要继承的父类(包名+类名)。
作用
配置jsp文件的转译相关的参数。JSP 转Servlet 配置工作

  1. Jsp的局部代码块:

特点:局部代码块中声明的java代码会被原样转译到jsp对应的servlet文件的_JspService方法中,代码块中声明的变量都是局部变量。
使用:<% java代码 %>
缺点:使用局部代码块在jsp中进行逻辑判断,书写麻烦,阅读困难。
开发建议:servlet进行请求逻辑处理,使用jsp进行页面展现。

  1. Jsp的全局代码块:

特点:声明的java代码作为全局代码转译到对应的servlet类中。
使用:<%! 全局代码 %>
注意:全局代码块声明的代码,需要使用局部代码块调用!

  1. Jsp的脚本段语句:

特点:帮助我们快速的获取变量或者方法的返回值作为数据响应给浏览器。
使用:<%=变量名或者方法%> 等价 out.write(变量或者方法);
注意:不要在变量名或者方法后使用分号。
位置:除jsp语法要求以外的任意位置。

  1. Jsp的静态引入:

用法:<%@include file=“要引入的jsp文件的相对路径” %>
特点:会将引入的jsp文件和当前jsp文件转译成一个java(Servlet)文件使用。在网页中也就显示了合并后的显示效果。
注意:静态引入的jsp文化不会单独转译成java(Servlet)文件。当前文件和静态引入的jsp文件中不能够使用java代码块声明同名变量。

  1. JSP动态引入:

用法:<jsp:include page=“要引入的jsp文件的相对路径”></jsp:include>
特点:会将引入的jsp文件单独转译,在当前文件转译好的java文件中调用引入的jsp文件的转译文件。在网页中显示合并后的显示效果。
注意:动态引入允许文件中声明同名变量。 方法之间的调用

  1. jsp的转发标签forward:

使用:<jsp:forward page=“要转发的jsp文件的相对路径”></jsp:forward>
特点:一次请求,地址栏信息不改变。
优点:降低jsp代码的冗余,便于维护升级。
注意:在转发标签的两个标签中间除了写<jsp:param name=“str” value=“aaa” />子标签不会报错,其他任意字符都会报错。
<jsp:param name=“str” value=“aaa” />
name 属性为附带的数据的键名
value 为附带的数据内容
注意:会将数据以 ?的形式拼接在转发路径的后面。 URL? K=V

  1. jsp的九大内置对象:

内置对象:jsp文件在转译成其对应的Servlet文件的时候自动生成的并声明的对象。我们在jsp页面中直接使用即可。
注意:内置对象在jsp页面中使用,使用局部代码块或者脚本段语句来使用。不能够在全局代码块中使用。
内容:九个对象

pageContext:页面上下文对象,封存了其他内置对象。封存了当前 jsp 的运行信息。
注意:每个Jsp文件单独拥有一个pageContext对象。
作用域:当前页面。
request:封存当前请求数据的对象。由tomcat服务器创建。一次请求
session:此对象用来存储用户的不同请求的共享数据的。一次会话
application:也就是ServletContext对象,一个项目只有一个。存储用户共享数据的对象,以及完成其他操作。项目内
response:响应对象,用来响应请求处理结果给浏览器的对象。设置响应头,重定向。
out:响应对象,Jsp内部使用。带有缓冲区的响应对象,效率高于response对象。
page:代表当前Jsp的对象。相当于java中的this。
exception:异常对象。存储了当前运行的异常信息。
注意:使用此对象需要在page指定中使用属性isErrorPage="true"开启。
config:也就是ServletConfig,主要是用来获取web.xml中的配置数据,完成一些初始化数据的读取。

  1. 四个作用域对象:

pageContext:当前页面.解决了在当前页面内的数据共享问题。获取其他内置对象。
request:一次请求。一次请求的servlet的数据共享。通过请求转发,将数据流转给下一个servlet。
session:一次会话.一个用户的不同请求的数据共享。将数据从一次请求流转给其他请求。
application:项目内.不同用户的数据共享问题。将数据从一个用户流转给其他用户。
作用:数据流转

  1. Jsp的路径:

在jsp中资源路径可以使用 相对路径 完成跳转,但是:
问题一:资源的位置不可随意更改。
问题二:需要使用…/进行文件夹的跳出。使用比较麻烦。
结论:不建议使用
使用绝对路径:(必须会)

/虚拟项目名/项目资源路径
例如:
jspPro.jsp
a.jsp

注意:在jsp中资源的第一个/表示的是服务器根目录,相当于:localhost:8080
建议使用:使用jsp中自带的全局路径声明:

<%String path = request.getContextPath();
String basePath = request.getScheme()+"😕/"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

作用:给资源前面添加项目路径:http://127.0.0.1:8080/虚拟项目名/上
结论: 建议用第二或者第三种,第二种最好。

原理探究

看下Tomcat配置自带的conf/web.xml配置如下:
在这里插入图片描述
在这里插入图片描述
上图映射的含义表示我们在浏览器端访问的任何 *.jsp 文件最终都会由org.apache.jasper.servlet.JspServlet这个类来进行处理。

比如我们上面说过的index.jsp文件,我们部署到Tomcat后可以看下系统进行了什么样的操作。
在这里插入图片描述
我们可以看到index.jsp文件在Tomcat 编译后会最终在work目录下生成对应的Java文件。
重点看下 _jspService 函数,我们发现在JSP中写的代码系统自动转移到_jspService这个函数里了,
在这里插入图片描述
然后我们看到JSP编译后生成的Java文件是继承自org.apache.jasper.runtime.HttpJspBase的,我们对Tomcat 自带对源码进行反编译下看到如下:
在这里插入图片描述
最终结论:可以认为Tomca底层的JSPServlet自动帮我们实现了转换。jsp就是html中间插入java代码,最终要先编译为servlet,然后转换为class文件。
在这里插入图片描述

参考

聊一聊耳熟能详的MVC

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐