【JavaWeb10】服务器渲染技术 --- JSP

embedded/2025/2/13 18:49:57/

在这里插入图片描述

文章目录

    • 🌍一. JSP
      • ❄️1.JSP介绍
      • ❄️2.JSP 运行原理
      • ❄️3.page 指令(常用的)
      • ❄️ 4.JSP 三种常用脚本
        • 1.声明脚本
        • 2.表达式脚本
        • 3.代码脚本
      • ❄️5.JSP 内置对象
      • ❄️6.JSP 域对象
    • 🌍二. EL
      • ❄️1.EL 表达式介绍
      • ❄️2.EL 运算操作
      • ❄️3.EL 的 11 个隐含对象
    • 🌍三. JSTL
      • ❄️1.JSTL 标签库介绍
      • ❄️2. core 核心库


🙋‍♂️ 作者：@whisperrr.🙋‍♂️

👀 专栏：JavaWeb👀

💥 标题：【JavaWeb10】服务器渲染技术 — JSP💥

❣️ 寄语：比较是偷走幸福的小偷❣️

🌍一. JSP

❄️1.JSP介绍

1.为什么需要 JSP

程序员在开发过程中，发现 servlet 做界面非常不方便
在这里插入图片描述

引出 JSP 技术，JSP 公式
jsp=html+java 片段+标签+javascript+css

2.JSP 全称是 Java Server Pages，Java 的服务器页面
3.JSP 这门技术的最大的特点在于，写 JSP 就像在写 HTML

● 相比 html 而言，html 只能为用户提供静态数据，而 JSP 技术允许在页面中嵌套 java 代码，为用户提供动态数据
● 相比 Servlet 而言，Servlet 很难对数据进行排版，而 jsp 除了可以用 java 代码产 生动态数据的同时，也很容易对数据进行排版。

4.jsp 技术基于 Servlet, 你可以理解成 JSP 就是对 Servlet 的包装.
5.会使用 JSP 的程序员, 再使用 thymeleaf 是非常容易的事情, 几乎是无缝接轨.
6.创建 hspedu_jsp WEB 项目，并引入 jar
在这里插入图片描述
7. jsp 页面不能像 HTML 页面, 直接用浏览器运行。只能通过浏览器访问 Tomcat 来访问jsp 页面

❄️2.JSP 运行原理

1.jsp 页面本质是一个 Servlet 程序, 其性能是和 java 关联的, 只是长得丑.
2. 第 1 次访问 jsp 页面的时候。Tomcat 服务器会把 jsp 页面解析成为一个 java 源文件。并 且 对 它 进 行 编 译 成 为 .class 字 节 码 程 序 。
在这里插入图片描述
分析下 cal_jsp.java 的源码，可以看出本质就是 Servlet, 要看到源码和分析类图，需要加入 jasper.jar 这个包[在 tomcat/lib 下拷贝]
在这里插入图片描述
在这里插入图片描述

❄️3.page 指令(常用的)

在这里插入图片描述

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

❄️ 4.JSP 三种常用脚本

1.声明脚本

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

作用：定义 jsp 的需要属性、方法、静态代码块和内部类等

2.代码演示

javascript">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>jsp 声明脚本应用实例</title>
</head>
<body>
<h1>jsp 声明脚本应用实例</h1>
<%!
//声明属性 -> 这个属性就是该 jsp 文件生成的 servlet statement_jsp 类的
private Integer id;
private String name = "老韩同学";
private String job;
private static String company;
private Double sal;
//静态代码块
static {
company = "字节跳动";
}
//声明方法
public String getName() {
return name;
}
%>
<hr/>
</body>
</html>
2.表达式脚本

1.表达式脚本基本语法

  1. 表达式脚本的格式是：<%=表达式%>
  2. 表达式脚本的作用是：在 jsp 页面上输出数据
  3. 表达式脚本中的表达式不能以分号结束。

2.代码演示

javascript"><%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>jsp 表达式脚本</title>
</head>
<body>
<h1>jsp 表达式脚本应用实例</h1>
<%!
String name = "字节跳动";
%>
<hr/>
<h1>个人信息</h1>
用户名= <%=name%><br/>
工作是: <%="java 工程师"%><br/>
得到参数= <%=request.getParameter("sex")%>//null
</body>
</html>
3.代码脚本
  1. 代码脚本的语法是：<% java 代码%>
  2. 代码脚本的作用是：可以在 jsp 页面中，编写我们需要的功能（使用 java ）
  3. 可以由多个代码脚本块组合完成一个完整的 java 语句。
  4. 代码脚本还可以和表达式脚本一起组合使用，在 jsp 页面上输出数据

❄️5.JSP 内置对象

