以前
Java Web是使用Java语言进行web系统开发,以前一般情况下我们写好的Java代码都要打包诚war包,然后放入到Tomcat容器下,启动Tomcat。系统会自动进行解压。
注意:前端收到的一定是HTML
、CSS
、JS
这样的代码。服务器端在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用法
- Jsp的三种注释
前端语言注释:会被转译,也会被发送,但是不会被浏览器执行
java语言注释:会被转译,但是不会被servlet执行 // 以前Java注释一样
Jsp注释:不会被转译。告诉Servlet不要处理了 <%-- JSP的注释 – %>
- 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 配置工作
- Jsp的局部代码块:
特点
:局部代码块中声明的java代码会被原样转译到jsp对应的servlet文件的_JspService方法中,代码块中声明的变量都是局部变量。
使用
:<% java代码 %>
缺点
:使用局部代码块在jsp中进行逻辑判断,书写麻烦,阅读困难。
开发建议
:servlet进行请求逻辑处理,使用jsp进行页面展现。
- Jsp的全局代码块:
特点
:声明的java代码作为全局代码转译到对应的servlet类中。
使用
:<%! 全局代码 %>
注意
:全局代码块声明的代码,需要使用局部代码块调用!
- Jsp的脚本段语句:
特点
:帮助我们快速的获取变量或者方法的返回值作为数据响应给浏览器。
使用
:<%=变量名或者方法%> 等价 out.write(变量或者方法);
注意
:不要在变量名或者方法后使用分号。
位置
:除jsp语法要求以外的任意位置。
- Jsp的静态引入:
用法
:<%@include file=“要引入的jsp文件的相对路径” %>
特点
:会将引入的jsp文件和当前jsp文件转译成一个java(Servlet)文件使用。在网页中也就显示了合并后的显示效果。
注意
:静态引入的jsp文化不会单独转译成java(Servlet)文件。当前文件和静态引入的jsp文件中不能够使用java代码块声明同名变量。
- JSP动态引入:
用法
:<jsp:include page=“要引入的jsp文件的相对路径”></jsp:include>
特点
:会将引入的jsp文件单独转译,在当前文件转译好的java文件中调用引入的jsp文件的转译文件。在网页中显示合并后的显示效果。
注意
:动态引入允许文件中声明同名变量。 方法之间的调用
- 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
- 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中的配置数据,完成一些初始化数据的读取。
- 四个作用域对象:
pageContext
:当前页面.解决了在当前页面内的数据共享问题。获取其他内置对象。
request
:一次请求。一次请求的servlet的数据共享。通过请求转发,将数据流转给下一个servlet。
session
:一次会话.一个用户的不同请求的数据共享。将数据从一次请求流转给其他请求。
application
:项目内.不同用户的数据共享问题。将数据从一个用户流转给其他用户。
作用
:数据流转
- 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