【JavaWeb】之JSTL & EL表达式

太过爱你忘了你带给我的痛 2024-04-01 08:44 65阅读 0赞

#### 【JavaWeb】JSTL & EL表达式 ####

*  前言
 *  一、JSP标签
 *  二、JSTL标签
 *   *  1.什么是JSTL
     *  2.JSTL环境搭建
     *  3.条件标签 —if
     *  4.迭代标签 —forEach
     *  5.迭代标签 —forTokens
     *  6.格式化日期标签 —formatDate
 *  三、EL表达式
 *   *  1.EL表达式简介
     *  2.EL表达式搜索域数据的顺序
     *  3.EL表达式输出Java类的属性
     *  4.EL表达式的运算
     *  5.EL表达式的11个隐含对象
 *  后记

--------------------

## 前言 ##

本文为JavaWeb基础JSTL & EL表达式相关知识介绍，**Java全栈学习路线可参考：**[【Java全栈学习路线】最全的Java学习路线及知识清单，Java自学方向指引][Java_Java_Java]，内含最全Java全栈学习技术清单~

## 一、JSP标签 ##

**jsp标签的分类：**

*  （1）内置标签（动作标签）： 不需要在jsp页面导入标签
 *  （2）jstl标签： 需要在jsp页面中导入标签
 *  （3）自定义标签 ： 开发者自行定义，需要在jsp页面导入标签

**内置标签（动作标签）**

* <jsp:forward />转发标签：

<jsp:forward page="/MyJsp001.jsp"></jsp:forward>
  
 request.getRequestDispatcher("/MyJsp001.jsp?name=jxf").forward(request, response);

*  jsp:pararm/参数标签：

<jsp:param value="jxf" name="name"/> <%-- 传递一个名为name，值为jxf的参数，参数一般作为其他标签的子标签使用--%>
 
 <jsp:forward page="/MyJsp001.jsp">
 　　<jsp:param value="jxf" name="name"/>
 </jsp:forward>

*  jsp:include/包含标签：

<jsp:include page="/MyJsp001.jsp">
 <jsp:param value="jxf" name="name"/><%--可以将参数传递给包含进来的页面--%>
 </jsp:include>

与@inclue包含指令的区别： 
（1）首先是语法不同：<jsp:include page=“/MyJsp001.jsp”>；<%@inclue file=“被包含的页面”%> 
（2）jsp:include可以传递参数，<%@inclue%>不可以 
（3）jsp:include：包含页面与被包含页面分别编译为两个java源文件，在运行时引用；<%@inclue%>：包含页面与被包含页面合并编译为一个java源文件

## 二、JSTL标签 ##

### 1.什么是JSTL ###

*  JSP标准标识库,使用JSTL可实现JSP页面的逻辑处理; 可用于编写各种动态JSP页面
 *  JSTL（Java server pages standarded tag library，即JSP标准标签库）是由JCP（Java community Proces）所制定的标准规范，它主要提供给JavaWeb开发人员一个标准通用的标签库，并由Apache的Jakarta小组来维护。
 *  开发人员可以利用JSTL标签取代JSP页面上的Java代码，从而提高程序的可读性，降低程序的维护难度。

### 2.JSTL环境搭建 ###

**导入jar包文件**

*  jstl-x.x.jar

**在jsp页面添加taglib指令**

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

*  这里的uri 标识符指向jar包的tld文件,prefix为前缀,可以自定义,一般定义为c;也称为c标签

**使用JSTL标签**

* 刚才用c作为前缀的,那么直接写<c:标签 , 标签属性>内容</c:标签> 即可

### 3.条件标签 —if ###

**if标签的几个属性:**

*  test：Boolean类型；决定是否处理标签体的内容,即条件判断
 *  var：String类型；指定变量名,保存test属性的判断结果
 *  scope：String类型；指定var值的作用域范围,默认为page,可选值:page,request,session,application

