【jsp】【多字多图】【学习笔记】寒假javaweb学习之旅1.4

本文主要是介绍【jsp】【多字多图】【学习笔记】寒假javaweb学习之旅1.4，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

今天动车票都买好了，感觉离厦工越来越近了捏????，亚达哟????????????????????

1、jsp初入

1.1、什么是jsp

1、jsp的全换是java server pages，Java 的服务器页面
2、jsp的主要作用是代替Servlet程序回传html 页面的数据
3、因为Servlet程序回传html页面数据是一件非常繁锁的事情。开发成本和维护成本都极高

下图为同样是写html，内容为hello 。

servlet写hello
在这里插入图片描述
jsp写hello

在这里插入图片描述

1.2、jsp 如何访问

jsp页面和html页面-样,都是存放在web目录下。访问也跟访问html页面一样。
比如在web目录下有如下的文件:

web目录

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

1.3、jsp本质是什么

本质上是servlet

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

证明

我们根据CATALINA_BASE 找到 work\Catalina\localhost 下会发现，第一次启动tomcat会自动生成，我们的工程_jsp

在这里插入图片描述

我们一直点到jsp里面去，当我们第一次通过浏览器访问b.jsp,这里会自动生成，.java和.class文件

在这里插入图片描述

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

在这里插入图片描述
然后会发现????

org.apache.jasper.runtime.HttpJspBase这个类继承了HttpServlet这个类

在这里插入图片描述
也就是说，jsp翻译出来的java类，它间接继承了HttpServlet类。那么，也就是说，翻译出来的就是一个Servlet程序

2、jsp的三种语法

2.1、page指令

<%@ page 属性 %>

属性	作用
language	表示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默认继承谁

2.1.1、language

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

表示jsp翻译后是什么语言文件，暂时只支持java

这里我们改成C++试试看????

在这里插入图片描述

2.1.2、contentType

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

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

在这里插入图片描述

2.1.3、pageEncoding

<%@ page pageEncoding="GBK" %>

表示当前jsp页面文件本身的字符集

在这里插入图片描述
一般字符集都统一下，让我们改回UTF-8

在这里插入图片描述

2.1.4、import

<%@ page import="java.util.*" %>		<%-- 导包 --%>	
<%@ page import="java.util.Map" %>		<%-- 导类 --%>

和java代码一样，用于导包，导类????

在这里插入图片描述

2.1.5、autoFlush 和 buffer

<%@ page          
		autoFlush="true"
        buffer="8kb" %>

都是给out输出流使用

autoFlush : 设置当前out输出流缓冲区满了之后，是否自动刷新缓冲区，默认是true
buffer : 设置out缓冲区的大小。默认是8kb（这个8kb是经过许多实验得出的适合值）

我们这里把,自动刷新缓存关闭，缓冲区数值改小一点，再让jsp里面内容多1点，看看效果

<%@ page contentType="text/html;charset=UTF-8"
         autoFlush="false"
         buffer="1kb"
         language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    b.jsp页面
    <div>flzj</div>		<%--  我们让这div 数量来个100个 --%>
</body>
</html>

我们可以看到缓冲区溢出了

在这里插入图片描述

2.1.6、errorPage

<%@ page errorPage="路径" %>

设置当前jsp页面运行时出错，自动跳转去的错误页面路径
我们在b.jsp这里故意写个12 / 0 的错误嗷????

<%@ page contentType="text/html;charset=UTF-8"
        errorPage="/errro500.jsp"
         language="java" %>
<!--
errorPage表示错误后自动跳转去的路径
这个路径一般都是以斜杠打头,不以/打头也行，它表示请求地址 为
		http://ip:port/工程路径/
		映射到代码的webapp目录
-->
<html>
<head>
    <title>Title</title>
</head>
<body>
    b.jsp页面
    <%
        int a = 12 / 0;
    %>
</body>
</html>

然后我们再写errro500.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>错误！</title>
</head>
<body>
    你访问的b.jsp 出现程序错误！！！ 我们正在大力维护...
</body>
</html>

此时，当我们访问b.jsp会跳转到errro500.jsp

在这里插入图片描述

2.1.7、isErrorPage

<%@ page isErrorPage="false" %>

设置当前jsp页面，是否时错误页面。默认是false，如果是true可以获取异常信息

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

isErrorPage设置完true后，源代码才会出现这行

在这里插入图片描述

2.1.8、session

<%@ page session  ="true" %>

