JSP笔记

Thunder-XJY

于 2021-03-25 07:52:33 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/ThunderXman/article/details/115192421

版权

JSP笔记

1.什么是jsp，它有什么作用？

jsp的全称是Java Server Pages .

是Java的服务器页面。

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

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

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

public class PringHtml extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException,
IOException {
// 通过响应的回传流回传 html 页面数据
resp.setContentType("text/html; charset=UTF-8");
PrintWriter writer = resp.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>

2.jsp如何访问

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

比如:

在web目录下有如下文件：

web目录：

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

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

3.jsp的本质是什么？

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

当我们第一次访问jsp页面的时候。Tomcat服务器会帮我们把jsp页面翻译成为一个Java源文件。并且对它进行编译成.class字节码程序。我们打开java源文件不难发现其里面的内容是：

在这里插入图片描述

我们跟踪源代码发现，jsp文件所继承的HttpJspBase类，继承了HttpServlet且实现了HttpJspBase接口
也就是说jsp翻译出来的Java类，间接的继承了HttpServlet类，也就是说翻译出来的就是一个Servlet程序。

在这里插入图片描述

总结:通过翻译java源代码我们就可以得到结果:jsp就是Servlet程序

大家也可以去观察翻译出来的Servlet程序的源代码，不难发现，其底层也是通过输出流，把html页面数据回传给客户端。

4.jsp的三种语法

4.1jsp头部的page指令

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

<%@ page import="java.util.Scanner" %>
<%@ page contentType="text/html;charset=UTF-8" 
         autoFlush="true"
         buffer="8kb"
         language="java" %>

language 属性表示 jsp 翻译后是什么语言文件。暂时只支持 java。
contentType 属性表示 jsp 返回的数据类型是什么。也是源码中 response.setContentType()参数值
pageEncoding 属性表示当前 jsp 页面文件本身的字符集。
import 属性跟 java 源代码中一样。用于导包，导类。

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

autoFlush 属性设置当 out 输出流缓冲区满了之后，是否自动刷新冲级区。默认值是 true。
buffer 属性设置 out 缓冲区的大小。默认是 8k

缓冲区溢出错误：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rb27MqoA-1616629920652)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210320150710909.png)]

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

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

<!--
errorPage 表示错误后自动跳转去的路径 <br/>
这个路径一般都是以斜杠打头，它表示请求地址为 http://ip:port/工程路径/映射到代码的 Web 目录
-->

isErrorPage 属性设置当前 jsp 页面是否是错误信息页面。默认是 false。如果是 true 可以获取异常信息。
session 属性设置访问当前 jsp 页面，是否会创建 HttpSession 对象。默认是 true。
extends 属性设置 jsp 翻译出来的 java 类默认继承谁。

4.2jsp中的常用脚本

4.21.声明脚本

声明脚本的格式是：<%! 声明Java代码 %>
作用:可以给jsp翻译出来的java类定义属性和方法甚至是静态代码块。内部类等
1.声明类属性
2.声明static静态代码块
3.声明类方法
4.声明内部类

jsp页面	生产的java类中的代码
	[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cteEQdyw-1616629920655)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210320152754092.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6xq09p3E-1616629920657)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210320152429107.png)]

4.2.2表达式脚本

表达式脚本的格式是:<%= 表达式 %>
表达式脚本的作用是:在jsp页面上输出数据。
表达式脚本的特点:
1.所有的表达式脚本都会被翻译到 _jspService()方法中；
2.表达式脚本都会被翻译称为out.print()输出到页面上；
3.由于表达式脚本翻译的内容都在 _jspService方法中,所以 _jspService()方法中的对象都可以直接使用；

4.表达式脚本中的表达式不能以封号结束；

<%--练习--%>
<%--1.输出整型--%>
<%= 12 %>
<%--2.输出浮点型--%>
<%= 12.12 %>
<%--3.输出字符串--%>
<%= "我是字符串" %>
<%--4.输出对象--%>
<%= map %>

4.2.3代码脚本

代码脚本的格式是：

<%
    java语句
%>

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

代码脚本的特点是：

1.代码脚本的翻译之后都在_jspService()方法中；

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

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

<%--练习：--%>
<%--1.代码脚本----if 语句--%>
<%int i = 13 ;
if (i == 12) {
%>
<h1>国哥好帅</h1>
<%
} else {
%>
<h1>国哥又骗人了！</h1>
<%
}
%>
<br>
<%--2.代码脚本----for 循环语句--%>
<table border="1" cellspacing="0">
<%
for (int j = 0; j < 10; j++) {
%>
<tr>
<td>第 <%=j + 1%>行</td>
</tr>
<%
}
%>
</table>
<%--3.翻译后 java 文件中_jspService 方法内的代码都可以写--%>
<%
String username = request.getParameter("username");
System.out.println("用户名的请求参数值是：" + username);
%>

翻译之后的对比：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ledpNm7v-1616629920659)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210323133121159.png)]

4.3jsp中的三种注释

4.3.1html 注释

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

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

4.3.2 java 注释

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

<% // 单行 java 注释 /* 多行 java 注释 */ %> java 注释会被翻译到 java 源代码中。

4.3.3jsp 注释

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

jsp 注释可以注掉，jsp 页面中所有代码。

5.jsp九大内置对象

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S0521IdC-1616629920659)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210323135202194.png)]

5.1jsp四大域对象

四大域对象分别是：

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

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

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

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

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

可以加快内存释放。

5.2jsp中的out输出和response.getWriter()输出的区别

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1guh4GsG-1616629920660)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210323142721766.png)]

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

out.write() 输出字符串没有问题

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

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

6.jsp的常用标签

6.1jsp静态包含

