EL表达式
- a) 什么是EL表达式,EL表达式的作用?
- b)EL表达式搜索域数据的顺序 EL表达式主要是在jsp页面中输出数据。
- c)EL表达式输出Bean的普通属性,数组属性。List集 合属性,map集合属性
- d)EL 表达式——运算
1.EL表达式
a) 什么是EL表达式,EL表达式的作用?
EL表达式的全称是:Exressin Language.是表达式语言。
EL表达式的什么作用:EL表达式主要是代替jsp页面中的表达式脚本在js页面中进行数据的输出。 因为E表达式在输出数据的时候,要比jsp的表达式脚本要简洁很多。
演示:
新建模块09_EL_JSTL,add web ,
建Tomcat实例,
在Web-INF/lib下导入servlet.jar包和jsp.jar包 为模块服务
在web下创建a.jsp
a.jsp
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 12:09
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%
request.setAttribute("key","值");//加入servlet.jar包
%>
表达式脚本输出key的是:<%=request.getAttribute("key")%><br/><%-- key1--->null--%>
表达式脚本输出key的是:<%=request.getAttribute("key1")==null?"":request.getAttribute("key1")%><br/>
EL表达式输出key的值是:${key}
EL表达式输出key的值是:${key1}<%-- key1---> --%>
</body>
</html>
EL表达式的格式是:${表达式}
E表达式在输出null值的时候,输出的是空串。
jsp表达式脚本输出nul值的时候,输出的是null字符串。
b)EL表达式搜索域数据的顺序 EL表达式主要是在jsp页面中输出数据。
主要是输出域对象中的数据。
当四个域中都有相同的key的数据的时候,EL表达式会按照四个域的从小到大的顺序去进行搜索,找到就输出。
b.jsp
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 12:28
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%
//往四个域中保存了相同的key的数据
request.setAttribute("key","request");//导入jsp.jar包
session.setAttribute("key","session");
application.setAttribute("key","application");
pageContext.setAttribute("key","pageContext");
%>
${key}<%--pageContext依次注掉pageContext-->request-->session(注掉还要session之后关闭浏览器)-->application(注掉还要application之后重启或重新部署服务器),会依次输出request-->session-->application-->空串--%>
</body>
</html>
c)EL表达式输出Bean的普通属性,数组属性。List集 合属性,map集合属性
i.需求一输出Person类中普通属性,数组属性。list集合属性和map集合属性。
在scr/com.pojo新建Person类
Person
package com.pojo;
import java.util.Arrays;
import java.util.List;
import java.util.Map;
public class Person {
private String name;
private String[] phones;
private List<String> cities;
private Map<String,Object> map;
// private int age=18;
public int getAge() {
return 18;
}
public Person() {
}
public Person(String name, String[] phones, List<String> cities, Map<String, Object> map) {
this.name = name;
this.phones = phones;
this.cities = cities;
this.map = map;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String[] getPhones() {
return phones;
}
public void setPhones(String[] phones) {
this.phones = phones;
}
public List<String> getCities() {
return cities;
}
public void setCities(List<String> cities) {
this.cities = cities;
}
public Map<String, Object> getMap() {
return map;
}
public void setMap(Map<String, Object> map) {
this.map = map;
}
@Override
public String toString() {
return "Person{" +
"name=" + name +
", phones=" + Arrays.toString(phones) +
", cities=" + cities +
", map=" + map +
'}';
}
}
c.jsp
<%@ page import="com.pojo.Person" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %><%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 12:48
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%
Person person=new Person();
person.setName("我好帅");
person.setPhones(new String[]{"18610541354","18688886666","18699998888"});
List<String> cites= new ArrayList<>();
cites.add("北京");
cites.add("上海");
cites.add("深圳");
person.setCities(cites);
Map<String,Object>map=new HashMap<>();
map.put("key1","value1");
map.put("key2","value2");
map.put("key3","value3");
person.setMap(map);
pageContext.setAttribute("p",person);
%>
输出Person:${p}<br/>
输出Person的name属性:${p.name}<br/>
输出Person的phones数组元素值:${p.phones[2]}<br/>
输出Person的cities集合中的元素值:${p.cities}<br/>
输出Person的list集合中的个别元素值:${p.cities[2]}<br/>
输出Person的map集合:${p.map}<br/>
输出Person的map集合中某个key的值:${p.map.key3}<br/>
输出Person的age属性:${p.age}<br/><%--如果没有age属性,有其getAge方法,还是可以输出18--%>
</body>
</html>
d)EL 表达式——运算
语法:$运算表达式}, EL表达式支持如下运算符:
1)关系运算
2)逻辑运算
3)算数运算
d.jsp
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 01:12
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
${12 == 12}或${12 eq 12}<br/>
${12 != 12}或${12 ne 12}<br/>
${12 < 12}或${12 lt 12}<br/>
${12 > 12}或${12 gt 12}<br/>
${12 <= 12}或${12 le 12}<br/>
${12 >= 12}或${12 ge 12}<br/>
<hr/>
${12 == 12 && 12 > 11} 或 ${12 == 12 and 12 > 11}<br/>
${12 == 12 || 12 > 11} 或 ${12 == 12 or 12 > 11}<br/>
${ ! true } 或 ${not true}<br/>
<hr/>
${12 + 12}<br/>
${12 - 12}<br/>
${12 * 12}<br/>
${18 / 12} 或 ${18 div 12}<br/>
${18 % 12} 或 ${18 mod 12}<br/>
</body>
</html>
i.empty运算
empty运算可以判断一个数据是否为空,如果为空,则输出true,不为空输出false。
以下几种情况为空:
1、值为null值的时候,为空
2、值为空串的时候,为空
3、值是object类型数组,长度为零的时候
4、list集合,元素个数为零
5、map集合,元素个数为零
ii.三元运算
表达式1?表达式2:表达式3
如果表达式1的值为真,返回表达式2的值,如果表达式1的值为假,返回表达式3的值。
e.jsp
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %><%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 01:21
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%
// 1、值为null值的时候,为空
request.setAttribute("emptyNull",null);
// 2、值为空串的时候,为空
request.setAttribute("emptyString","");
// 3、值是object类型数组,长度为零的时候
request.setAttribute("emptyArray",new Object[]{});
// 4、list集合,元素个数为零
List<String> list = new ArrayList<>();
request.setAttribute("emptyList",list);
// 5、map集合,元素个数为零
Map<String,Object> map=new HashMap<>();
request.setAttribute("emptyMap",map);
%>
${empty emptyNull}<br/>
${empty emptyString}<br/>
${empty emptyArray}<br/>
${empty emptyList}<br/>
${empty emptyMap}<br/>
<hr/>
${12 == 12 ? "我好帅":"你骗人"}
</body>
</html>
iii. “.”点运算和[]中括号运算符
点运算,可以输出Bean对象中某个属性的值。
[]中括号运算,可以输出有序集合中某个元素的值。
并且[]中括号运算,还可以输出map集合中key里含有特殊字符的key的值。
f.jsp
<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %><%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 01:33
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%
Map<String,Object> map=new HashMap<>();
map.put("a.a.a","aaaValue");
map.put("b+b+b","bbbValue");
map.put("c-c-c","cccValue");
request.setAttribute("map",map);
%>
${map['a.a.a']}<br>
${map["b+b+b"]}<br>
${map.c-c-c}<br>
</body>
</html>
e) EL表达式的11个隐含对象
EL表达式中11个隐含对象,是EL表达式中自己定义的,可以直接使用。
i.EL获取四个特定域中的属性
scope.jsp
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 02:02
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%
pageContext.setAttribute("key1","pageContext1");
pageContext.setAttribute("key2","pageContext2");
request.setAttribute("key2","request");
session.setAttribute("key2","session");
session.setAttribute("key2","session");
application.setAttribute("key2","application");
%>
${ applicationScope.key2 }
</body>
</html>
ii. pageContext对象的使用
- 协议:
- 服务器ip:
- 服务器端口:
- 获取工程路径:
- 获取请求方法:
- 获取客户端ip地址:
- 获取会话的id编号:
pageContext.jsp
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 02:09
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%-- ${ pageContext } //org.apache.jasper.runtime.PageContextImpl@6a8c1e75--%>
<%--
request.getScheme() 它可以获取请求的协议
request.getServerName() 它可以获取请求的服务器ip或域名
request.getServerPort() 它可以获取请求的服务器端口
request.getContextPath() 它可以获取工程路径
request.getMethod() 它可以获取请求方法
request.getRemoteHost() 它可以获取客户端ip地址
session.getId() 它可以获取会话的id编号(唯一标识)
--%>
<%
//使用技巧
pageContext.setAttribute("req",request);
%>
<%=request.getScheme()%><br/>
1.协议:${req.scheme}<br/>
<%=request.getServerName()%><br/>
2.服务器ip:${pageContext.request.serverName}<br/>
<%=request.getServerPort()%><br/>
3. 服务器端口:${pageContext.request.serverPort} <br/>
<%=request.getContextPath()%><br/>
4. 获取工程路径: ${pageContext.request.contextPath}<br/>
<%=request.getMethod()%><br/>
5. 获取请求方法:${pageContext.request.method}<br/>
<%=request.getRemoteHost()%><br/>
6. 获取客户端ip地址:${pageContext.request.remoteHost}<br/>
<%=session.getId()%><br/>
7.获取会话的id编号:${pageContext.session.id}<br/>
</body>
</html>
iii. EL表达式其他隐含对象的使用
param Map<String,String> 它可以获取请求参数的值
paramValues Map<String,Stringll> 它也可以获取请求参数的值,获取多个值的时候使用。
header Map<String, String> 它可以获取请求头的信息
headerValues Map<String,String[]> 它可以获取请求头的信息,它可以获取多个值的情况
cookie Map<String, Cookie> 它可以获取当前请求的Cookie信息
initParam Map<String,String> 它可以获取在web.xm/中配置的context-param>上下文参数
other_el_obj.jsp
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 02:27
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%-- http://localhost:8080/09_EL_JSTL/other_el_obj.jsp?username=wzg168&password=666666&hobby=java&hobby=cpp --%><%--打开Tomact,Ctrl+鼠标左键--%>
输出请求参数username的值:${ param.username }<br/>
输出请求参数password的值:${ param.password }<br/>
${ param.hobby }<br/>
输出请求参数username的值:${ paramValues.username[0]}<br/>
输出请求参数hobby的值:${ paramValues.hobby[0]}<br/>
输出请求参数hobby的值:${ paramValues.hobby[1]}<br/>
<hr/>
输出请求头【User-Agent】的值:${ header['User-Agent'] }<br/>
输出请求头【Connection】的值:${ header['Connection'] }<br/>
输出请求头【User-Agent】的值:${ headerValues['User-Agent'][0] }<br/>
<hr/>
获取Cookie的名称:${ cookie.JSESSIONID.name }<br/>
获取Cookie的值:${ cookie.JSESSIONID.value }<br/>
<hr/>
输出<Context-param>username的值:${ initParam.username }<br/><%--配置web.xml要重新部署才能生效--%>
输出<Context-param>url的值:${ initParam.url }<br/>
</body>
</html>
2、JSTL标签库(次重点)
【尚硅谷最新版JavaWeb全套教程,java web零基础入门完整版-哔哩哔哩】https://b23.tv/Zcydn7
JSTL标签库全称是指JSP Standard Tag LibranyISP标准标签库。是一个不断完善的开放源代码的JSP标签库。
EL表达式主要是为了替换jsp中的表达式脚本,而标签库则是为了替换代码脚本。这样使得整个jsp页面变得更佳简洁。
JSTL由五个不同功能的标签库组成。
在jsp标签库中使用laglib指令引入标签库
f)JSTL标签库的使用步骤
1、先导入jst标签库的jar包。
下载地址:javascript:void(0) taglibs-standard-impl-1.2.5.jar
taglibs-standard-spec-1.2.5.jar
2、第二步,使用tagib指令引入标签库。
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
3、配置
JSTL标签库配置
g)core核心库使用
i. <c:set/>
作用:set标签可以往域中保存数据
ii. <c:if/>
作用:if 标签用来做if判断
iii. <c:choose><c:when><c:otherwise>标签
作用:多路判断,跟switch…case…default 非常接近
core.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 03:09
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%--
i.<c:set/>
作用:set标签可以往域中保存数据
域对象.setAttribute(key,value);
保存在哪个域
scope 属性设置保存在哪个域
page 表示 PageContext 域(默认)
request 表示 Request 域
session 表示 Session 域
application 表示 ServletContext 域
var属性设置key是多少
value属性设置值
--%>
保存之前:${ requestScope.abc }<br/>
<c:set scope="request" var="abc" value="abcValue"/>
保存之后:${ requestScope.abc }<br/>
<hr>
<%--
ii.<c:if/>
if 标签用来做if判断
test属性表示判断的条件(使用EL表达式输出)
--%>
<c:if test="${ 12 == 12 }">
<h1>12等于12</h1>
</c:if>
<c:if test="${ 12 != 12 }">
<h1>12等于12</h1>
</c:if>
<hr/>
<%--
iii. <c:choose><c:when><c:otherwise>标签
作用:多路判断,跟switch...case...default 非常接近
choose标签开始选择判断
when标签表示每一种判断情况
test表示当前判断情况的值
otherwise标签表示剩下的情况
<c:choose><c:when><c:otherwise>标签使用时需要注意的点:
1、标签里不能使用HTML注释,要使用jsp注释
2、when标签的父标签一定要是choose标签
---%>
<%
request.setAttribute("height",178);
%>
<c:choose>
<c:when test="${ requestScope.height > 196 }">
<h2>小巨人</h2>
</c:when>
<c:when test="${ requestScope.height > 180 }">
<h2>很高</h2>
</c:when>
<c:when test="${ requestScope.height > 170 }">
<h2>还可以</h2>
</c:when>
<c:otherwise>
<h2>剩下小于170的情况</h2>
<c:choose>
<c:when test="${ requestScope.height > 160 }">
<h2>大于160</h2>
</c:when>
<c:when test="${ requestScope.height > 150 }">
<h2>大于150</h2>
</c:when>
<c:when test="${ requestScope.height > 140 }">
<h2>大于140</h2>
</c:when>
<c:otherwise>
<h2>其他小于140的情况</h2>
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
</body>
</html>
iv.<c:forEach/>
作用:遍历输出使用。
1.遍历1到10,输出
2.遍历object数组
3. 遍历Map集合
4.遍历List集合–list中存放Student类,有属性:编号,用户名,密码,年龄,电话信息
在pojo包下
Student
package com.pojo;
public class Student {
// 有属性:编号,用户名,密码,年龄,电话信息
private Integer id;
private String username;
private String password;
private int age;
private String phone;
public Student() {
}
public Student(Integer id, String username, String password, int age, String phone) {
this.id = id;
this.username = username;
this.password = password;
this.age = age;
this.phone = phone;
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getPhone() {
return phone;
}
public void setPhone(String phone) {
this.phone = phone;
}
@Override
public String toString() {
return "Student{" +
"id=" + id +
", username='" + username + '\'' +
", password='" + password + '\'' +
", age='" + age + '\'' +
", phone='" + phone + '\'' +
'}';
}
}
forEach.jsp
<%@ page import="java.util.HashMap" %>
<%@ page import="java.util.Map" %>
<%@ page import="java.util.List" %>
<%@ page import="com.pojo.Student" %>
<%@ page import="java.util.ArrayList" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
User: lenovo
Date: 2021/8/17
Time: 下午 05:35
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<style>table{
border: 1px black solid;
width: 600px;
border-collapse: collapse;
}
td,th{
border: 1px black solid;
}</style>
</head>
<body>
<%--1.遍历1到10,输出
begin 属性设置开始的索引
end 属性设置结束的索引
var 属性表示循环的变量(也是当前正在遍历的数据)
for(int i=0;i<10;i++)
--%>
<table border="1">
<c:forEach begin="1" end="10" var="i">
<tr>
<td>第${ i }行</td>
</tr>
</c:forEach>
</table>
<hr/>
<%--2.遍历object数组
for(Object : arr)
items 表示遍历的数据源(遍历的集合)
var 表示遍历到的数据
--%>
<%
request.setAttribute("arr",new String[]{"18610541354","18688886666","18699998888"});
%>
<c:forEach items="${requestScope.arr}" var="item">
${ item } <br/>
</c:forEach>
<hr/>
<%-- --%>
<%
Map<String,Object> map=new HashMap<>();
map.put("key1","value1");
map.put("key2","value2");
map.put("key3","value3");
// for(Map.Entry<String,Object> entry: map.entrySet()){
//
// }
request.setAttribute("map",map);
%>
<c:forEach items="${ requestScope.map }" var="entry">
<h1>${ entry.key } = ${ entry.value }<h1/>
</c:forEach>
<hr/>
<%--4.遍历List集合--list中存放Person类,有属性:编号,用户名,密码,年龄,电话信息
--%>
<%
List<Student> studentList=new ArrayList<>();
for (int i=1;i<=10;i++){
studentList.add(new Student(i,"username"+i,"pass"+i,18+i,"phone"+i));
}
request.setAttribute("stus",studentList);
%>
<table>
<tr>
<th>编号</th>
<th>用户名</th>
<th>密码</th>
<th>年龄</th>
<th>电话</th>
<th>操作</th>
</tr>
<%--
items 表示遍历的集合
var 表示遍历到的数据
begin 表示遍历开始的索引值
end 表示遍历结束的索引值
step 表示遍历的步长值 类似i++,i+=2
for(int i=1;i<10;i+=2)
varStatus 属性表示当前遍历到的数据的状态
--%>
<c:forEach begin="2" end="7" step="2" varStatus="status" items="${requestScope.stus}" var="stu">
<tr>
<td>${stu.id}</td>
<td>${stu.username}</td>
<td>${stu.password}</td>
<td>${stu.age}</td>
<td>${stu.phone}</td>
<td>删除/修改</td>
<%-- <td>${status.index}</td>--%>
</tr>
</c:forEach>
</table>
</body>
</html>
varStatus属性所实现的接口