JSP基础

一、JSP

JSP（全称：Java Server Pages）：Java 服务端页面。是一种动态的网页技术，其中既可以定义 HTML、JS、CSS等静态内容，还可以定义 Java代码的动态内容，也就是 JSP = HTML + Java 。如下就是jsp代码：

<html>
<head>
<title>Title</title>
</head>
<body>
<h1>JSP,Hello World</h1> <!--前端代码--><%
System.out.println("hello,jsp~");
%> <!--后端代码-->
</body>
</html>

上面代码 h1 标签内容是展示在页面上，而 Java 的输出语句是输出在 idea 的控制台。

JSP作用：简化开发，避免了在Servlet中直接输出HTML标签。
JSP基本上都是前端代码，但是在动态数据方面却是使用java代码的。

一、1、JSP快速入门

步骤

搭建环境
创建一个maven的 web 项目，项目结构如下：
需要在 dependencies 标签中导入 JSP 的依赖.
pom.xml文件如下：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><groupId>org.example</groupId><artifactId>jsp-demo1</artifactId><version>1.0-SNAPSHOT</version><packaging>war</packaging><properties><maven.compiler.source>17</maven.compiler.source><maven.compiler.target>17</maven.compiler.target><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding></properties><dependencies><dependency><groupId>jakarta.servlet</groupId><artifactId>jakarta.servlet-api</artifactId><version>5.0.0</version><scope>provided</scope></dependency><dependency><groupId>javax.servlet</groupId><artifactId>jsp-api</artifactId><version>2.0</version><scope>provided</scope>
<!--            该依赖的 scope 必须设置为 provided ，因为 tomcat 中有这个jar包了，所以在打包时我们是不希望将该依赖打进到我们
工程的war包中。--></dependency></dependencies></project>

创建jsp文件,编写jsp代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<h1>hello jsp</h1>
<%System.out.println("hello,jsp~");
%>
</body>
</html>

运行测试：

一、2、JSP原理

我们之前说 JSP 就是一个页面，那么在 JSP 中写 html 标签，我们能理解，但是为什么还可以写 Java 代码呢？==因为 JSP 本质上就是一个 Servlet。==接下来我们聊聊访问jsp时的流程

浏览器第一次访问 hello.jsp 页面， tomcat 会将 hello.jsp 转换为名为 hello_jsp.java 的一个 Servlet，tomcat 再将转换的 servlet 编译成字节码文件 hello_jsp.class，tomcat 会执行该字节码文件，向外提供服务
JSP=HTML+JAVA，JSP本质上是一个Servlet。

一、3、JSP脚本

JSP 脚本有如下三个分类：
- 1. <%…%>：内容会直接放到_jspService()方法之中
- 1. <%=…%>：内容会放到out.print()中，作为out.print()的参数
- 1. <%! …%>：内容会放到_jspService()方法之外，被类直接包含（变量的声明，属于全局变量，方法内不能声明方法，所以方法的声明必须使用这个带!号的脚本）
- 4）<%@…%>：指令
- 1. <%-- --%>：注释

具体情况参照下面的jsp.java（以上面的jsp代码为模板）:

