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

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

lipiwang 2024-11-24 18:33 11 浏览 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

相关推荐

前端入门——css 网格轨道详细介绍

上篇前端入门——cssGrid网格基础知识整体大概介绍了cssgrid的基本概念及使用方法,本文将介绍创建网格容器时会发生什么?以及在网格容器上使用行、列属性如何定位元素。在本文中,将介绍:...

Islands Architecture(孤岛架构)在携程新版首页的实践

一、项目背景2022,携程PC版首页终于迎来了首次改版,完成了用户体验与技术栈的全面升级。作为与用户连接的重要入口,旧版PC首页已经陪伴携程走过了22年,承担着重要使命的同时,也遇到了很多问题:维护/...

HTML中script标签中的那些属性

HTML中的<script>标签详解在HTML中,<script>标签用于包含或引用JavaScript代码,是前端开发中不可或缺的一部分。通过合理使用<scrip...

CSS 中各种居中你真的玩明白了么

页面布局中最常见的需求就是元素或者文字居中了,但是根据场景的不同,居中也有简单到复杂各种不同的实现方式,本篇就带大家一起了解下,各种场景下,该如何使用CSS实现居中前言页面布局中最常见的需求就是元...

CSS样式更改——列表、表格和轮廓

上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置,这篇文章分享列表、表格和轮廓,一起来看看吧。1.列表List1).列表的类型<ulstyle='list-...

一文吃透 CSS Flex 布局

原文链接:一文吃透CSSFlex布局教学游戏这里有两个小游戏,可用来练习flex布局。塔防游戏送小青蛙回家Flexbox概述Flexbox布局也叫Flex布局,弹性盒子布局。它决定了...

css实现多行文本的展开收起

背景在我们写需求时可能会遇到类似于这样的多行文本展开与收起的场景:那么,如何通过纯css实现这样的效果呢?实现的难点(1)位于多行文本右下角的展开收起按钮。(2)展开和收起两种状态的切换。(3)文本...

css 垂直居中的几种实现方式

前言设计是带有主观色彩的,同样网页设计中的css一样让人摸不头脑。网上列举的实现方式一大把,或许在这里你都看到过,但既然来到这里我希望这篇能让你看有所收获,毕竟这也是前端面试的基础。实现方式备注:...

WordPress固定链接设置

WordPress设置里的最后一项就是固定链接设置,固定链接设置是决定WordPress文章及静态页面URL的重要步骤,从站点的SEO角度来讲也是。固定链接设置决定网站URL,当页面数少的时候,可以一...

面试发愁!吃透 20 道 CSS 核心题,大厂 Offer 轻松拿

前端小伙伴们,是不是一想到面试里的CSS布局题就发愁?写代码时布局总是对不齐,面试官追问兼容性就卡壳,想跳槽却总被“多列等高”“响应式布局”这些问题难住——别担心!从今天起,咱们每天拆解一...

3种CSS清除浮动的方法

今天这篇文章给大家介绍3种CSS清除浮动的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。首先,这里就不讲为什么我们要清楚浮动,反正不清除浮动事多多。下面我就讲3种常用清除浮动的...

2025 年 CSS 终于要支持强大的自定义函数了?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!1.什么是CSS自定义属性CSS自...

css3属性(transform)的一个css3动画小应用

闲言碎语不多讲,咱们说说css3的transform属性:先上效果:效果说明:当鼠标移到a标签的时候,从右上角滑出二维码。实现方法:HTML代码如下:需要说明的一点是,a链接的跳转需要用javasc...

CSS基础知识(七)CSS背景

一、CSS背景属性1.背景颜色(background-color)属性值:transparent(透明的)或color(颜色)2.背景图片(background-image)属性值:none(没有)...

CSS 水平居中方式二

<divid="parent"><!--定义子级元素--><divid="child">居中布局</div>...

取消回复欢迎 发表评论: