JSP 页面

简介

JSP（Java Server Pages），即 Java 的服务器页面。它的主要作用是代替 Servlet 程序回传 HTML 页面的数据，因为 Servlet 程序回传 HTML 页面数据是一件非常繁锁的事情，开发成本和维护成本都极高。

package cn.parzulpan.servlet;

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.io.PrintWriter;

/**

 * @Author : parzulpan

 * @Time : 2020-12-09

 * @Desc :

 */

@WebServlet(name = "PrintHtmlServlet", urlPatterns = ("/printHtmlServlet"))

public class PrintHtmlServlet extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // 通过响应的回传流回传 html 页面数据

        response.setContentType("text/html; charset=UTF-8");

        PrintWriter writer = response.getWriter();

        writer.write("<!DOCTYPE html>\r\n");

        writer.write(" <html lang=\"en\">\r\n");

        writer.write(" <head>\r\n");

        writer.write("  <meta charset=\"UTF-8\">\r\n");

        writer.write("  <title>Title</title>\r\n");

        writer.write(" </head>\r\n");

        writer.write(" <body>\r\n");

        writer.write("  这是 html 页面数据 \r\n");

        writer.write(" </body>\r\n");

        writer.write("</html>\r\n");

        writer.write("\r\n");

    }

}

<%--

  Created by IntelliJ IDEA.

  User: parzulpan

  Date: 2020/12/9

  Time: 12:09 上午

  To change this template use File | Settings | File Templates.

--%>

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

<html>

<head>

    <title>Title</title>

</head>

<body>

    这是 html 页面数据

</body>

</html>

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

本质

JSP 页面本质上是一个 Servlet 程序。

当我们第一次访问 jsp 页面的时候。Tomcat 服务器会帮我们把 jsp 页面翻译成为一个 java 源文件。并且对它进行编译成为 .class 字节码程序。

jsp 翻译出来的 java 类，它间接了继承了 HttpServlet 类。也就是说，翻译出来的是一个 Servlet 程序。其底层实现，也是通过输出流把 html 页面数据回传给客户端。

语法

头部的 page 指令

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

anguage 属性 表示 jsp 翻译后是什么语言文件，暂时只支持 java
contentType 属性 表示 jsp 返回的数据类型是什么。也是源码中 response.setContentType() 参数值
pageEncoding 属性 表示当前 jsp 页面文件本身的字符集
import 属性 跟 java 源代码中一样。用于导包，导类
autoFlush 属性 设置当 out 输出流缓冲区满了之后，是否自动刷新冲级区。默认值是 true
buffer 属性 设置 out 缓冲区的大小。默认是 8kb
errorPage 属性 设置当 jsp 页面运行时出错，自动跳转去的错误页面路径
isErrorPage 属性 设置当前 jsp 页面是否是错误信息页面。默认是 false。如果是 true 可以获取异常信息
session 属性 设置访问当前 jsp 页面，是否会创建 HttpSession 对象。默认是 true
extends 属性 设置 jsp 翻译出来的 java 类默认继承谁

三种脚本

声明脚本：

格式： <%! 声明 java 代码 %>
作用：可以给 jsp 翻译出来的 java 类定义属性和方法甚至是静态代码块、内部类等

声明类属性：

<%!

    private Integer id;

    private String name;

    private static Map<String,Object> map;

%>

声明 static 静态代码块：

<%!

  static {

  map = new HashMap<String,Object>();

  map.put("key1", "value1");

  map.put("key2", "value2");

  map.put("key3", "value3");

  }

%>

声明类方法:

<%!

public int abc(){

    return 12;

}

%>

声明内部类:

<%!

public static class A {

    private Integer id = 12;

    private String abc = "abc";

}

%>

表达式脚本：

格式：<%=表达式%>
作用：在 jsp 页面上输出数据
特点：
- 所有的表达式脚本都会被翻译到 _jspService() 方法中
- 表达式脚本都会被翻译成为 out.print() 输出到页面上
- 由于表达式脚本翻译的内容都在 _jspService() 方法中,所以 _jspService() 方法中的对象都可以直接使用
- 表达式脚本中的表达式不能以分号结束

<%=12 %> <br>

<%=12.12 %> <br>

<%="我是字符串" %> <br>

<%=map%> <br>

<%=request.getParameter("username")%>

代码脚本：

格式：<% java 语句 %>
作用：可以在 jsp 页面中，编写自己需要的功能，写的是 java 语句
特点：
- 代码脚本翻译之后都在 _jspService 方法中
- 代码脚本由于翻译到 _jspService() 方法中，所以在 _jspService() 方法中的现有对象都可以直接使用。
- 还可以由多个代码脚本块组合完成一个完整的 java 语句
- 代码脚本还可以和表达式脚本一起组合使用，在 jsp 页面上输出数据