● 基本介绍 [讲解]
1、JSP 内置对象(已经创建好的对象, 直接使用 inbuild)，是指 Tomcat 在翻译 jsp 页面成为Servlet 后，内部提供的九大对象，叫内置对象
2、内置对象，可以直接使用，不需要手动定义

● JSP 九大内置对象

  1. out 向客户端输出数据，out.println("");
  2. request 客户端的 http 请求
  3. response 响应对象
  4. session 会话对象
  5. application 对应 ServletContext
  6. pageContext jsp 页面的上下文，是一个域对象，可以 setAttribue(),作用范围只是本页面
  7. exception 异常对象 , getMessage()
  8. page 代表 jsp 这个实例本身
  9. config 对应 ServletConfig

● 对照 Servlet 来理解就比较轻松了. (学技术的思路: 只要去学某个类，建议熟练该类的继承关系)

一张图, 展示了 JSP 的父类 HttpJspBase 继承关系, 说明 JSP 内置对象的来源是 Servlet 和HttpJspPage
在这里插入图片描述

❄️6.JSP 域对象

JSP 四大域对象介绍[作用：存取数据]
1.pageContext (域对象，存放的数据只能在当前页面使用),【示意图】学习技术小技巧:/自己尝试去根据理解画出示意图
在这里插入图片描述
2. request (域对象，存放的数据在一次 request 请求有效), 【示意图】
在这里插入图片描述
3. session(域对象,存放的数据在一次会话有效), 【示意图】
在这里插入图片描述
4. application(域对象,存放的数据在整个 web 应用运行期间有效, 范围更大), 【示意图】
在这里插入图片描述
在这里插入图片描述
JSP 请求转发标签

javascript"><jsp:forward page="/bb.jsp"></jsp:forwar

🌍二. EL

❄️1.EL 表达式介绍

  1. EL 表达式全称：Expression Language，是表达式语言

  2. EL 表达式主要是代替 jsp 页面的表达式脚本<%=request.getAttribute("xx")%>

  3. EL 表达式输出数据的时，比 jsp 的表达式脚本简洁

  4. EL 表达式基本语法： ${key1}, 你可以理解就是一个语法糖

javascript"><%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>el 表达式快速入门</title>
</head>
<body>
<% request.setAttribute("key", "key 值"); %>
jsp 表 达 式 脚 本 ： <%=request.getAttribute("key") == null ? "" :
request.getAttribute("key")%><br/>
EL 表达式：${key}
</body>
</html>
  1. EL 表达式在输出 null 时，输出的是 “” 3. jsp 表达式脚本输出 null 的时，输出的是 “null” 字符串
  2. EL 表达式常用输出 Bean 的普通属性、 数组属性、List 集合属性和 map 集合属性

❄️2.EL 运算操作

  1. 基本语法语法：${ 运算表达式 }
    语法：${ 运算表达式 }
  2. 关系运算
    在这里插入图片描述
  3. 逻辑运算
    在这里插入图片描述
  4. 算数运算
    在这里插入图片描述

EL 的 empty 运算

empty 运算可以判断一个数据是否为空，如果为空，返回 true，否则返回 false
以下几种情况为空

● 值为 null
● 值为空串的时
● 值是 Object 类型数组，长度为零
● list 集合，元素个数为零
● map 集合，元素个数为零

❄️3.EL 的 11 个隐含对象

在这里插入图片描述
EL 四个特定域变量
在这里插入图片描述
pageContext 对象介绍
协议： ${ pageContext.request.scheme }
服务器 ip：${ pageContext.request.serverName }
服务器端口：${ pageContext.request.serverPort }
工程路径：${ pageContext.request.contextPath }
请求方法：${ pageContext.request.method }
客户端 ip 地址：${ pageContext.request.remoteHost }
会话 id ：${ pageContext.session.id }

🌍三. JSTL

❄️1.JSTL 标签库介绍

  1. JSTL 标签库 是指 JSP Standard Tag Library JSP 标准标签库
  2. EL 表达式是为了替换 jsp 中的表达式脚本，JSTL 是为了替换代码脚本。这样 jsp 页面
    变得更佳简洁
  3. JSTL 由五个标签库组成
    在这里插入图片描述
  4. 使用 JSTL，需要导入相关的 jar 包
    在这里插入图片描述

代码演示

javascript"><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
韩顺平 Java 工程师
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>JSTL 快速入门</title>
</head>
<body>
<h1>JSTL 快速入门</h1>
<c:if test="${ 10 > 2 }">
<h1>10 > 2 为真</h1>
</c:if>
</body>
</html>

● taglib 引入标签，要放在行首
● 导入 jstl jar 包后，要重新发布 web 工程，否则不识别 jstl

❄️2. core 核心库

1.<c:set />