示例说明：
<%--
<%@ include file=""%> 就是静态包含
file 属性指定你要包含的 jsp 页面的路径
地址中第一个斜杠 / 表示为 http://ip:port/工程路径/ 映射到代码的 web 目录
静态包含的特点：
1、静态包含不会翻译被包含的 jsp 页面。
2、静态包含其实是把被包含的 jsp 页面的代码拷贝到包含的位置执行输出。--%>
<%@ include file="/include/footer.jsp"%>

6.2jsp动态包含

示例说明：

<%--
<jsp:include page=""></jsp:include> 这是动态包含
page 属性是指定你要包含的 jsp 页面的路径
动态包含也可以像静态包含一样。把被包含的内容执行输出到包含位置
动态包含的特点：
1、动态包含会把包含的 jsp 页面也翻译成为 java 代码
2、动态包含底层代码使用如下代码去调用被包含的 jsp 页面执行输出。
JspRuntimeLibrary.include(request, response, "/include/footer.jsp", out, false);
3、动态包含，还可以传递参数
--%>
<jsp:include page="/include/footer.jsp">
<jsp:param name="username" value="bbj"/>
<jsp:param name="password" value="root"/>
</jsp:include>

动态包含的底层原理：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DzfWrm8J-1616629920660)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210323184543100.png)]

6.3jsp标签-转发

示例说明：

<%--
<jsp:forward page=""></jsp:forward> 是请求转发标签，它的功能就是请求转发
page 属性设置请求转发的路径
--%>
<jsp:forward page="/scope2.jsp"></jsp:forward>

7.jsp练习题：

练习一：99乘法表

<html>
  <head>
    <title>练习题</title>
  </head>
  <body>
<h1 align="center">99乘法表</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>

练习二：遍历输出数据库book中students表中的所有学生数据输出到页面上

流程图示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gEvYm16Q-1616629920661)(C:\Users\Thunder\AppData\Roaming\Typora\typora-user-images\image-20210323215327646.png)]

html静态页面代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索页面</title>
    <base href="http://localhost:8080/08_jsp/">
</head>
<body>
<h1 align="center">搜索页面</h1>
<form action="searchStudentServlet" style="text-align: center" method="get">
    搜索：<input type="text" name="search">
    <input type="submit">
</form>
</body>
</html>

servletSearchStudentServlet.java代码

package top.xujianyun.servlet;

import top.xujianyun.bean.Student;
import top.xujianyun.service.impl.StudentServiceImpl;

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

/**
 * @author Thunder-XJY
 * @create 2021-03-23-20:25
 */
public class SearchStudentServlet extends HttpServlet {
    private StudentServiceImpl ssi = new StudentServiceImpl();
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1.获取请求的参数
        String search = req.getParameter("search");
        System.out.println(search);
        //2.发sql语句查询学生的信息
        List<Student> stuList = ssi.searchStudent(new Student(search));
        for (Student student : stuList) {
            System.out.println(student);
        }
        //3.保存查询到的结果（学生信息）到request域中
        req.setAttribute("stuList",stuList);
        //4.请求转发到showStudent.jsp页面中
        req.getRequestDispatcher("/showStudent.jsp").forward(req,resp);

    }
}

StudentServiceImpl.java代码

package top.xujianyun.service.impl;

import org.apache.commons.dbutils.DbUtils;
import top.xujianyun.bean.Student;
import top.xujianyun.dao.impl.StudentDaoImpl;
import top.xujianyun.service.StudentService;
import top.xujianyun.utils.JdbcUtils;

import java.sql.Connection;
import java.util.List;

/**
 * @author Thunder-XJY
 * @create 2021-03-19-18:48
 */
public class StudentServiceImpl implements StudentService {
    private static StudentDaoImpl dao = new StudentDaoImpl();

    @Override
    public List<Student> searchStudent(Student student) {
        Connection conn = null;
        try {
            conn = JdbcUtils.getConnection();
           return dao.queryStudentByName(conn,student.getName());
        } catch (Exception e) {
            e.printStackTrace();
        }finally {
            DbUtils.closeQuietly(conn);
        }
        return null;
    }
}

StudentDaoImpl.java

package top.xujianyun.dao.impl;

import top.xujianyun.bean.Student;
import top.xujianyun.dao.BaseDao;
import top.xujianyun.dao.StudentDao;
import java.sql.Connection;
import java.util.List;

/**
 * @author Thunder-XJY
 * @create 2021-03-19-15:32
 */
public class StudentDaoImpl extends BaseDao<Student> implements StudentDao {
    @Override
    public List<Student> queryStudentByName(Connection conn, String name) {
        String sql = "select `id`,`name`,`age`,`phone` from students where name like ?";
        List<Student> list = queryAll(conn, sql, name);
        return list;
    }
}

showStudent.jsp代码

<%@ page import="top.xujianyun.bean.Student" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %><%--
  Created by IntelliJ IDEA.
  User: Thunder
  Date: 2021/3/23
  Time: 20:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>展示学生信息</title>
    <style type="text/css">
        tr,td,th{
            width: 200px;
            text-align: center;
        }
    </style>
</head>
<body>
<%
	//从request域中获取数据
    List<Student> list = (List<Student>) request.getAttribute("stuList");

%>

<h1 align="center">学生信息</h1>
<table border="1" cellspacing="0" align="center">
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>电话</th>
        <th>操作</th>
    </tr>
        <%for (Student student : list) {%>
    <tr>
        <td><%= student.getId()%></td>
        <td><%=student.getName()%></td>
        <td><%=student.getAge()%></td>
        <td><%=student.getPhone()%></td>
        <td><%="删除"%></td>
    </tr>
        <%}%>
</body>
</html>