设置访问当前jsp页面，是否会创建HttpSession对象。默认是true
如果设置为false，下图将不会出现这行代码

在这里插入图片描述

2.1.9、extends

<%@ page extends ="类的详细路径" %>

设置jsp翻译出来的java默认继承谁，这里我们改成继承HttpServlet

<%@ page contentType="text/html;charset=UTF-8"
         extends="javax.servlet.http.HttpServlet"
         language="java" %>

效果理想（确信，一般别乱改

在这里插入图片描述

2.2、jsp中常用的脚本

脚本写在HTML标签外还是里都是可以用滴

2.2.1、声明脚本

格式 : <%! 声明java代码 %>

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

声明类属性

<%!
    private Integer age;
    private String name;
    private static Map<String,Object> map;
%>

声明static静态代码块

<%!
    static{
        map = new HashMap<String,Object>();
        map.put("k1","v1");
        map.put("k2","v2");
        map.put("k3","v3");
    }
%>

声明类方法

<%!
    public void helloTest(){
    	System.out.println("HELLO!");
    }
%>

声明内部类

<%!
    private static class a{
        private int age = 10;
        String name = "flzjsTest";
    }
%>

写好这些后，我们运行tomcat，进入到b.jsp，这时候我们看看b.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>
        <%!
    	// 声明类属性
    	private Integer age;
        private String name;
        private static Map<String,Object> map;
        //声明static静态代码块
        static{
            map = new HashMap<String,Object>();
            map.put("k1","v1");
            map.put("k2","v2");
            map.put("k3","v3");
        }
        //声明类方法
        public void helloTest(){
            System.out.println("HELLO!");
        }
        //声明内部类
        private static class a{
            private int age = 10;
            String name = "flzjsTest";
        }
        %>
    </body>
</html>

之前

在这里插入图片描述

之后

在这里插入图片描述

2.2.2、表达式脚本

格式 : <%= 表达式 %>
作用 : 在jsp页面上输出数据

我们赶快写一点，准备开溜咯

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

在这里插入图片描述
表达式脚本的特点
1、所有的表达式脚本都会被翻译到jspService() 方法中

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

在这里插入图片描述

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

比如下图的，request、response、pageContext、session…都可用

在这里插入图片描述
这里我们使用了里面的request对象

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

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

不然会这样????????????，翻译成源码

在这里插入图片描述

2.2.3、代码脚本

格式 : <% java代码 %>
作用 : 可以在jsp中编写我们自己需要的功能

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

在这里插入图片描述

特点

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VWzQu3y2-1644745690037)(D:\java\javaweb\picture\jsp\代码脚本也在_jspService方法中.png)]

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

你甚至可以这样写一个for循环

    <%
        for(int i = 0 ; i < 10 ; i++){
    %>
    <%
            System.out.println(i);
        }
    %>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iI9yFhXu-1644745690037)(D:\java\javaweb\picture\jsp\代码脚本特点3.png)]

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

你可以这样输出0~9

    <%
        for(int i = 0 ; i < 10 ; i++){
    %>
    <%= i  %> <br/>
    <%
        }
  	%>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3DjTnodQ-1644745690037)(D:\java\javaweb\picture\jsp\代码脚本特点4.png)]

2.3、jsp的三种注释

2.3.1、html注释

<!-- 这是html注释 -->

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

在这里插入图片描述

2.3.2、java注释

<%
    // 这是java单行注释
    /*
    *   这是java多行注释
    * */
%>

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

在这里插入图片描述

2.3.3、jsp注释

<%--
    <!-- 这是html注释 -->
    <%
        // 这是java单行注释
        /*
         *   这是java多行注释
         * */
    %>
--%>

jsp注释可以注掉，jsp页面中所有代码。,所以自然java源码里是没有出现的，因此浏览器也不会出现

在这里插入图片描述

3、jsp九大内置对象

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

在这里插入图片描述

对象	解释
request	请求对象
response	响应对象
pageContext	jsp的上下文对象
session	会话对象
application	ServletContext对象
config	ServletConfig对象
out	jsp输出流对象
page	指向当前jsp的对象
exception	异常对象（需要isErrorPage=“true”）

4、jsp四个域对象

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

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

虽然四个域对象都可以存取数据。在使用上它们是有优先顺序的。四个域在使用的时候，优先顺序分别是,他们从小到大的范围的顺序:
pageContext ===>>> request ====>>>session ====>>> application

效果演示

我们首先先一个scope1.jsp

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>这里是scope1页面</title>
</head>
<body>
    <h1>这里是scope1页面</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>