/** Generated by the Jasper component of Apache Tomcat* Version: Apache Tomcat/10.1.7* Generated at: 2023-03-15 04:17:15 UTC* Note: The last modified time of this file was set to*       the last modified time of the source file after*       generation to assist with modification tracking.*/
package org.apache.jsp;import jakarta.servlet.*;
import jakarta.servlet.http.*;
import jakarta.servlet.jsp.*;public final class hello_jsp extends org.apache.jasper.runtime.HttpJspBaseimplements org.apache.jasper.runtime.JspSourceDependent,org.apache.jasper.runtime.JspSourceImports,org.apache.jasper.runtime.JspSourceDirectives {void show(){};String name = "zhangsan";private static final jakarta.servlet.jsp.JspFactory _jspxFactory =jakarta.servlet.jsp.JspFactory.getDefaultFactory();private static java.util.Map<java.lang.String,java.lang.Long> _jspx_dependants;private static final java.util.Set<java.lang.String> _jspx_imports_packages;private static final java.util.Set<java.lang.String> _jspx_imports_classes;static {_jspx_imports_packages = new java.util.HashSet<>();_jspx_imports_packages.add("jakarta.servlet");_jspx_imports_packages.add("jakarta.servlet.http");_jspx_imports_packages.add("jakarta.servlet.jsp");_jspx_imports_classes = null;}private volatile jakarta.el.ExpressionFactory _el_expressionfactory;private volatile org.apache.tomcat.InstanceManager _jsp_instancemanager;public java.util.Map<java.lang.String,java.lang.Long> getDependants() {return _jspx_dependants;}public java.util.Set<java.lang.String> getPackageImports() {return _jspx_imports_packages;}public java.util.Set<java.lang.String> getClassImports() {return _jspx_imports_classes;}public boolean getErrorOnELNotFound() {return false;}public jakarta.el.ExpressionFactory _jsp_getExpressionFactory() {if (_el_expressionfactory == null) {synchronized (this) {if (_el_expressionfactory == null) {_el_expressionfactory = _jspxFactory.getJspApplicationContext(getServletConfig().getServletContext()).getExpressionFactory();}}}return _el_expressionfactory;}public org.apache.tomcat.InstanceManager _jsp_getInstanceManager() {if (_jsp_instancemanager == null) {synchronized (this) {if (_jsp_instancemanager == null) {_jsp_instancemanager = org.apache.jasper.runtime.InstanceManagerFactory.getInstanceManager(getServletConfig());}}}return _jsp_instancemanager;}public void _jspInit() {}public void _jspDestroy() {}public void _jspService(final jakarta.servlet.http.HttpServletRequest request, final jakarta.servlet.http.HttpServletResponse response)throws java.io.IOException, jakarta.servlet.ServletException {if (!jakarta.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) {final java.lang.String _jspx_method = request.getMethod();if ("OPTIONS".equals(_jspx_method)) {response.setHeader("Allow","GET, HEAD, POST, OPTIONS");return;}if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method)) {response.setHeader("Allow","GET, HEAD, POST, OPTIONS");response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSP 只允许 GET、POST 或 HEAD。Jasper 还允许 OPTIONS");return;}}final jakarta.servlet.jsp.PageContext pageContext;jakarta.servlet.http.HttpSession session = null;final jakarta.servlet.ServletContext application;final jakarta.servlet.ServletConfig config;jakarta.servlet.jsp.JspWriter out = null;final java.lang.Object page = this;jakarta.servlet.jsp.JspWriter _jspx_out = null;jakarta.servlet.jsp.PageContext _jspx_page_context = null;try {response.setContentType("text/html;charset=UTF-8");pageContext = _jspxFactory.getPageContext(this, request, response,null, true, 8192, true);_jspx_page_context = pageContext;application = pageContext.getServletContext();config = pageContext.getServletConfig();session = pageContext.getSession();out = pageContext.getOut();_jspx_out = out;out.write("\r\n");out.write("\r\n");out.write("<html>\r\n");out.write("<head>\r\n");out.write("    <title>Title</title>\r\n");out.write("</head>\r\n");out.write("<body>\r\n");out.write("<h1>hello jsp</h1>\r\n");System.out.println("内容会直接放到_jspService()方法之中");int i=100;out.write("\r\n");out.write("\r\n");out.print( i);out.write("\r\n");out.write("\r\n");out.write("\r\n");out.write("</body>\r\n");out.write("</html>\r\n");} catch (java.lang.Throwable t) {if (!(t instanceof jakarta.servlet.jsp.SkipPageException)){out = _jspx_out;if (out != null && out.getBufferSize() != 0)try {if (response.isCommitted()) {out.flush();} else {out.clearBuffer();}} catch (java.io.IOException e) {}if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);else throw new ServletException(t);}} finally {_jspxFactory.releasePageContext(_jspx_page_context);}}
}

一、4、案例

<%@ %>：引入包的标签

<%@ page import="pojo.Brand" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%// 查询数据库List<Brand> brands = new ArrayList<Brand>();brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));
%>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><%for (int i = 0; i < brands.size(); i++) {Brand brand = brands.get(i);%><tr align="center"><td><%=brand.getId()%></td><td><%=brand.getBrandName()%></td><td><%=brand.getCompanyName()%></td><td><%=brand.getOrdered()%></td><td><%=brand.getDescription()%></td><td><%=brand.getStatus() == 1 ? "启用":"禁用"%></td><td><a href="#">修改</a> <a href="#">删除</a></td></tr><%}%>
</table>
</body>
</html>

在这里插入图片描述

一、5、JSP缺点

由于 JSP页面内，既可以定义 HTML 标签，又可以定义 Java代码，造成了以下问题：
- 1）书写麻烦：特别是复杂的页面
- 2）既要写 HTML 标签，还要写 Java 代码
- 3）阅读麻烦
- 4）复杂度高：运行需要依赖于各种环境，JRE，JSP容器，JavaEE…
- 5）占内存和磁盘：JSP会自动生成.java和.class文件占磁盘，运行的是.class文件占内存
- 6）调试困难：出错后，需要找到自动生成的.java文件进行调试
- 7）不利于团队协作：前端人员不会 Java，后端人员不精 HTML
- 8）如果页面布局发生变化，前端工程师对静态页面进行修改，然后再交给后端工程师，由后端工程师再将该页面改为 JSP页面
由于上述的问题， JSP 已逐渐退出历史舞台，以后开发更多的是使用HTML + Ajax来替代。Ajax 是我们后续会重点学习的技术。有个这个技术后，前端工程师负责前端页面开发，而后端工程师只负责前端代码开发。下来对技术的发展进行简单的说明
第一阶段：使用 servlet 即实现逻辑代码编写，也对页面进行拼接。这种模式我们之前也接触过
第二阶段：随着技术的发展，出现了 JSP ，人们发现 JSP 使用起来比 Servlet 方便很多，但是还是要在 JSP 中嵌套Java 代码，也不利于后期的维护
第三阶段：使用 Servlet 进行逻辑代码开发，而使用 JSP 进行数据展示
第四阶段：使用 servlet 进行后端逻辑代码开发，而使用 HTML 进行数据展示。而这里面就存在问题， HTML 是静态页面，怎么进行动态数据展示呢？这就是 ajax 的作用了。那既然 JSP 已经逐渐的退出历史舞台，那我们为什么还要学习 JSP 呢？
- 原因有两点：
  - 一些公司可能有些老项目还在用 JSP ，所以要求我们必须动 JSP
  - 我们如果不经历这些复杂的过程，就不能体现后面阶段开发的简单。

一、6、解决JSP缺点的两种方法

一、6.1、方法一：EL 表达式

概述：

EL（全称Expression Language ）表达式语言，用于简化 JSP 页面内的 Java 代码。
EL 表达式的主要作用是 !!!获取数据!!!。其实就是从域对象中获取数据，然后将数据展示在页面上。
而 EL 表达式的语法也比较简单,${expression} 。例如：${brands} 就是获取域中存储的 key 为 brands 的数据

代码演示：
定义servlet，在 servlet 中封装一些数据并存储到 request 域对象中并转发到 el-demo.jsp 页面

import jakarta.servlet.*;
import jakarta.servlet.http.*;
import jakarta.servlet.annotation.*;
import pojo.Brand;import java.io.IOException;
import java.util.ArrayList;
import java.util.List;@WebServlet("/Servlet-jspdemo1")
public class Servletjspdemo1 extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1. 准备数据List<Brand> brands = new ArrayList<Brand>();brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));
//2. 存储到request域中request.setAttribute("brands",brands);
//3. 转发到 demo1-jsp.jsprequest.getRequestDispatcher("/demo1-jsp.jsp").forward(request,response);}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doGet(request, response);}
}