三种注释

html 注释： html 注释会被翻译到 java 源代码中，在 _jspService 方法里，以 out.writer 输出到客户端
java 注释：// 单行 java 注释 /* 多行 java 注释 */ java 注释会被翻译到 java 源代码中
jsp 注释：<%-- 这是 jsp 注释 --%> jsp 注释可以注掉 jsp 页面中所有代码

九大内置对象

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

request 请求对象
response 响应对象
pageContext jsp 的上下文对象
session 会话对象
application ServletContext 对象
config ServletConfig 对象
out jsp 输出流对象
page 指向当前 jsp 对象
exception 异常对象

四大域对象

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

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

四个域在使用的时候，优先顺序分别是，它们从小到大的范围的顺序：pageContext => request => session => application

数据输出

response 表示响应，经常用于设置返回给客户端的内容（输出）
out 也是给用户做输出使用的

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

常用标签

静态包含：

<%--

<%@ include file=""%> 就是静态包含 file 属性指定你要包含的 jsp 页面的路径。地址中第一个斜杠 / 表示为 http://ip:port/工程路径/ 映射到代码的 web 目录

--%>

<%@ include file="/include/footer.jsp"%>

静态包含的特点：

静态包含不会翻译被包含的 jsp 页面
静态包含其实是把被包含的 jsp 页面的代码拷贝到包含的位置执行输出

动态包含：

<%--

<jsp:include page=""></jsp:include> 这是动态包含

page 属性是指定你要包含的 jsp 页面的路径

动态包含也可以像静态包含一样。把被包含的内容执行输出到包含位置

--%>

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

<jsp:param name="username" value="bbj"/>

<jsp:param name="password" value="root"/>

</jsp:include>

动态包含的特点：

动态包含会把包含的 jsp 页面也翻译成为 java 代码
动态包含底层代码使用如下代码去调用被包含的 jsp 页面执行输出：

JspRuntimeLibrary.include(request, response, "/include/footer.jsp", out, false);
动态包含，还可以传递参数

请求转发：

<%--

<jsp:forward page=""></jsp:forward> 是请求转发标签，它的功能就是请求转发

page 属性设置请求转发的路径

--%>

<jsp:forward page="/scope2.jsp"></jsp:forward>

Listener 监听器

Listener 监听器它是 JavaWeb 的三大组件之一，三大组件分别是 Servlet 程序、Filter 过滤器、Listener 监听器。

Listener 它是 JavaEE 的规范，就是接口。

监听器的作用：监听某种事物的变化。然后通过回调函数，反馈给客户（程序）去做一些相应的处理。

ServletContextListener 监听器

ServletContextListener 它可以监听 ServletContext 对象的创建和销毁
ServletContext 对象在 web 工程启动的时候创建，在 web 工程停止的时候销毁
监听到创建和销毁之后都会分别调用 ServletContextListener 监听器的方法反馈：
- public void contextInitialized(ServletContextEvent sce); 在 ServletContext 对象创建之后马上调用，做初始化
- public void contextDestroyed(ServletContextEvent sce); 在 ServletContext 对象销毁之后调用

使用步骤：

编写一个类去实现 ServletContextListener
实现其两个回调方法
到 web.xml 中去配置监听器（或者用注解）

package cn.parzulpan.listener;

/*

 * @Author : parzulpan

 * @Time : 2020-12-09

 * @Desc :

 */

import javax.servlet.ServletContextEvent;

import javax.servlet.ServletContextListener;

import javax.servlet.annotation.WebListener;

import javax.servlet.http.HttpSessionAttributeListener;

import javax.servlet.http.HttpSessionEvent;

import javax.servlet.http.HttpSessionListener;

import javax.servlet.http.HttpSessionBindingEvent;

@WebListener()

public class MyServletContextListener implements ServletContextListener,

        HttpSessionListener, HttpSessionAttributeListener {

    // Public constructor is required by servlet spec

    public MyServletContextListener() {

    }

    // -------------------------------------------------------

    // ServletContextListener implementation

    // -------------------------------------------------------

    public void contextInitialized(ServletContextEvent sce) {

      /* This method is called when the servlet context is

         initialized(when the Web application is deployed).

         You can initialize servlet context related data here.

      */

        System.out.println("ServletContext 对象被创建了");

    }

    public void contextDestroyed(ServletContextEvent sce) {

      /* This method is invoked when the Servlet Context

         (the Web application) is undeployed or

         Application Server shuts down.

      */

        System.out.println("ServletContext 对象被销毁了");

    }

    // -------------------------------------------------------

    // HttpSessionListener implementation

    // -------------------------------------------------------

    public void sessionCreated(HttpSessionEvent se) {

        /* Session is created. */

    }

    public void sessionDestroyed(HttpSessionEvent se) {

        /* Session is destroyed. */

    }

    // -------------------------------------------------------

    // HttpSessionAttributeListener implementation

    // -------------------------------------------------------

    public void attributeAdded(HttpSessionBindingEvent sbe) {

      /* This method is called when an attribute

         is added to a session.

      */

    }

    public void attributeRemoved(HttpSessionBindingEvent sbe) {

      /* This method is called when an attribute

         is removed from a session.

      */

    }

    public void attributeReplaced(HttpSessionBindingEvent sbe) {

      /* This method is invoked when an attribute

         is replaced in a session.

      */

    }

}