</html>

这里，????突然发现????的 pageContext.setAttribute()用不了，需要，我们自己去导入jsp.jar。。

现在，我们需要在上面的代码后面加上跳转到scope2.jsp 和写下scope2.jsp就开始测试把

<%
	//跳转到scope2.jsp
	request.getRequestDispatcher("/scope2.jsp").forward(request,response);
%>

<html>
<head>
    <title>这是是scope2.jsp</title>
</head>
<body>
    <h1>这里是从scope1跳转来的scope2</h1>
    pageContext 的值是: <%= pageContext.getAttribute("key")%> <br/>
    request 的值是: <%= request.getAttribute("key")%> <br/>
    session 的值是: <%= session.getAttribute("key")%> <br/>
    application 的值是: <%= application.getAttribute("key")%> <br/>
</body>
</html>

这时候，我们访问scope1.jsp就会发现，pageContex域的值已经消失了

在这里插入图片描述

现在，我们直接访问scope2.jsp，request 域的值也消失了

在这里插入图片描述

现在我们重新打开浏览器，访问scope2.jsp ，我们会发现session域的值也消失

在这里插入图片描述

然后，我们重启服务器，或者重新部署服务器，再去访问scope2.jsp，会发现application域的值也消失

在这里插入图片描述

5、jsp输出

我们一般用，out输出和response.getWriter输出

这里，大家一定疑惑为什么out先写，居然后输出

在这里插入图片描述

原来是out.flush()操作,会把out缓冲区的数据写入response缓冲区的末尾，如下图所示

在这里插入图片描述

这时候，肯定会有人不信嗷，那我们就在out.flush()方法试试看

在这里插入图片描述

结论

1、用out.write()来输出

(因为翻译后的源码也是用out来输出，用response.getWriter输出可能会乱序)

2、out.write() 只能用来输出字符串或者字符。可以试试writ.print()。

(out.write()会把传入的参数强转为char[]。源码中out.print()方法会把内容转为字符串再调用out.write()方法输出)

6、jsp的常用标签

6.1、静态包含

格式

<%@ include file = "/" %>

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

路径中第一个斜杆，表示http://ip:port/工程路径/

图解

静态包含就是，可以灵活更新一块内容，比如下图，你可以灵活更新页脚

在这里插入图片描述

代码实现

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>这是一个网页</title>
</head>
<body>
    头部信息<br/>
    主题信息<br/>
    <%@ include file="/include/foot.jsp"%>
</body>
</html>

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

在这里插入图片描述

特点

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

在这里插入图片描述

6.2、动态包含

格式

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

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

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

代码实现

和上面的静态包含差不多 ????????????

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>这是一个网页</title>
</head>
<body>
    头部信息<br/>
    主体信息<br/>
    <jsp:include page="/include/footer.jsp"></jsp:include>
</body>
</html>

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

图解

在这里插入图片描述

特点

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

在这里插入图片描述

2.动态包含底层代码使用如下代码去调用被包含的jsp页面执行输出。JspRuntimeLibrary.include(request, response, “/include/footer.jsp”, out, false);

在这里插入图片描述

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

在main里这样写

<jsp:include page="/include/footer.jsp">
    <jsp:param name="username" value="abc"/>
    <jsp:param name="password" value="123456"/>
</jsp:include>

footer这样写，来接收

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

在这里插入图片描述

6.3、请求转发

从scope1.jsp 跳转到scope2.jsp

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

jsp练习

九九乘法表

这代码写的可读性极差

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>九九乘法表</title>
    <style type="text/css">
        table{
            width: 650px;
        }
    </style>
</head>
    <h1>九九乘法表</h1>
    <table align="center">
    <%for(int i = 1 ; i <= 9 ; i++){%>
        <tr>
        <%for(int j = 1 ; j <= i ; j++){ %>
            <td> <%= j + "x" + i  + "=" + (j * i) %> </td>
        <% } %>
        </tr>
    <% } %>
    </table>
<body>

</body>
</html>

把学生信息输入到表格

在这里插入图片描述

学生类

public class Student {
    private Integer id;
    private String name;
    private Integer age;
    private String phone;
}
//construct、get and set 省略

jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>把学生信息输入到表格</title>
    <style>
        table{
            border:  1px black solid;
            width: 600px;

        }
        td,th{
            border: 1px blue solid;
        }
    </style>