注意：此处需要用请求转发，因为请求转发可以使用 request 对象作为域对象进行数据共享
在 el-demo.jsp 中通过 EL表达式获取数据

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>${brands}
</body>
</html>

一、6.1.1、域对象

例子：${brands} 就是获取域中存储的 key 为 brands 的数据
JavaWeb中有四大域对象，分别是：
- page：当前页面有效
- request：当前请求有效
- session：当前会话有效
- application：当前应用有效
- el 表达式获取数据，会依次从这4个域中寻找，直到找到为止。而这四个域对象的作用范围如下图所示
  
  例如： ${brands}，el 表达式获取数据，会先从page域对象中获取数据，如果没有再到 requet 域对象中获取数据，如果再没有再到 session 域对象中获取，如果还没有才会到 application 中获取数据。

一、6.2、方法二：JSTL标签

概述：JSP标准标签库(Jsp Standarded Tag Library) ，使用标签取代JSP页面上的Java代码。如下代码就是一个JSTL标签

<c:if test="${flag == 1}">
男
</c:if>
<c:if test="${flag == 2}">
女
</c:if>

上面代码看起来是不是比 JSP 中嵌套 Java 代码看起来舒服好了。而且前端工程师对标签是特别敏感的，他们看到这段代码是能看懂的。

