JavaWeb jsp

最新推荐文章于 2023-10-19 18:51:03 发布

陈弋辛

最新推荐文章于 2023-10-19 18:51:03 发布

阅读量514

点赞数 1

分类专栏： Java # JavaWeb 文章标签： java servlet 前端

本文链接：https://blog.csdn.net/weixin_65637841/article/details/125976998

版权

Java 同时被 2 个专栏收录

68 篇文章 2 订阅

订阅专栏

JavaWeb

20 篇文章 2 订阅

订阅专栏

1. jsp介绍

jsp 的全称是 java server pages。Java 的服务器页面。

jsp 的主要作用是代替 Servlet 程序回传 html 页面的数据。

因为 Servlet 程序回传 html 页面数据是一件非常繁锁的事情。开发成本和维护成本都极高。

如：Servlet 回传 html 页面数据的代码：

public class PringHtml extends HttpServlet {
    @Override
    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");
    }
}

结果：

jsp 回传一个简单 html 页面的代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    这是一个html页面
</body>
</html>

结果：

1.1 如何创建 jsp 的页面?

1.2 访问jsp页面

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

比如：

        在 web 目录下有如下的文件：

                web 目录

                        a.html 页面

                                访问地址是 =======>>>>>> http://ip:port/工程路径/a.html

                        b.jsp 页面

                                访问地址是 =======>>>>>> http://ip:port/工程路径/b.jsp

2. jsp 的本质

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

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

我们打开 java 源文件不难发现其里面的内容是：

我们跟踪原代码发现，HttpJspBase 类。它直接地继承了 HttpServlet 类。也就是说。 jsp 翻译出来的 java 类，它间接了继承了 HttpServlet 类。也就是说，翻译出来的是一个 Servlet 程序：

3. jsp 的三种语法

3.1 jsp 头部的 page 指令

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

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

i. language 属性表示 jsp 翻译后是什么语言文件。暂时只支持 java。

ii. contentType 属性表示 jsp 返回的数据类型是什么。也是源码中 response.setContentType()参数值

iii. pageEncoding 属性表示当前 jsp 页面文件本身的字符集。

iv. import 属性跟 java 源代码中一样。用于导包，导类。

================== 两个属性是给 out 输出流使用 ==========================

v. autoFlush 属性设置当 out 输出流缓冲区满了之后，是否自动刷新冲级区。默认值是 true。

vi. buffer 属性设置 out 缓冲区的大小。默认是 8kb

vii. errorPage 属性设置当 jsp 页面运行时出错，自动跳转去的错误页面路径。

errorPage 表示错误后自动跳转去的路径

这个路径一般都是以斜杠打头，它表示请求地址为 http://ip:port/ 工程路径 / 映射到代码的 Web 目录

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

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

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

3.2 jsp 中的常用脚本

3.2.1 声明脚本(极少使用)

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

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

示例代码：

<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
这是一个html页面
<%--    1、声明类属性 --%>
<%!
    private Integer id;
    private String name;
    private static Map<String, Object> map;
%>
<%--    2、声明 static 静态代码块 --%>
<%!
    static {
        map = new HashMap<String, Object>();
        map.put("key1", "value1");
        map.put("key2", "value2");
        map.put("key3", "value3");
        map.put("key4", "value4");
    }
%>
<%--    3、声明类方法 --%>
<%!
    public int getA() {
        return 12;
    }
%>
<%--    4、声明内部类--%>
<%!
    public static class A{
        private Integer id = 12;
        private String name = "a";
    }
%>
</body>
</html>

查看被翻译到的对应的源码中：

3.2.2 表达式脚本（常用）

表达式脚本的格式是：<%=表达式%>

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

表达式脚本的特点：

1、所有的表达式脚本都会被翻译到_jspService() 方法中

2、表达式脚本都会被翻译成为 out.print()输出到页面上

3、由于表达式脚本翻译的内容都在_jspService() 方法中,所以_jspService()方法中的对象都可以直接使用。

4、表达式脚本中的表达式不能以分号结束。

代码示例：

<br/>
<%--1. 输出整型 --%>
<%= 12 %><br/>
<%--2. 输出浮点型 --%>
<%= 12.21 %><br/>
<%--3. 输出字符串 --%>
<%= "你好" %><br/>
<%--4. 输出对象--%>
<%= map %><br/>
<%= request.getParameter("username")%><br/>

结果：

源码翻译对照：

3.2.3 代码脚本

代码脚本的格式是： <% java 语句 %>

代码脚本的作用是：可以在 jsp 页面中，编写我们自己需要的功能（写的是 java 语句）。

代码脚本的特点是：

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

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

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

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

代码示例1：

<%--1. 代码脚本----if 语句 --%>
<%
    int i = 11;
    if (i == 11) {
        System.out.println("i等于11");
    } else {
        System.out.println("i不等于11");
    }
%>
<%--2. 代码脚本----for 循环语句 --%>
<%
    for (int j = 0; j < 10; j++) {
        System.out.println(j);
    }
