Java Web基础入门第二十七讲 JSP技术——EL表达式和JSTL标签快速入门

最新推荐文章于 2022-04-15 09:16:01 发布
最新推荐文章于 2022-04-15 09:16:01 发布
阅读量581 收藏 1
点赞数 2
分类专栏： Java Web基础入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yerenyuan_pku/article/details/89785882
版权

由于我们将使用Servlet+JSP+JavaBean的开发模式来开发一个用户的登录注册功能，所以我们得提前入门EL表达式和JSTL标签。

EL表达式

EL表达式用于获取数据，在JSP页面中可使用${标识符}的形式，通知JSP引擎调用pageContext.findAttribute()方法，以标识符为关键字从各个域对象中获取对象。如果域对象中不存在标识符所对应的对象，则返回结果为“”（注意，不是null）。
例，使用EL表达式获取request、session、application域中的数据。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>el表达式的使用</title>
</head>
<body>
	<%
        String data = "abcd";
        request.setAttribute("data", data);
    %>
    ${data } <!-- pageContext.findAttribute("data") page request session application -->
</body>
</html>

在Google Chrome浏览器上访问以上页面，运行效果如下：
在这里插入图片描述
EL表达式中也可以使用${customerBean.address}的形式来访问JavaBean对象的属性。例如，有如下两个JavaBean，使用EL表达式获取Bean属性。

  • Person.java

    package cn.liayun.domain;

import java.util.Date;

public class Person {
	//------------------Person类封装的私有属性---------------------------------------
	private String name = "liayun";	//getClass()
	private int age;
	private Date birthday;
	
	private Address address;
	
	//------------------Person类的无参数构造方法---------------------------------------
	public Person() {
		super();
		// TODO Auto-generated constructor stub
	}
	
	public Person(String name) {
		super();
		this.name = name;
	}
	
	//------------------Person类对外提供的用于访问私有属性的public方法---------------------------------------
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	public Date getBirthday() {
		return birthday;
	}
	public void setBirthday(Date birthday) {
		this.birthday = birthday;
	}
	public Address getAddress() {
		return address;
	}
	public void setAddress(Address address) {
		this.address = address;
	}
}

  • Address.java

    package cn.liayun.domain;

public class Address {
	private String city;

	public String getCity() {
		return city;
	}

	public void setCity(String city) {
		this.city = city;
	}
}

若el.jsp页面的内容如下：

<%@page import="cn.liayun.domain.Person"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>el表达式的使用</title>
</head>
<body>
	<%
        Person p = new Person();
        p.setName("李阿昀");
        request.setAttribute("person", p);
    %>
    ${person.name }
</body>
</html>

在Google Chrome浏览器上访问以上页面，运行效果如下：
在这里插入图片描述
若el.jsp页面的内容如下：

<%@page import="cn.liayun.domain.Address"%>
<%@page import="cn.liayun.domain.Person"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>el表达式的使用</title>
</head>
<body>
	<%
        Person p = new Person();
        Address a = new Address();
        a.setCity("天门");
        p.setAddress(a);

        request.setAttribute("person", p);
    %>
    ${person.address.city }
</body>
</html>

在Google Chrome浏览器上访问以上页面，运行效果如下：
在这里插入图片描述
EL表达式也可轻松获取各种集合中的元素。
例一，使用EL表达式获取List集合中的元素。若el.jsp页面的内容如下：

<%@page import="cn.liayun.domain.Address"%>
<%@page import="cn.liayun.domain.Person"%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>el表达式的使用</title>
</head>
<body>
	<%
        List<Person> list = new ArrayList<Person>();
        list.add(new Person("aaa"));
        list.add(new Person("bbb"));
        list.add(new Person("ccc"));

        request.setAttribute("list", list);
    %>
    ${list[1].name }
</body>
</html>

在Google Chrome浏览器上访问以上页面，运行效果如下：
在这里插入图片描述
例二，使用EL表达式获取Map集合中的元素。若el.jsp页面的内容如下：

<%@page import="cn.liayun.domain.Address"%>
<%@page import="cn.liayun.domain.Person"%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>el表达式的使用</title>
</head>
<body>
	<%
        Map<String, Person> map = new HashMap<String, Person>();
        map.put("aa", new Person("aaaaa"));
        map.put("bb", new Person("bbbbb"));
        map.put("cc", new Person("ccccc"));
        map.put("dd", new Person("ddddd"));
        map.put("111", new Person("eeeee"));

        request.setAttribute("map111", map);
    %>
    ${map111.aa.name }<br/>
    ${map111.cc.name }<br/>