jsp少量标签：

其中<c:forEach> 标签和 <c:if> 标签。较为常用

一、6.2.1、 JSTL 使用

导入jsp坐标依赖

//tomcat10.0版本的
<dependency><groupId>org.glassfish.web</groupId><artifactId>jakarta.servlet.jsp.jstl</artifactId><version>2.0.0</version>
</dependency>
<dependency><groupId>org.apache.taglibs</groupId><artifactId>taglibs-standard-spec</artifactId><version>1.2.5</version>
</dependency>
// 如果不够,再补充下面这个依赖
<dependency><groupId>org.apache.taglibs</groupId><artifactId>taglibs-standard-impl</artifactId><version>1.2.5</version>
</dependency>

<!--这是旧版的，对于tomcat10.0以后是不行的-->
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<dependency>
<groupId>taglibs</groupId>
<artifactId>standard</artifactId>
<version>1.1.2</version>
</dependency>

在JSP页面上引入JSTL标签库

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

一、6.2.2、if标签的使用

<c:if> ：相当于 if 判断
- 属性：test，用于定义条件表达式

<c:if test="${flag == 1}">
男
</c:if>
<c:if test="${flag == 2}">
女
</c:if>

解释：如果通过EL表达式${flag == 1}获取的值等于1，就输出男，等于2则输出女

定义一个 servlet ，在该 servlet 中向 request 域对象中添加键是 status ，值为 1 的数据

@WebServlet("/demo2")
public class ServletDemo2 extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
//1. 存储数据到request域中
request.setAttribute("status",1);
//2. 转发到 jstl-if.jsp
数据request.getRequestDispatcher("/jstl-if.jsp").forward(request,response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
this.doGet(request, response);
}
}

定义 jstl-if.jsp 页面，在该页面使用 <c:if> 标签

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%--
c:if：来完成逻辑判断，替换java if else
--%>
<c:if test="${status ==1}">
启用
</c:if>
<c:if test="${status ==0}">
禁用
</c:if>
</body>
</html>

一、6.2.3、 forEach标签

说明：<c:forEach> ：相当于 for 循环。java中有增强for循环和普通for循环，JSTL 中的 <c:forEach> 也有两种用法
类似于 Java 中的增强for循环。涉及到的 <c:forEach> 中的属性如下
- items：被遍历的容器
- var：遍历产生的临时变量
- varStatus：遍历状态对象（生成序号用的）