</head>
<body>
    <%
        List<Student> studentList = new ArrayList<Student>();
        for(int i = 1 ; i <= 10 ; i++){
            studentList.add(new Student(i,"student" + i,i,"phone" + i));
        }
    %>
    <table>
        <tr>
            <td>编号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>手机</td>
        </tr>
    <% for(Student s : studentList){ %>
            <tr>
                <td><%= s.getId() %></td>
                <td><%= s.getName() %></td>
                <td><%= s.getAge() %></td>
                <td><%= s.getPhone() %></td>
            </tr>
    <% } %>
    </table>
</body>
</html>

请求转发实战

在这里插入图片描述

1、2已经学过了，这不是重点，我们需要完成3

SearchStudentServlet

public class SearchStudentServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        List<Student> studentList = new ArrayList<Student>();
        for(int i = 1 ; i <= 10 ; i++){
            studentList.add(new Student(i,"student" + i,i,"phone" + i));
        }
        request.setAttribute("stuList",studentList);
        request.getRequestDispatcher("/test/showStudent.jsp").forward(request,response);
    }
}

showStudent.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>这里展示学生信息</title>
    <style>
        table{
            border:  1px black solid;
            width: 600px;

        }
        td,th{
            border: 1px blue solid;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <td>编号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>手机</td>
    </tr>
    <% List<Student> studentList = (List<Student>)request.getAttribute("stuList"); %>
    <% for(Student s : studentList){ %>
    <tr>
        <td><%= s.getId() %></td>
        <td><%= s.getName() %></td>
        <td><%= s.getAge() %></td>
        <td><%= s.getPhone() %></td>
    </tr>
    <% } %>
</table>
</body>
</html>

效果图

在这里插入图片描述

7、Listener监听器

7.1、监听器介绍

1、Listener 监听器它是JavaWeb的三三大组件之一。 JavaWeb 的三大组件分别是: Servlet 程序、Filter 过滤器、Listener 监听器
2、Listener 它是JavaEE的规范，就是接口
3、监听器的作用是，监听某种事物的变化。然后通过回调函数，反馈给客户(程序)去做一些相应的处理

7.2、ServletContextListener监听器

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

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

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

contextInitialized

在ServletContext对象创建之后马上调用，初始化

default void contextInitialized(ServletContextEvent sce) {
}

contextDestroyed

在ServletContext对象销毁后调用

default void contextDestroyed(ServletContextEvent sce) {
}

7.3、如何使用ServletContextListener监听器

1、编写一个类去实现ServletContextListener
2、实现其两个回调方法

public class MyServletContextListenerImpl implements ServletContextListener {
    @Override
    public void contextInitialized(ServletContextEvent sce) {
        System.out.println("ServletContext对象被创建了");
    }

    @Override
    public void contextDestroyed(ServletContextEvent sce) {
        System.out.println("ServletContext对象被销毁了");
    }
}

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

<listener>
    <listener-class>com.flzj.listener.MyServletContextListenerImpl</listener-class>
</listener>

在这里插入图片描述

到这里就结束????，加油加油(ง •_•)ง，距离寒假结束还剩13day

这篇关于【jsp】【多字多图】【学习笔记】寒假javaweb学习之旅1.4的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

【jsp】【多字多图】【学习笔记】寒假javaweb学习之旅1.4

1、jsp初入

1.1、什么是jsp

1.2、jsp 如何访问

1.3、jsp本质是什么

2、jsp的三种语法

2.1、page指令

2.1.1、language

2.1.2、contentType

2.1.3、pageEncoding

2.1.4、import

2.1.5、autoFlush 和 buffer

2.1.6、errorPage

2.1.7、isErrorPage

2.1.8、session

2.1.9、extends

2.2、jsp中常用的脚本

2.2.1、声明脚本

2.2.2、表达式脚本

2.2.3、代码脚本

2.3、jsp的三种注释

2.3.1、html注释

2.3.2、java注释

2.3.3、jsp注释

3、jsp九大内置对象

4、jsp四个域对象

5、jsp输出

6、jsp的常用标签

6.1、静态包含

6.2、动态包含

6.3、请求转发

jsp练习

九九乘法表

把学生信息输入到表格

请求转发实战

7、Listener监听器

7.1、监听器介绍

7.2、ServletContextListener监听器

7.3、如何使用ServletContextListener监听器

前端开发

后端开发

移动端开发

数据库

服务器运维

人工智能

区块链

游戏开发

网站运营

大数据/云计算

软件工程

软件/开发工具使用

资讯