练习和总结

在 jsp 页面中输出九九乘法口诀表？

<%--

  Created by IntelliJ IDEA.

  User: parzulpan

  Date: 2020/12/9

  Time: 11:38 上午

  To change this template use File | Settings | File Templates.

--%>

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

<html>

<head>

    <title>九九乘法口诀表</title>

</head>

<body>

    <h1 align="center">九九乘法口诀表</h1>

    <table align="center">

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

        <tr>

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

            <td><%=j + "x" + i + "=" + (i*j)%></td>

        <% } %>

        </tr>

    <% } %>

    </table>

</body>

</html>

jsp 输出一个表格，里面有 10 个学生信息？

业务流程：

客户端：输入关键字搜索
服务器：
- SearchStudentServlet.java：1. 获取请求的参数；2. 通过 DAO 到数据库中查询学生信息；3. 保存查询到的学生信息，保存在 request 域中；4. 请求转发到 jsp 页面；
- ShowStudent.jsp：1. 从 request 域中获取学生信息；2. 遍历查询到的结果输出到客户端显示；

package cn.parzulpan.bean;

/**

 * @Author : parzulpan

 * @Time : 2020-12-09

 * @Desc :

 */

public class Student {

    private Integer id;

    private String name;

    private Integer age;

    private String sex;

    public Student() {

    }

    public Student(Integer id, String name, Integer age, String sex) {

        this.id = id;

        this.name = name;

        this.age = age;

        this.sex = sex;

    }

    public Integer getId() {

        return id;

    }

    public void setId(Integer id) {

        this.id = id;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public Integer getAge() {

        return age;

    }

    public void setAge(Integer age) {

        this.age = age;

    }

    public String getSex() {

        return sex;

    }

    public void setSex(String sex) {

        this.sex = sex;

    }

    @Override

    public String toString() {

        return "Student{" +

                "id=" + id +

                ", name='" + name + '\'' +

                ", age=" + age +

                ", sex='" + sex + '\'' +

                '}';

    }

}

package cn.parzulpan.servlet;

import cn.parzulpan.bean.Student;

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;

/**

 * @Author : parzulpan

 * @Time : 2020-12-09

 * @Desc :

 */

@WebServlet(name = "SearchStudentServlet", urlPatterns = ("/searchStudentServlet"))

public class SearchStudentServlet extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // 模拟 DAO：使用 for 循环生成查询到的数据

        ArrayList<Student> students = new ArrayList<>();

        for (int i = 0; i < 10; i++) {

            students.add(new Student(i + 1, "name" + i + 1, 18 + i + 1, "男"));

        }

        // 保存查询到的结果到 request 域中

        request.setAttribute("students", students);

        // 请求转发到 ShowStudent.jsp 页面

        request.getRequestDispatcher("/ShowStudent.jsp").forward(request, response);

    }

}

<%@ page import="cn.parzulpan.bean.Student" %>

<%@ page import="java.util.List" %><%--

  Created by IntelliJ IDEA.

  User: parzulpan

  Date: 2020/12/9

  Time: 11:58 上午

  To change this template use File | Settings | File Templates.

--%>

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

<html>

<head>

    <title>查询信息</title>

    <style>

        table{

            border: 1px blue solid;

            width: 600px;

            border-collapse: collapse;

        }

        td,th{

            border: 1px blue solid;

        }

    </style>

</head>

<body>

    <%--获取 request 域中的数据--%>

    <%

        List<Student> studentList = (List<Student>) request.getAttribute("students");

    %>

    <table>

        <tr>

            <td>编号</td>

            <td>姓名</td>

            <td>年龄</td>

            <td>电话</td>

            <td>操作</td>

        </tr>

    <% for (Student student: studentList) { %>

        <tr>

            <td><%=student.getId()%></td>

            <td><%=student.getName()%></td>

            <td><%=student.getAge()%></td>

            <td><%=student.getSex()%></td>

            <td>删除、修改</td>

        </tr>

    <% } %>

    </table>

</body>

</html>

【JavaWeb】JSP 页面的更多相关文章