如下代码，是从域对象中获取名为 brands 数据，该数据是一个集合；遍历遍历，并给该集合中的每一个元素起名为brand ，是 Brand对象。在循环里面使用 EL表达式获取每一个Brand对象的属性值：

<c:forEach items="${brands}" var="brand">
<tr align="center">
<td>${brand.id}</td>
<td>${brand.brandName}</td>
<td>${brand.companyName}</td>
<td>${brand.description}</td>
</tr>
</c:forEach>

代码演示：
servlet 还是使用之前的名为 ServletDemo1 。
定义名为 jstl-foreach.jsp 页面，内容如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800">
<tr>
<th>序号</th>
<th>品牌名称</th>
<th>企业名称</th>
<th>排序</th>
<th>品牌介绍</th>
<th>状态</th>
<th>操作</th>
</tr>
<c:forEach items="${brands}" var="brand" varStatus="status">
<tr align="center">
<%--<td>varStatus="status"，这里的status名字是随便起的</td>--%>
<td>${status.count}</td> <%--<td>${status.index}：表示序号从0开始，count表示序号从1开始</td>--%>
<td>${brand.brandName}</td>
<td>${brand.companyName}</td>
<td>${brand.ordered}</td>
<td>${brand.description}</td>
<c:if test="${brand.status == 1}">
<td>启用</td>
</c:if>
<c:if test="${brand.status != 1}">
<td>禁用</td>
</c:if>
<td><a href="#">修改</a> <a href="#">删除</a></td>
</tr>
</c:forEach>
</table>
</body>
</html>

用法二

类似于 Java 中的普通for循环。涉及到的 <c:forEach> 中的属性如下
- begin：开始数
- end：结束数
- step：步长
实例代码：
从0循环到10，变量名是 i ，每次自增1

<c:forEach begin="0" end="10" step="1" var="i">
${i}
</c:forEach>

JSP基础

一、JSP

一、1、JSP快速入门

一、2、JSP原理

一、3、JSP脚本

一、4、案例

一、5、JSP缺点

一、6、解决JSP缺点的两种方法

一、6.1、方法一：EL 表达式

一、6.1.1、域对象

一、6.2、方法二：JSTL标签

一、6.2.1、 JSTL 使用

一、6.2.2、if标签的使用

一、6.2.3、 forEach标签

相关文章

【NOI】树的初步认识

ERROR: No matching distribution found for tb-nightly

【Go】结构体中Tag标识

GeoTrust SSL证书有什么优势？

Unity3d使用Jenkins自动化打包（Windows）（一）

在word中显示Euclid Math One公式的问题及解决（latex公式，无需插件）

Go语言爬虫实战（线程池）

【JavaWeb】Day24.Web入门——HTTP协议(一）

AI写作的力量：让你的文章焕发生机

网站为什么要选择使用安全加速SCDN？

安卓调试桥ADB

【Linux】开始掌握进程控制吧

3月23日笔记

Oracle存数字精度问题number、binary_double、binary_float类型

OpenCV 形态学处理函数

JAVA面试八股文之集合

Day24：私信列表、私信详情、发送私信

Siemens S7-1500TCPU 运动机构系统功能简介

新手体验OceanBase社区版V4.2：离线部署单节点集群

【JavaEE初阶系列】——多线程案例四——线程池

JSP基础

一、JSP

一、1、JSP快速入门

一、2、JSP原理

一、3、JSP脚本

一、4、案例

一、5、JSP缺点

一、6、解决JSP缺点的两种方法

一、6.1、方法一：EL 表达式

一、6.1.1、 域对象

一、6.2、方法二：JSTL标签

一、6.2.1、 JSTL 使用

一、6.2.2、if标签的使用

一、6.2.3、 forEach标签

相关文章

一、6.1.1、域对象