</body>
</html>

在Google Chrome浏览器上访问以上页面，运行效果如下：
在这里插入图片描述
现在想要取出new Person("eeeee")元素，该向下面这样做吗？

${map111.111.name }

答案是不可以，这样做会报异常。而应该这样做：

${map111['111'].name }

结论：用EL表达式在取数据时，通常用.号，.号取不出来时，用[]。

使用EL表达式得到当前Web应用的Web工程的名称

如果在JSP中要得到当前Web应用的Web工程的名称，只需这样做：

${pageContext.request.contextPath }

这样会输出/项目名称。
在实际开发中的应用场景，例如在el.jsp页面中，需要通过点击一个链接跳转到首页index.jsp，我们是不宜这样写的：

<a href="/day09/index.jsp">点点</a>

原因是当前Web应用的Web工程的名称不能写死在程序里，要动态获取，发布的工程名称是什么获取的就是什么。所以，应该这样做：

<a href="${pageContext.request.contextPath }/index.jsp">点点</a>

JSTL标签

JSTL是SUN公司开发的一套标签库，使用JSTL可以在页面中实现一些简单的逻辑，从而替换页面中的脚本代码。在页面中使用JSTL标签需完成以下2个步骤：

  1. 导入jstl.jar和standerd.jar这两个JSTL的jar文件；
  2. 在JSP页面中使用<%@ tablib url="..." prifix="..." %>元素导入标签库。

温馨提示：standard.jar是一个JSP标准标签库，在1.0的版本中和jstl.jar一起使用，但在jstl-1.2.jar就不再需要了。即项目里只需引用jstl-1.2.jar，项目并不会报错，jstl标签也能正常输出。如：
在这里插入图片描述
案例一，使用jstl+el完成List集合的迭代。

<%@page import="cn.liayun.domain.Person"%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>使用jstl+el完成集合迭代</title>
</head>
<body>
	<%
        List<Person> list = new ArrayList<Person>();
        list.add(new Person("aaa"));
        list.add(new Person("bbb"));
        list.add(new Person("ccc"));

        request.setAttribute("list", list);
    %>

    <c:forEach var="person" items="${list }">
        ${person.name }<br/>
    </c:forEach>
</body>
</html>

在Google Chrome浏览器上访问以上页面，运行效果如下：
在这里插入图片描述
案例二，使用jstl+el完成Map集合的迭代。

<%@page import="cn.liayun.domain.Person"%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>使用jstl+el完成集合迭代</title>
</head>
<body>
	<%
        Map<String, Person> map = new HashMap<String, Person>();
        map.put("aa", new Person("aaaaa"));
        map.put("bb", new Person("bbbbb"));
        map.put("cc", new Person("ccccc"));
        map.put("dd", new Person("ddddd"));
        map.put("111", new Person("eeeee"));

        request.setAttribute("map", map);
    %>

    <c:forEach var="entry" items="${map }">    <!-- map.entrySet()→Set<Map.Entry> -->
        ${entry.key } : ${entry.value.name }<br/>
    </c:forEach>
</body>
</html>

在Google Chrome浏览器上访问以上页面，运行效果如下：
在这里插入图片描述
EL表达式也可使用类似${1==1}的形式进行简单的逻辑判断，再结合<c:if test="..."></c:if>JSTL标签可以判断用户是否登录成功，代码如下：

<!-- 代表用户登录了 -->
<c:if test="${user!=null }">
	欢迎您，${user.username }
</c:if>

<!-- 代表用户没有登录 -->
<c:if test="${user==null }">
	用户名：<input type="text" name="username" /><br/>
	密码：<input type="password" name="password" /><br/>