javaweb 与jsp页面的交互流程 (初次接触时写)
javaweb 与jsp页面的交互流程 javaweb项目目录 1. javaweb项目的一般目录: 2. jsp 页面一般情况下放在 top(前台页面) back(后台页面) 3. 后台代码放在s ...
JavaWeb学习总结第三篇--走进JSP页面元素
JavaWeb学习(三)—走进JSP页面元素 JSP:Java Server Pages,译为Java服务器页面.其脚本采用Java语言,继承了Java所有优点.JSP元素可以分为指令元素.脚本元素和 ...
【JavaWEB SSH】jsp页面传值后台Controller 部分值绑定不上实体类
//前端ajax代码 1 var oldpassword = $('#old_password').val(); var password = $('#L_pass').val(); var user ...
Servlet转发到JSP页面的路径问题
一.现象与概念 1. 问题在Servlet转发到JSP页面时,此时浏览器地址栏上显示的是Servlet的路径,而若JSP页面的超链接还是相对于该JSP页面的地址且该Servlet和该JSP页面不在同 ...
Servlet跳转到JSP页面后的路径问题相关解释
一.现象与概念 1. 问题在Servlet转发到JSP页面时,此时浏览器地址栏上显示的是Servlet的路径,而若JSP页面的超链接还是相对于该JSP页面的地址且该Servlet和该JSP页面不在同 ...
编写无Java脚本的JSP页面
在上一章中总结了Web开发中应用MVC架构模式,将Servlet 用做控制器,JSP作为视图,JavaBean作为模型,实现业务流程控制,页面逻辑和业务逻辑的分离.然而,使用前面的技术实现MVC,并不 ...
JSP页面中使用JSTL标签出现无法解析问题解决办法
今天建立一个JavaWeb工程测试JNDI数据源连接,在jsp页面中引入了JSLT标签库,代码如下: <%@ page language="java" import=&quo ...
在MyEclipse中改动jsp页面的默认打开方式
在JavaWeb项目中.当然有非常多jsp页面,可是我发现,双击打开jsp页面总是卡机.相对于打开其它java文件而言非常慢,感觉非常不舒服.MyEclipse中默认打开jsp页面是以可视化的形式展现 ...
jsp页面的基本语法
JSP全称Java Server Pages,顾名思义就是运行中java服务器中页面,也就是在我们JavaWeb中的动态页面,其本质就是一个Servlet. 学习jsp的基本语法主要就是学习服务器是如 ...

随机推荐

Norns.Urd 中的一些设计
Norns.Urd 是什么? Norns.Urd 是一个基于emit实现动态代理的轻量级AOP框架. 版本基于 netstandard2.0. 所以哪些.net 版本能用你懂的. 完成这个框架的目的主 ...
Python之Windows服务
1.首先要安装pywin32-220.win-amd64-py2.7.exe 2. SvcDoRun:服务启动的时候会执行的方法 SvcStop:服务停止的时候会执行的方法 # coding=utf- ...
STL——容器（List）List 的概念
1. List 容器的基本概念 1. list 是一个双向链表容器,可高效的进行插入删除元素,他的原理在于每个元素都有两个指针来记录前后两个元素的地址,像火车车厢一样,list 中各个元素在物理存储单 ...
STL—— 容器（vector）数据插入insert()方法的返回值
vector 容器下的 insert() 方法拥有返回值,由于insert() 方法拥有4种重载函数,他的返回值不尽相同. 第一种,插入单个元素后的返回值: 1 #include <iostre ...
STL—— 容器（vector）的数据写入、修改和删除
1. 通过 push_back() 尾部增加一个元素 : vector 可以通过 "push_back " 写入数据,通过 push_back 可以将数据直接写入至 vector ...
Linux下keepalived配置
1.背景节点1:192.168.12.35 节点2:192.168.12.36 2.keepalived安装使用yum仓库安装keepalived [root@node01 ~]# yum ins ...
使用Spark的newAPIHadoopRDD接口访问有kerberos认证的hbase
使用newAPIHadoopRDD接口访问hbase数据,网上有很多可以参考的例子,但是由于环境使用了kerberos安全加固,spark使用有kerberos认证的hbase,网上的参考资料不多,访 ...
html 03-初识HTML
03-初识HTML #本文主要内容头标签排版标签:<p>. <div>. <span>.<br> . <hr> . <center ...
k8s之深入解剖Pod（一）
上文说了一下k8s的简单使用,接下来就让我们来具体深入了解一下Pod.为了避免篇幅太长,所以会分成几篇. 目录: Pod定义详解静态Pod Pod容器共享Volume 一.Pod定义详解先看一个简 ...
持久层之 MyBatis: 第三篇：缓存 And 高级查询
MyBatis入门到精通3 缓存机制 Mybatis一级缓存测试 Mybatis二级缓存测试高级查询表关系说明一对一查询一对多查询多对多查询缓存机制正如大多数持久层框架一样,MyBati ...

【JavaWeb】JSP 页面