百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

JavaWeb - EL 表达式 和 JSP 标准标签库

wxin55 2024-10-29 17:26 9 浏览 0 评论


EL - Expression Language

Basic Concept

EL 表达式提供了在 JSP 中简化表达式的方法,可以方便地访问各种数据并输出。

Main Function

依次访问 pageContext、request、session 和 application 作用域对象存储的数据。

获取请求参数值。

访问 Bean 对象的属性。

访问集合中的数据。

输出简单的运算结果。

访问内置对象的数据

<%= request.getAttribute(“varName”) %> 用 EL 实现:${ varName }

访问请求参数的数据

在 EL 之前使用下列方式访问请求参数的数据

request.getParameter(name);
request.getParameterValues(name);

在 EL 中使用下列方式访问请求参数的数据

param:接收的参数只有一个值。

paramValues:接受的参数有多个值。

<!-- 获取指定参数的数值 -->
${param.name}
<!-- 获取指定参数中指定下标的数值 -->
${paramValues.hobby[0]}

访问 Bean 对象的属性

访问方式

方式一: ${对象名.属性名},例如:${user.name} 方式二: ${对象名[“属性名”]},例如:${user["name"]}

主要区别

当要存取的属性名中包含一些特殊字符,如: . 或 , 等并非字母或数字的符号,就一定要使用 [] 而不是 . 的方式。

使用 [] 的方式可以动态取值,具体方式如下:

<%
    Person person = new Person();
    person.setName("zhangfei");
    person.setAge(30);
    pageContext.setAttribute("person", person);
?
    pageContext.setAttribute("var1", "name");
    pageContext.setAttribute("var2", "age");
%>
获取到的姓名是:${person.name}<br/>
获取到的年龄是:${person.age}<br/>
获取到的姓名是:${person["name"]}<br/>
获取到的年龄是:${person["age"]}<br/>
动态取值的结果为:${person[var1]}

访问集合中的数据

<%
    // 准备一个 List 集合并添加数据内容
    List<String> list = new LinkedList<>();
    list.add("two");
    list.add("one");
    list.add("three");
    // 将整个集合放入指定的内置对象中
    pageContext.setAttribute("list", list);
?
    // 准备一个 Map 集合并添加数据
    Map<String, Integer> map = new HashMap<>();
    map.put("one", 1);
    map.put("two", 2);
    map.put("th.ree", 3);
    // 将整个集合放入指定的内置对象中
    pageContext.setAttribute("map", map);
%>
<%-- 使用 EL 表达式实现集合中数据内容的获取 --%>
集合中下标为 0 的元素是:${list[0]}<br/>    <%-- two --%>
集合中下标为 1 的元素是:${list[1]}<br/>    <%-- one --%>
集合中下标为 2 的元素是:${list[2]}<br/>    <%-- three --%>
<hr/>
<%-- 使用 EL 表达式实现 Map 集合中数据内容的获取,不支持下标 --%>
整个 Map 集合中的元素有:${map}<br/>
获取带有特殊字符 key 对应的数值为:${map["th.ree"]}<br/>   <%-- 3 --%>

常用的内置对象

JSP

pageContext - 处理当前页面

作用域

pageScope - 同页面作用域属性名称和值有关的 Map 类 requestScope - 同请求作用域属性的名称和值有关的 Map 类 sessionScope - 同会话作用域属性的名称和值有关的 Map 类 applicationScope - 同应用程序作用域属性的名称和值有关的 Map 类

请求参数

param - 根据名称存储请求参数的值的 Map 类 paramValues - 把请求参数的所有值作为一个 String 数组来存储的 Map 类

请求头

header - 根据名称存储请求头主要值的 Map 类 headerValues - 把请求头的所有值作为一个 String 数组来存储的 Map 类

Cookie

cookie - 根据名称存储请求附带的 cookie 的 Map 类

初始化参数

initParam - 根据名称存储 Web 应用程序上下文初始化参数的 Map 类

常用的运算符