%>
<%--3. 翻译后 java 文件中_jspService 方法内的代码都可以写--%>
<%
    String username = request.getParameter("username");
    System.out.println(username);
%>

结果;

代码示例2：

<%--多个代码脚本块组合完成一个完整的 java 语句。--%>
<%
    for (int j = 0; j < 10; j++) {
%>
<%
        System.out.printf("%d < ",j);
    }
%>

结果：

代码示例3：

<%--代码脚本还可以和表达式脚本一起组合使用，在 jsp 页面上输出数据--%>
<table border="1">

    <%
        for (int j = 0; j < 10; j++) {
    %>
    <tr>
        <td>
            <%= "第" + (j + 1) + "行"%>
        </td>
    </tr>
    <%
        }
    %>

</table>

结果：

3.3 jsp 中的三种注释

3.3.1 html 注释

html 注释会被翻译到 java 源代码中。在_jspService 方法里，以 out.writer 输出到客户端

3.3.2 java 注释

// 单行 java 注释

/* 多行 java 注释 */

java 注释会被翻译到 java 源代码中。

3.3.3 jsp 注释

<%-- 这是 jsp 注释 --%>

jsp 注释可以注掉，jsp 页面中所有代码（包括html注释与java注释）。

4. jsp 九大内置对象

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

jsp 九大内置对象

1. request 请求对象

2. response 响应对象

3. pageContext jsp是上下文对象

4. session 会话对象

5. exception 异常对象 (注:该对象只有当头部的page指令中isErrorPage=true时才会出现 )

6. application ServletContext对象

7. config ServletConfig对象

8. out jsp输出流对象

9. page 指向当前jsp的对象

5.jsp 四大域对象

四个域对象分别是：

pageContext (PageContextImpl 类)

         当前 jsp 页面范围内有效

request (HttpServletRequest 类)

         一次请求内有效

session (HttpSession 类)

        一个会话范围内有效（打开浏览器访问服务器，直到关闭浏览器）

application (ServletContext 类)

         整个 web 工程范围内都有效（只要 web 工程不停止，数据都在）

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

虽然四个域对象都可以存取数据。在使用上它们是有优先顺序的。

四个域在使用的时候，优先顺序分别是，他们从小到大的范围的顺序。

pageContext ====>>> request ====>>> session ====>>> application

代码示例1：

<body>
<h1>这是scope页面</h1>

<%
    // 往四个域对象中分别保存数据
    pageContext.setAttribute("key","pageContext");
    request.setAttribute("key", "request");
    session.setAttribute("key","session");
    application.setAttribute("key","application");
%>
pageContext 域是否有值: <%= pageContext.getAttribute("key") %><br/>
request 域是否有值: <%= request.getAttribute("key") %><br/>
session 域是否有值: <%= session.getAttribute("key") %><br/>
application 域是否有值: <%= application.getAttribute("key") %><br/>
</body>

结果：

代码示例2：

scope1

<h1>这是scope页面</h1>
<%
    // 往四个域对象中分别保存数据
    pageContext.setAttribute("key","pageContext");
    request.setAttribute("key", "request");
    session.setAttribute("key","session");
    application.setAttribute("key","application");
%>
pageContext 域是否有值: <%= pageContext.getAttribute("key") %><br/>
request 域是否有值: <%= request.getAttribute("key") %><br/>
session 域是否有值: <%= session.getAttribute("key") %><br/>
application 域是否有值: <%= application.getAttribute("key") %><br/>
<%
    request.getRequestDispatcher(("/scope2.jsp")).forward(request,response);
%>

scope2:

<body>
<h1>这是scope2页面</h1>
pageContext 域是否有值: <%= pageContext.getAttribute("key") %><br/>
request 域是否有值: <%= request.getAttribute("key") %><br/>
session 域是否有值: <%= session.getAttribute("key") %><br/>
application 域是否有值: <%= application.getAttribute("key") %><br/>
</body>

用浏览器打开scope.jsp页面：

结果：

用浏览器直接打开scope2.jsp页面：

结果：

先关闭浏览器，再直接打开scope2.jsp页面：

结果：

先重启程序运行，再刷新scope2.jsp页面：

结果：

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

response 中表示响应，我们经常用于设置返回给客户端的内容（输出）

out 也是给用户做输出使用的。

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

out.write() 输出字符串没有问题输出的时字符数组，如果在write中填入整型数据，

其输出该整型数据所对应的ascii码值

out.print() 输出任意数据都没有问题（都转换成为字符串后调用的 write 输出）

深入源码，浅出结论：在 jsp 页面中，可以统一使用 out.print()来进行输出

7. jsp 的常用标签

7.1 jsp 静态包含

<%@ include file=""%> 就是静态包含

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

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

静态包含的特点：

1、静态包含不会翻译被包含的 jsp 页面。

2、静态包含其实是把被包含的 jsp 页面的代码拷贝到包含的位置执行输出。

代码示例：