</c:if>
李阿昀
关注
专栏目录
JAVAEE实验报告EL表达式和jstl标签库的使用.pdf
11-14
在实验中，我们学习了 EL 表达式和 JSTL 标签库的原理和使用，了解了如何使用 EL 表达式和 JSTL 标签库来简化 JSP 页面的开发。我们还学习了如何使用 EL 表达式和 JSTL 标签库来实现具体的功能，例如输出数据、条件...
【Java Web编程 六】深入理解EL表达式和JSTL标签
MaoLin Tian's Blog
07-19 455
在正式学习Servlet之前，我们还是把JSP的全部内容搞定，剩下的EL表达式和JSTL标签其实没什么特别的，还是为了我们一直提到的JSP的目标：简化Java代码的写法，尽量让页面干净整洁。 EL表达式 什么是EL表达式呢？官方解释为：表达式语言（Expression Language，EL）是一种简单的数据访问语言，基本的语法格式为${ 表达式 }，主要用于在页面上生成动态内容，并代替 JSP 脚本元素。其实说通俗点儿，EL表达式就是JSP内置的表达式：作用是来替代JSP的默认语法：<%=%>
【JavaWeb开发】EL表达式和JSTL标签的使用
此成非彼诚博客
04-30 539
JSP本身的代码块实在是令人抓狂与无语，拆分标签到了令人无语的境地，于是EL表达式和JSTL救星横空出世，救jsp于水火之中。
JSP
喜欢藏风里
09-07 387
JSP：入门学习 概念： Java Server Pages： java服务器端页面 可以理解为：一个特殊的页面，其中既可以指定定义html标签，又可以定义java代码 用于简化书写！！！ 原理 JSP本质上就是一个Servlet JSP的脚本：JSP定义Java代码的方式 <% 代码 %>：定义的java代码，在service方法中。service方法中...
JavaWeb之EL表达式和JSTL标签
qianfeng_dashuju的博客
06-12 372
    ​    ​    ​EL（Expression Language）表达式语言    ​EL的作用是简化JSP的开发，让我们更方便的进行数据的读取（从application、session、request、pageContext)    ​语法：    ​${表达式}    ​    ​如：读取session中的name属性    ​Java脚本输出：    ​%= session.get...