**代码示例：**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <%--使用tablib指令指向jstl标签库,定义前缀名prefix--%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 <html>
 <head>
 <title>Title</title>
 </head>
 <body>
 
 <%--
 在test中可写入条件判断(仅有test支持使用el标签),
 var定义属性名,scope声明作用范围(默认为page,即PageContext域对象);
 将该标签的test返回结果自动赋值给var,再由scope决定哪个域对象可以调用;--%>
 <c:if test="${10<20}" var="qwe" scope="application">
 test判断为true：内容可显示！ 
 </c:if>
 
 scope指定了作用域,其他域对象获取不到==>
 ${
 pageScope.qwe} 
 
 上面指定的是application应用程序域对象==>
 ${
 qwe}
 </body>
 </html>

**启动服务器,页面显示：**

test判断为true：内容可显示！
    scope指定了作用域,其他域对象获取不到==>
    上面指定的是application应用程序域对象==> true

### 4.迭代标签 —forEach ###

forEach对Java中的集合与数组进行遍历

**forEach标签的几个属性:**

*  (1)items : 获取需要迭代的集合或数组,支持EL表达式;类型为数组,字符串,集合;
 *  (2)var : 定义一个变量,接收循环中获取的数据;不支持EL表达式,类型为String;
 *  (3)varStatus : 获取循环的状态信息,不支持 EL表达式,类型为String;varStatus调用的几个参数:常用index,count
 *  (4)step : 设置迭代的步长,默认为1; 支持EL表达式,类型为int;
 *  (5)end : 设置迭代的结束索引 ,支持EL表达式,类型为int;若指定end属性,则在items的下标到指定end的位置就会结束迭代,若不指定,就全部迭代
 *  (6)begin : 设置迭代的开始索引,支持EL表达式,类型为int;若指定begin属性,则从items的下标为begin的位置开始迭代,若不指定,则全部迭代

**代码示例：**

<%
 ArrayList<String> people = new ArrayList<>();
 people.add(0, "张三");
 people.add(1, "李四");
 people.add(2, "王五");
 people.add(3, "赵六");
 people.add(4, "丁一");
 people.add(5, "胡二");
 request.setAttribute("list", people);
 %>
 <%--
 var,每一次遍历出来的变量
 items，要遍历的对象
 begin, 开始位置
 end, 结束位置
 step, 步长
 --%>
 <c:forEach var="people" items="${list}">
 <c:out value="${people}"/>
 
 </c:forEach>
 <hr>
 <c:forEach var="people" items="${list}" begin="1" end="3" step="2">
 <c:out value="${people}"/>
 
 </c:forEach>

### 5.迭代标签 —forTokens ###

forTokens 用于迭代分隔字符串

**有以下属性：**

*  items：需要进行处理的字符串
 *  delims ：分隔符，可以是数字、字符串或特殊字符
 *  var：分隔items的字符串后的定义名
 *  varStatus：当前迭代的状态信息
 *  step： 迭代的步长
 *  begin：设置迭代开始的索引
 *  end：设置迭代结束的索引

**代码示例：**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <%--指定导入的jstl标签库,定义前缀名prefix--%>
 <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 <html>
 <head>
 <title>Title</title>
 </head>
 <body>
 <%--forTokens 遍历字符串,进行分割--%>
 <%
 String str="学习,forTokens,标,签,Q,WE,R12,3X10:100,500,IO,:,的,";
 request.setAttribute("str",str);
 %>
 <%--使用forTokens分割字符串--%>
 <%-- items:需要遍历的字符串; delims:定义分隔符 ; var: 接收每次分割的字符 --%>
 <c:forTokens items="${str}" delims="," var="ch">
 ${
 ch} 
 </c:forTokens>
 </body>
 </html>

**启动服务器,页面显示：**

学习
    forTokens
    标
    签
    Q
    WE
    R12
    3X10:100
    500
    IO
    :
    的

### 6.格式化日期标签 —formatDate ###

**格式化日期标签有以下属性：**

*  value：Date类型,指定要格式化的目标;
 *  pattern：自定义的日期格式,例如:yyyy-MM-dd HH:mm:ss;(不考虑多种语言时可使用pattern)
 *  var：存储格式化日期的变量名
 *  type：值:time或date或both。控制仅出现时间，仅出现日期，或者都出现
 *  dateStyle：指定日期显示格式,值：SHORT,MEDIUM,LONG,FULL(默认)
 *  timeStyle：指定时间显示格式 ,值：SHORT,MEDIUM,LONG,FULL(默认)
 *  scope：存储格式化日志变量的范围