main.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>main</title>
</head>
<body>
    头部信息<br/>
    主体内容<br/>
    <%@include file="/include/footer.jsp"%><br/>
</body>
</html>

footer.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>footer</title>
</head>
<body>
底部信息
</body>
</html>

结果：

查看源代码:

把被包含的 jsp 页面的代码拷贝到包含的位置执行输出

7.2 jsp 动态包含

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

这是动态包含

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

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

动态包含的特点：

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

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

                     JspRuntimeLibrary.include(request, response, "/include/footer.jsp",

                     out, false);

        3、动态包含，还可以传递参数

代码示例：

main.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>main</title>
</head>
<body>
头部信息<br/>
主体内容<br/>
<%--    <%@include file="/include/footer.jsp"%><br/>--%>
<jsp:include page="/include/footer.jsp">
    <jsp:param name="username" value="username"/>
    <jsp:param name="password" value="password"/>
</jsp:include><br/>
</body>
</html>

footer.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>footer</title>
</head>
<body>
底部信息<br/>
<%= request.getParameter("password") %>
</body>
</html>

结果：

查看源代码：

main_jsp.java :

footer_jsp.java :

动态包含的底层原理：

7.3 jsp 标签-转发

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

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

代码示例：

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

8. jsp练习

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

代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>test1</title>
    <style type="text/css">
        table{
            width:60%;
        }

    </style>
</head>
<body>
<h1 align="center">九九乘法口诀表</h1>
<table align="center">
    <% for (int i = 1; i < 10; i++) { %>
    <tr>
        <% for (int j = 1; j <= i; j++) { %>
        <td><%= j + "X" + i + "=" + (i * j) %></td>
        <% } %>
    </tr>
    <% } %>
</table>

</body>
</html>

结果：

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

代码：

User类（构造器、set\get方法略）:

public class User {
    private Integer id;
    private String name;
    private Integer age;
    private String phone;
}

test2.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>test2</title>
    <style type="text/css">
        table{
            border:1px blue solid;
            width:650px;
            border-collapse: collapse;
        }
        tr,th,td{
            border:1px blue solid;
            text-align: center;
        }
    </style>
</head>
<body>
<%
    List<User> list = new ArrayList<>();
    for (int i = 0; i < 10; i++) {
        int t = i + 1;
        list.add(new User(t, "name" + t, 17 + t, "phone" + t));
    }
%>
<table>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>手机号</th>
        <th>操作</th>
    </tr>
    <% for (User user : list) { %>
    <tr>
        <td><%= user.getId() %></td>
        <td><%= user.getName() %></td>
        <td><%= user.getAge() %></td>
        <td><%= user.getPhone() %></td>
        <td><%= "update/delete" %></td>
    </tr>
    <% } %>
</table>

结果：

使用请求转发的方式：

代码：

SearchStudentServlet .java

public class SearchStudentServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取请求的参数
        // 发 sql 语句查询学生的信息
        // 使用 for 循环生成查询到的数据做模拟
        List<User> list = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            int t = i + 1;
            list.add(new User(t, "name" + t, 17 + t, "phone" + t));
        }
        // 保存查询到的结果（学生信息）到 request 域中
        request.setAttribute("list", list);
        // 请求转发到 showStudent.jsp 页面
        request.getRequestDispatcher("/test/SearchStudentServlet.jsp").forward(request,response);

    }
}

SearchStudentServlet .jsp:

9. Listener 监听器(了解皮毛)

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

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

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

ServletContextListener 监听器

ServletContextListener 它可以监听 ServletContext 对象的创建和销毁。

ServletContext 对象在 web 工程启动的时候创建，在 web 工程停止的时候销毁。

监听到创建和销毁之后都会分别调用 ServletContextListener 监听器的方法反馈。

两个方法分别是：

public interface ServletContextListener extends EventListener {
    /**
     * 在 ServletContext 对象创建之后马上调用，做初始化
     */
    public void contextInitialized(ServletContextEvent sce);
    /**
     * 在 ServletContext 对象销毁之后调用
     */
    public void contextDestroyed(ServletContextEvent sce);
}

如何使用 ServletContextListener 监听器监听 ServletContext 对象。

        使用步骤如下：

                1、编写一个类去实现 ServletContextListener

                2、实现其两个回调方法

                3、到 web.xml 中去配置监听器

监听器实现类：

public class MyServletContextListenerImpl implements ServletContextListener {
    @Override
    public void contextInitialized(ServletContextEvent sce) {
        /* This method is called when the servlet context is initialized(when the Web application is deployed). */
        System.out.println("servletContext对象被创建了");
    }

    @Override
    public void contextDestroyed(ServletContextEvent sce) {
        /* This method is called when the servlet Context is undeployed or Application Server shuts down. */
        System.out.println("servletContext对象被销毁了");

    }
}

xml配置文件：

 <listener>
        <listener-class>com.example._09_jsp.listener.MyServletContextListenerImpl</listener-class>
    </listener>

陈弋辛

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录