s:checkbox标签怎么取到list的值_EL表达式和JSTL标签库
weixin_42165583的博客
01-22 297
【46】一、EL表达式传统方式在jsp中获取作用域中的数据<%@ page language="java" import="java.util.*,com.bjsxt.pojo.*" pageEncoding="utf-8"%> <!--将流转数据显示到浏览器中：使用传统方式 --> <%-- 缺陷: 1、书写比较繁琐 2、需要导包 3、需要强转 ...
EL表达式和JSTL标签（备java基础，jsp，servlet，tomcat）
06-09
EL 提供.和[]两种运算符来存取数据。当要存取的属性名称中包含一些特殊字符，如.或?等并非字母或数字的符号，就...JSTL主要提供了5大类标签库:核心标签库、 国际化(I18N)标签库、SQL标签库、XML标签库、函数标签库。
EL表达式和Jstl详细教程
05-29
综上所述，EL表达式和JSTL都是JSP开发中的重要工具，它们极大地提高了代码的可读性和维护性，降低了页面的复杂度。通过熟练掌握EL和JSTL，开发者可以更高效地构建动态的、数据驱动的Web应用。在实际项目中，结合使用...
JSP应用开发-EL表达式与JSTL标签.pptx
10-29
JSP应用开发-EL表达式与JSTL标签 EL表达式（Expression Language）是一种用于JSP页面中的语言，主要用于替换JSP页面中的...EL表达式和JSTL标签是JSP应用开发中两个非常重要的技术，掌握它们可以提高开发效率和质量。
JavaWebServlet+JSP+EL表达式+JSTL标签库+Filter过滤器+Listener监听器
最新发布
05-05
JavaWeb技术是构建基于Java平台的Web应用程序的重要框架，它包括了Servlet、JSP、EL表达式、JSTL标签库、Filter过滤器以及Listener监听器等多个关键组件。这些组件协同工作，使得开发者能够创建动态、交互式的Web...
ssm框架实现简单的登录注册功能
06-26
此项目基于ssm框架，在我的博客中，从搭配环境到实现功能一步步都有截图，你可以在这里下载，当然也可以跟着截图复制粘贴，刚刚接触java和ssm，所以代码可能比较low，仅供新手参考参考，练练手。说白了就是，拿着玩去吧。
JavaWeb——EL表达式、JSTL标签
威威的博客
03-20 4068
1.前言 在 JavaWeb 开发模式中，JSP 作为界面用于实现输入和输出。输入是通过表单实现的，输出是通过 JSP 的内置对象 out 或表达式<%=%>实现的。被输出的数据通常存储到四个作用域中，而向界面输出数据通常使用 EL 和 JSTL 实现。使用 EL 可以代替<%=%>，使用 JSTL 可以代替 java 语言中的定义变量、if 语句等，实现在界面上不出现 Java 代码，只有标签，使得前端开发人员与后端开发人员高效协同开发软件。 2.EL表达式 EL 表达式又称为表达
JSTL和EL
yananye的博客
03-23 553
EL表达式 为什么需要EL表达式 什么是EL表达式 它是一种借鉴了JavaScript和XPath的表达式语言，EL表达式定义一系列的隐含对象和操作符，使开发人员能够很方便的访问页面的上下文。 EL表达式语法 EL表达式的语法有两个要素，$和{ } 两者缺一不可。 .操作符 EL表达式通常由两部分组成，对象和属性，就像在java代码中一样，在EL表达式中也可以用点操作符来访问某个对象的属性。例如通过美元符号{user.name}可以访问user对象的name属性。 [ ] 操作符 与点操作符相似
JavaEE-jsp、el、jstl和显示用户综合案例
KeepStruggling的博客
10-27 2713
1. jsp基础 1.1 jsp概念 JSP(java server Pages)，java的服务器页面，里面包含html和java代码。其中html负责静态内容，Java代码负责动态内容。 特点： 跨平台 业务代码相分离 组件重组 预编译 jsp解决的问题： 简化html书写，动态生成页面 1.2 jsp的执行原理 图解： jsp的底层是一个Servlet。 jsp在服务器中...
EL获取用户登录，注册信息
weixin_45695686的博客
05-16 2806
1：题目详情：编写一个jsp程序，实现通过EL获取并显示用户注.册信息。要求包括用户名、密码、E-mail地址、 性别(采用单选按钮)、爱好(采用复选框，至少两个选项)和备注(采用编辑框)等信息。 要求: 1、建立index.jsp文件， 页面.上添加表单显,示用户注册信息，注册信息内容如题中描述。 2..建立deal.jsp文件，通过EL读取index.jsp页面提交的信息并显示在页面上。 2：具体操作：1：建立index.jsp文件，代码： <%@ page language="jav
【详解】EL表达式和JSTL标签库的使用
CodingLJ
12-24 755
EL表达式和JSTL标签库都是为JSP服务的，简化了JSP界面对数据的处理。 EL表达式是简化JSP的输出的，简化获取域中的值的方式。 JSTL是集合了判断、遍历JSP的内置对象的内容，EL表达式取域中的值 学jQuery,Ajax更加简便。 一、EL（Expression Language）表达式 1、EL表达式语言，用于简化JSP的输出，主要是对JSP的内置对象里面的域内容进行输出。 ...
El表达式+jstl标签
weixin_67780833的博客
04-15 1832
前言 例如：使用El表达式+jstl标签可以把java代码和jsp代码分开，这样界面更加简洁，同时代码出错时不会出现错误信息，能给用户更好的体验。 一、EL表达式介绍 Expression Language表达式语言 是一种在JSP页面获取数据的简单方式(只能获取数据，不能设置数据) 在JSP2.0开始引入概念 语法格式 在JSP页面的任何静态部分均可通过：${expression}来获取到指定表达式的值 二、EL获取数据(从四大域中获取属性) 1、如果没有使用EL的内置对象，则查找数据顺序是依次按
EL&JSTL详解
qq_45570058的博客
10-20 1228
EL&JSTL 文章目录EL&JSTL1. EL表达式1.1. 传统JSP代码的痛点1.2. EL表达式概述1.3. EL基础语法1.4. 运算符1.5. 内置对象（隐含对象）1.5.1. 作用域对象1.5.2. 请求参数对象1.5.3. 其他对象1.6. Web项目中`WEB-INF`目录问题2. JSTL(标准标签库)2.1. JSTL概述2.1.1. 传统JSP代码2.1.2. 使用JSTL的JSP页面2.2. JSTL使用方式2.2.1. JSTL基本使用2.3. JSTL常用标签2
【javaweb：el&jstl】通过模拟用户登录，使网页"登录""测试"部分变成“用户”和“退出”
像雾像雨又像风_的博客
01-30 2106
1.模拟用户登录部分，访问一个jsp，在jsp中嵌入java代码，然后再session域中存入user对象， 表示用户已经登录了。代码如下： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here <% /****模
Java JSP与EL表达式入门：JSTL核心标签实战
在Java JSP开发中，JSTL（JavaServer Pages Standard Tag Library）和EL（Expression Language）是两个非常重要的概念，它们旨在提高JSP页面的可读性和可维护性。本教程涵盖了这些主题，以及如何使用它们进行实际的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李阿昀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值