**代码示例：**

<%@ page import="java.util.Date" %>
 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <%--指定导入的jstl标签库;定义前缀名prefix--%>
 <%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
 <html>
 <head>
 <title>Title</title>
 </head>
 <body>
 
 <%--将当前时间赋值给请求对象的自定义属性now;--%>
 <%
 request.setAttribute("now",new Date());
 %>
 <%--value: 指定要格式化的目标, pattern:设置格式化的格式(规则)--%>
 <fmt:formatDate value="${now}" pattern="yyyy年MM月dd日 HH时mm分ss秒"/>
 </body>
 </html>

**启动服务器,页面显示：**

2022年10月19日 19时30分45秒

## 三、EL表达式 ##

### 1.EL表达式简介 ###

*  EL表达式全称：Expression Language，即表达式语言
 *  EL表达式作用：代替JSP页面中表达式脚本进行数据的输出
 *  EL表达式比JSP的表达式脚本简洁很多
 *  EL表达式的格式是：$\{表达式\} ，注：EL表达式写在jsp页面中，表达式一般是域对象的key

**代码示例：**

**启动服务器,页面显示：**

null

### 2.EL表达式搜索域数据的顺序 ###

*  EL表达式主要是输出域对象中的数据，当四个域对象都有同一个key的值时，EL表达式会按照四个域对象的范围从小到大进行搜索，找到就输出，与四个域对象声明的先后顺序无关

**代码示例：**

**启动服务器,页面显示：**

pageContext

### 3.EL表达式输出Java类的属性 ###

**代码示例：**  
创建Person类

public class Person {
        
        private String name;
        private String city;
        public int age;
        //以及全参、空参构造器，各属性的getter/setter方法
    }

在web目录下创建Test.jsp

<body>
 <%
 Person person = new Person();
 person.setName("JayChou");
 person.setCity("上海");
 person.setAge(35);
 
 pageContext.setAttribute("p", person);
 %>
 <%--EL表达式中对象名.属性名不找属性的值，而是找名字对应的getXxx方法，没有此方法会报错--%>
 输出Person：${
 p } 
 输出Person的name属性：${
 p.name} 
 输出Person的city属性：${
 p.city} 
 输出Person的age属性：${
 p.city} 
 </body>

**启动服务器,页面显示：**

输出Person：Person{name=JayChou,city=上海,age=35}
    输出Person的name属性JayChou
    输出Person的city属性：上海
    输出Person的age属性：35

### 4.EL表达式的运算 ###

**语法：$\{运算表达式\}**

**EL表达式支持以下运算符：**

*  关系运算
 *  逻辑运算
 *  算数运算
 *  empty运算：empty运算可以判断一个数据是否为空，若为空，输出true，不为空，输出false
 *  三元运算：表达式 1？表达式 2：表达式 3；表达式1为真返回表达式2的值，表达式1为假返回表达式3的值
 *  “.”点运算和“\[ \]”中括号运算：点运算可以输出某个对象的某个属性的值(getXxx或isXxx方法返回的值)  
    中括号运算可以输出有序集合中某个元素的值

### 5.EL表达式的11个隐含对象 ###

![在这里插入图片描述][ed63689a50e64346a5bfd693287bf01c.png_pic_center]  
**(1) pageScope、requestScope、sessionScope、applicationScope对象的使用**

<body>
 <%
 pageContext.setAttribute("key1", "pageContext1");
 pageContext.setAttribute("key2", "pageContext2");
 request.setAttribute("key2", "request");
 session.setAttribute("key2", "session");
 application.setAttribute("key2", "application");
 %>
 <%-- 获取特定域中的属性 --%>
 ${
 pageScope.key1 } 
 ${
 applicationScope.key2 }
 <%-- 若直接获取key1或key2依然按照之前范围从小到大检索，无法获取指定域 --%>
 </body>

运行结果：  
![在这里插入图片描述][6b8927e903454f0e989441c167ceccf0.png_pic_center]