<%
    // 通过内置对象设置属性的方式来准备操作数
    request.setAttribute("ia", 5);
    request.setAttribute("ib", 2);
    request.setAttribute("b1", true);
    request.setAttribute("b2", false);
%>
?
<%-- 实现上述所有操作数的获取和打印 --%>
ia 的数值为:${ia}<br/>      <%-- 5 --%>
ib 的数值为:${ib}<br/>      <%-- 2 --%>
b1 的数值为:${b1}<br/>      <%-- true --%>
b2 的数值为:${b2}<br/>      <%-- false --%>

算术运算符

<%-- 实现算术运算符的使用 --%>
ia+ib 的结果为:${ia+ib}<br/>    <%-- 7 --%>
ia-ib 的结果为:${ia-ib}<br/>    <%-- 3 --%>
ia*ib 的结果为:${ia*ib}<br/>    <%-- 10 --%>
ia/ib 的结果为:${ia/ib}<br/>    <%-- 2.5 --%>
ia%ib 的结果为:${ia%ib}<br/>    <%-- 1 --%>

关系运算符

<%-- 实现关系运算符的使用 --%>
ia 大于 ib 的结果为:${ia > ib}<br/>  <%-- true --%>
ia 大于等于 ib 的结果为:${ia >= ib}<br/>  <%-- true --%>
ia 小于 ib 的结果为:${ia < ib}<br/>  <%-- false --%>
ia 小于等于 ib 的结果为:${ia <= ib}<br/>  <%-- false --%>
ia 等于 ib 的结果为:${ia == ib}<br/>  <%-- false --%>
ia 不等于 ib 的结果为:${ia != ib}<br/>  <%-- true --%>

逻辑运算符

<%-- 实现逻辑运算符的使用 --%>
b1 并且 b2 的结果为:${b1 && b2}<br/>  <%-- false --%>
b1 或者 b2 的结果为:${b1 || b2}<br/>  <%-- true --%>
b1 取反的结果为:${ !b1 }<br/>  <%-- false --%>
b2 取反的结果为:${ !b2 }<br/>  <%-- true --%>

条件运算符和验证运算符

Null 值、无元素的集合或数组、长度为零的 String 都被认为是空值。

<%
    String str1 = null;
    String str2 = "";
    String str3 = "hello";
?
    List<Integer> list1 = new LinkedList<>();
    List<Integer> list2 = Arrays.asList(11, 22, 33, 44, 55);
?
    request.setAttribute("str1", str1);
    request.setAttribute("str2", str2);
    request.setAttribute("str3", str3);
    request.setAttribute("list1", list1);
    request.setAttribute("list2", list2);
%>
<%-- 实现条件运算符和验证运算符的使用 --%>
ia 和 ib 之间的最大值为:${ia>ib ? ia : ib}<br/>
判断是否为空的结果是:${empty str1}<br/>    <%-- true --%>
判断是否为空的结果是:${empty str2}<br/>    <%-- true --%>
判断是否为空的结果是:${empty str3}<br/>    <%-- false --%>
判断是否为空的结果是:${empty list1}<br/>    <%-- true --%>
判断是否为空的结果是:${empty list2}<br/>    <%-- false --%>


JSTL - JSP Standard Tag Libraries

Basic Concept

JSTL 被称为 JSP 标准标签库。 开发人员可以利用这些标签取代 JSP 页面上的 Java 代码,从而提高程序的可读性,降低程序的维护难度。

How to Use JSTL

下载 JSTL 的 jar 包并添加到项目中,下载地址为:https://tomcat.apache.org/download-taglibs.cgi

在JSP页面中使用 taglib 指定引入 JSTL 标签库:

<!-- prefix 属性用于指定库前缀 -->
<!-- uri 属性用于指定库的标识 -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

Core Tags

常用核心标签

输出标签

用来将指定内容输出的标签

<c:out value="Hello World"></c:out>

设置标签

用来设置属性范围值的标签