<c:set /> set 标签可以往域中保存数据

  1. 等价 域对象.setAttribute(key,value);
  2. scope 属性设置保存到哪个域
    page 表示 PageContext 域（默认值）
    request 表示 Request 域
    session 表示 Session 域
    application 表示 ServletContext 域
  3. var 属性设置 key 是什么
  4. value 属性设置值

2.<c:if />

<c:if test=“${ 10 > 2 }”>hello</c:if>

  1. if 标签用来做 if 判断。
  2. test 属性表示判断的条件（用 EL 表达式输出）

3.<c:choose> <c:when> <c:otherwise>标签

多路判断。跟 switch … case … default 非常接近

4.<c:forEach />标签

  1. 介绍: c:forEach 标签 用来遍历输出, 主要有 4 种形式
    ● 普通遍历输出 i 到 j
    ● 遍历数组
    ● 遍历 Map
    ● 遍历 List

items 表示遍历的集合
var 表示遍历到的数据
begin 表示遍历的开始索引值 ,从 0 开始计算
end 表示结束的索引值
step 属性表示遍历的步长值
varStatus 属性表示当前遍历到的数据的状态,可以得到 step,begin,end 等属性值


http://www.ppmy.cn/embedded/161936.html

相关文章

day50 第十一章：图论part01

day50 第十一章：图论part01

ACM模式&#xff0c;自己控制输入输出 图论理论基础 连通性&#xff1a; 连通图&#xff08;无向&#xff09;&#xff0c;强连通图&#xff08;有向&#xff09;----- 任意两个节点之间都可相互到达 连通分量&#xff08;极大连通子图&#xff09;&#xff0c;强连通分量 图的…
阅读更多...
springboot配置https

springboot配置https

注意&#xff1a; 此配置只能本地环境或测试环境使用&#xff0c;生产环境使用https&#xff0c;应该配置nginx&#xff01;请参考&#xff1a;使用certbot给nginx配置https-CSDN博客 1. 生成证书 使用JDK的keytool命令生成证书 注意&#xff1a;JDK版本需要和项目的JDK版本一…
阅读更多...
vue2 多页面pdf预览

vue2 多页面pdf预览

使用pdfjs-dist预览pdf&#xff0c;实现预加载&#xff0c;滚动条翻页。pdfjs的版本很重要&#xff0c;换了好多版本&#xff0c;终于有一个能用的 node 20.18.1 "pdfjs-dist": "^2.2.228", vue页面代码如下 <template><div v-loading"loa…
阅读更多...
Eclipse JSP/Servlet 深入解析

Eclipse JSP/Servlet 深入解析

Eclipse JSP/Servlet 深入解析 引言 随着互联网的快速发展，Java Web开发技术逐渐成为企业级应用开发的主流。在Java Web开发中，JSP（JavaServer Pages）和Servlet是两个核心组件，它们共同构成了Java Web应用程序的基础。本文将深入解析Eclipse平台下的JSP/Servlet技术，帮…
阅读更多...
Ubuntu 上安装 Java 1.8

Ubuntu 上安装 Java 1.8

在 Ubuntu 上安装 Java 1.8&#xff08;Java 8&#xff09;可以通过以下步骤完成&#xff1a; 方法 1&#xff1a;通过 APT 包管理器安装 OpenJDK 8 这是最常见和推荐的方法。 更新包管理器 sudo apt update sudo apt upgrade -y安装 OpenJDK 8 sudo apt install openjdk-8-jd…
阅读更多...
力扣动态规划-26【算法学习day.120】

力扣动态规划-26【算法学习day.120】

前言 ###我做这类文章一个重要的目的还是记录自己的学习过程&#xff0c;我的解析也不会做的非常详细&#xff0c;只会提供思路和一些关键点&#xff0c;力扣上的大佬们的题解质量是非常非常高滴&#xff01;&#xff01;&#xff01; 习题 1.目标和 题目链接:494. 目标和 -…
阅读更多...
web前端开发中vscode常用的快捷键

web前端开发中vscode常用的快捷键

1.快速复制一行 快捷键&#xff1a; shiftalt 下箭头(上箭头) 或者 ctrlc 然后 ctrlv 2.选定多个相同的单词 快捷键&#xff1a; ctrl d 先双击选定一个单词&#xff0c;然后按下 ctrl d 可以往下依次选择相同的单词。 这样同时修改相同的单词 3.全局替换某单词 当我们一个…
阅读更多...
热敏电阻的主要作用是什么

热敏电阻的主要作用是什么

热敏电阻&#xff08;Thermistor&#xff09;是一种电阻值随温度变化的电气元件。它主要有两种类型&#xff1a;**负温度系数&#xff08;NTC&#xff09;热敏电阻和正温度系数&#xff08;PTC&#xff09;**热敏电阻。 热敏电阻的主要作用包括以下几个方面&#xff1a; 1. 温…
阅读更多...
最新文章

Copyright @ 2022~2023