**(2) pageContext对象的使用**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <html>
 <head>
 <title>Title</title>
 </head>
 <body>
 <%-- 先通过pageContext对象获取request、session对象，再获取以下内容 --%>
 <%--
 获取请求的协议：request.getScheme()
 获取请求的服务器ip或域名：request.getServerName()
 获取请求的服务器端口号：request.getServerPort()
 获取当前工程路径：request.getContextPath()
 获取请求的方式：request.getMethod()
 获取客户端的ip地址：request.getRemoteHost()
 获取会话的唯一标识：session.getId()
 --%>
 1.协议： ${
 pageContext.request.scheme } 
 2.服务器ip：${
 pageContext.request.serverName } 
 3.服务器端口：${
 pageContext.request.serverPort } 
 4.获取工程路径：${
 pageContext.request.contextPath } 
 5.获取请求方法：${
 pageContext.request.method } 
 6.获取客户端ip地址：${
 pageContext.request.remoteHost } 
 7.获取会话的id编号：${
 pageContext.session.id} 
 </body>
 </html>

运行结果：  
![在这里插入图片描述][8da924800bbc450b903cc22608e12e15.png_pic_center]  
**(3) param、paramValues对象的使用**

<body>
 获取请求参数username的值：${
 param.username } 
 获取请求参数password的值：${
 param.password } 
 获取请求参数中第一个hobby的值：${
 paramValues.hobby[0] } 
 获取请求参数中第二个hobby的值：${
 paramValues.hobby[1] } 
 <%-- 有多个同名的key时使用paramValues的索引值决定获取哪一个，使用param只可获取第一个 --%>
 使用param获取hobby的值：${
 param.hobby } 
 </body>

运行结果：  
浏览器地址栏输入：http://localhost:8080/MyTest/Test.jsp？username=Jaychou&password=123&hobby=sing&hobby=dance  
![在这里插入图片描述][7705a90da5f34e8785d9d949154e8be8.png_pic_center]

**(4) header、headerValues对象的使用**

<body>
 输出请求头[user-Agent]的值：${
 header["User-Agent"] } 
 输出请求头中第一个[user-Agent]的值:${
 headerValues["User-Agent"][0] } 
 </body>

**(5) cookie对象的使用**

<body>
 获取Cookie的名称：${
 cookie.JSESSIONID.name } 
 获取Cookie的值：${
 cookie.JSESSIONID.value } 
 </body>

运行结果：  
![在这里插入图片描述][fbd8d78a1fd54fdeba57373843506846.png_pic_center]

**(6) initParam对象的使用**

在web.xml中写参数 (修改了web.xml中内容之后，需要重启服务才可生效):

<context-param>
 <param-name>username</param-name>
 <param-value>root</param-value>
 </context-param>
 <context-param>
 <param-name>url</param-name>
 <param-value>jdbc:mysql:///test</param-value>
 </context-param>

test.jsp：

<body>
 输出<Context-param>username的值：${
 initParam.username } 
 输出<Context-param>url的值：${
 initParam.url } 
 </body>

运行结果：  
![在这里插入图片描述][dab932f0bfcf4ec39a12de521d60c067.png_pic_center]

## 后记 ##

**Java全栈学习路线可参考：**[【Java全栈学习路线】最全的Java学习路线及知识清单，Java自学方向指引][Java_Java_Java]，内含最全Java全栈学习技术清单~

[Java_Java_Java]: https://blog.csdn.net/qq_42146402/article/details/127133435
[ed63689a50e64346a5bfd693287bf01c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/46506b15ebd14ac08ded7f6b0cebfec0.png
[6b8927e903454f0e989441c167ceccf0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ec230b1e79a0494ab6902ff7b138fe52.png
[8da924800bbc450b903cc22608e12e15.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/66487ef79771409bb7277b0c2f78e6c4.png
[7705a90da5f34e8785d9d949154e8be8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c41c214adce249b191d5bcd55a404114.png
[fbd8d78a1fd54fdeba57373843506846.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7138b249c76f46058e93c788084676fd.png
[dab932f0bfcf4ec39a12de521d60c067.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9d5a3450db4a4c249f65113e5921ad91.png