<%-- pageContext.setAttibute("name", "zhangfei") --%>
<c:set var="name" value="zhangfei" scope="page"></c:set>
<c:out value="${name}"></c:out>
?
<%-- 设置一个对象的属性值并打印出来 --%>
<jsp:useBean id="person" class="com.renda.Person" scope="page"></jsp:useBean>
<c:set property="name" value="guanyu" target="${person}"></c:set>
<c:set property="age" value="35" target="${person}"></c:set>
<c:out value="${person.name}"></c:out>
<c:out value="${person.age}"></c:out>

删除标签

用来删除指定数据的标签

<c:remove var="name" scope="page"></c:remove>
<c:out value="${name}" default="无"></c:out>

单条件判断标签

<c:set var="age" value="17" scope="page"></c:set>
<c:out value="${age}"></c:out>
<c:if test="${age >= 18}">
    <c:out value="已经成年"></c:out>
</c:if>

多条件判断标签

<c:set var="score" value="59" scope="page"></c:set>
<c:out value="${score}"></c:out>
<c:choose>
    <c:when test="${score > 60}">
        <c:out value="成绩合格"></c:out>
    </c:when>
    <c:when test="${score == 60}">
        <c:out value="刚好合格"></c:out>
    </c:when>
    <c:otherwise>
        <c:out value="成绩不合格"></c:out>
    </c:otherwise>
</c:choose>

循环标签

<%
    // 准备一个数组并初始化
    String[] sArr = {"11", "22", "33", "44", "55"};
    pageContext.setAttribute("sArr", sArr);
%>
<%-- 使用循环标签遍历数组中的所有元素 --%>
<c:forEach var="ts" items="${sArr}">
    <c:out value="${ts}"></c:out>
</c:forEach>
<%-- 跳跃性遍历。间隔为 2 --%>
<c:forEach var="ts" items="${sArr}" step="2">
    <c:out value="${ts}"></c:out>
</c:forEach>
<%-- 指定起始和结尾位置。包含 1 和 3 --%>
<c:forEach var="ts" items="${sArr}" begin="1" end="3">
    <c:out value="${ts}"></c:out>
</c:forEach>

Function Tags

常用函数标签

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    pageContext.setAttribute("var", "HelloWorld");
%>
原始字符串为:${var}<br/>    <%-- HelloWorld --%>
判断该字符串是否包含指定字符串的结果为:${fn:contains(var, "Hello")}<br/>  <%-- true --%>
将字符串中所有字符转换为大写的结果为:${fn:toUpperCase(var)}<br/>          <%-- HELLOWORLD--%>
将字符串中所有字符转换为小写的结果为:${fn:toLowerCase(var)}<br/>  <%-- helloworld --%>

Formatting Tags

常用格式化标签

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    // 获取当前系统时间
    Date date = new Date();
    pageContext.setAttribute("date", date);
%>
当前系统时间为:${date}
格式化后的时间:<fmt:formatDate value="${date}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate>

JSP Custom Tags

如果上面几个标签不能满足需求,程序员也可以自定义标签。步骤如下。

  • 编写标签类继承 SimpleTagSupport 类或 TagSupport 类并重写 doTag 方法或 doStartTag 方法。
public class HelloTag extends SimpleTagSupport {
    private String name;
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    @Override
    public void doTag() throws JspException, IOException {
        JspWriter out = this.getJspContext().getOut();
        out.println("自定义标签的参数为:" + name);
    }
}
  • 定义标签库文件(tld 标签库文件)并配置标签说明文件到到 WEB-INF 目录下。
<taglib xmlns="http://java.sun.com/xml/ns/javaee"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-jsptaglibrary_2_1.xsd"
        version="2.1">
?
    <tlib-version>1.0</tlib-version>
    <short-name>my</short-name>
    <uri>http://renda.com</uri>
?
    <!-- Invoke 'Generate' action to add tags or functions -->
    <tag>
        <name>hello</name>
        <tag-class>com.renda.HelloTag</tag-class>
        <body-content>empty</body-content>
        <attribute>
            <name>name</name>
            <required>true</required>
        </attribute>
    </tag>
</taglib>
  • 在 JSP 中添加 taglib 指令引入标签库使用:
<%@ taglib prefix="my" uri="http://renda.com" %>
<my:hello name="David"/>

想了解更多,欢迎关注我的微信公众号:Renda_Zhang

相关推荐

ES6中 Promise的使用场景?(es6promise用法例子)

一、介绍Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码doSomething(f...

JavaScript 对 Promise 并发的处理方法

Promise对象代表一个未来的值,它有三种状态:pending待定,这是Promise的初始状态,它可能成功,也可能失败,前途未卜fulfilled已完成,这是一种成功的状态,此时可以获取...

Promise的九大方法(promise的实例方法)

1、promise.resolv静态方法Promise.resolve(value)可以认为是newPromise方法的语法糖,比如Promise.resolve(42)可以认为是以下代码的语...

360前端一面~面试题解析(360前端开发面试题)

1.组件库按需加载怎么做的,具体打包配了什么-按需加载实现:借助打包工具(如Webpack的require.context或ES模块动态导入),在使用组件时才引入对应的代码。例如在V...

前端面试-Promise 的 finally 怎么实现的?如何在工作中使用?

Promise的finally方法是一个非常有用的工具,它无论Promise是成功(fulfilled)还是失败(rejected)都会执行,且不改变Promise的最终结果。它的实现原...

最简单手写Promise,30行代码理解Promise核心原理和发布订阅模式

看了全网手写Promise的,大部分对于新手还是比较难理解的,其中几个比较难的点:状态还未改变时通过发布订阅模式去收集事件实例化的时候通过调用构造函数里传出来的方法去修改类里面的状态,这个叫Re...

前端分享-Promise可以中途取消啦(promise可以取消吗)

传统Promise就像一台需要手动组装的设备,每次使用都要重新接线。而Promise.withResolvers的出现,相当于给开发者发了一个智能遥控器,可以随时随地控制异步操作。它解决了三大...

手写 Promise(手写输入法 中文)

前言都2020年了,Promise大家肯定都在用了,但是估计很多人对其原理还是一知半解,今天就让我们一起实现一个符合PromiseA+规范的Promise。附PromiseA+规范地址...

什么是 Promise.allSettled()!新手老手都要会?

Promise.allSettled()方法返回一个在所有给定的promise都已经fulfilled或rejected后的promise,并带有一个对象数组,每个对象表示对应的pr...

前端面试-关于Promise解析与高频面试题示范

Promise是啥,直接上图:Promise就是处理异步函数的API,它可以包裹一个异步函数,在异步函数完成时抛出完成状态,让代码结束远古时无限回掉的窘境。配合async/await语法糖,可...

宇宙厂:为什么前端离不开 Promise.withResolvers() ?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发。1.为什么需要Promise.with...

Promise 新增了一个超实用的 API!

在JavaScript的世界里,Promise一直是处理异步操作的神器。而现在,随着ES2025的发布,Promise又迎来了一个超实用的新成员——Promise.try()!这个新方法简...

一次搞懂 Promise 异步处理(promise 异步顺序执行)

PromisePromise就像这个词的表面意识一样,表示一种承诺、许诺,会在后面给出一个结果,成功或者失败。现在已经成为了主流的异步编程的操作方式,写进了标准里面。状态Promise有且仅有...

Promise 核心机制详解(promise机制的实现原理)

一、Promise的核心状态机Promise本质上是一个状态机,其行为由内部状态严格管控。每个Promise实例在创建时处于Pending(等待)状态,此时异步操作尚未完成。当异步操作成功...

javascript——Promise(js实现promise)

1.PromiseES6开始支持,Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。简单说就是处理异步请求的。之所以叫Promise,就是我承诺,如果成功则怎么处理,失败怎...

取消回复欢迎 发表评论: