EL&JSTL

1.EL 表达式

1.1 概述

EL 表达式的全称是:Expression Language。是表达式语言。

EL 表达式的什么作用:EL 表达式主要是代替 jsp 页面中的表达式脚本在 jsp 页面中进行数据的输出。 因为 EL 表达式在输出数据的时候,要比 jsp 的表达式脚本要简洁很多。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%
        request.setAttribute("key","值");
    %>
    表达式脚本输出key的值是:<%=request.getAttribute("key")==null?"":request.getAttribute("key")%><br/>
    EL表达式输出key的值是:${key}
</body>
</html>

EL 表达式的格式是:${表达式}

EL 表达式在输出 null 值的时候,输出的是空串。jsp 表达式脚本输出 null 值的时候,输出的是 null 字符串。

1.2 EL 表达式搜索域数据的顺序

EL 表达式主要是在 jsp 页面中输出数据。 主要是输出域对象中的数据。

当四个域中都有相同的 key 的数据的时候,EL 表达式会按照四个域的从小到大的顺序去进行搜索,找到就输出。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%
        //往四个域中都保存了相同的key的数据。
        request.setAttribute("key", "request");
        session.setAttribute("key", "session");
        application.setAttribute("key", "application");
        pageContext.setAttribute("key", "pageContext");
    %>
    ${ key }

</body>
</html>

1.3 EL 表达式输出 Bean 的普通属性,数组属性,List 集合属性,map 集合属性

需求——输出 Person 类中普通属性,数组属性。list 集合属性和 map 集合属性。

Person 类 :

public class Person {
//    i.需求——输出Person类中普通属性,数组属性。list集合属性和map集合属性。
    private String name;
    private String[] phones;
    private List<String> cities;
    private Map<String,Object> map;

    public int getAge() {
        return 18;
    }

    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 Person() {
    }

    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 +
                '}';
    }
}

输出的代码:

<%@ page import="com.imooc.pojo.Person" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %>
<%@ 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> cities = new ArrayList<String>();
        cities.add("北京");
        cities.add("上海");
        cities.add("深圳");
        person.setCities(cities);

        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的pnones数组属性值:${p.phones[2]} <br>
    输出Person的cities集合中的元素值:${p.cities} <br>
    输出PersonList集合中个别元素值:${p.cities[2]} <br>
    输出PersonMap集合: ${p.map} <br>
    输出PersonMap集合中某个key的值: ${p.map.key3} <br>
    输出Person的age属性:${p.age} <br>


</body>
</html>

1.4 EL 表达式—运算

语法:${ 运算表达式 } , EL 表达式支持如下运算符:

1.4.1 关系运算

关系运算符说明范例结果
== 或 eq等于${ 5 == 5 } 或 ${ 5 eq 5 }true
!= 或 ne不等于${ 5 !=5 } 或 ${ 5 ne 5 }false
< 或 lt小于${ 3 < 5 } 或 ${ 3 lt 5 }true
> 或 gt大于${ 2 > 10 } 或 ${ 2 gt 10 }false
<= 或 le小于等于${ 5 <= 12 } 或 ${ 5 le 12 }true
>= 或 ge大于等于${ 3 >= 5 } 或 ${ 3 ge 5 }false

1.4.2 逻辑运算

逻辑运算符说明范例结果
&& 或 and与运算${ 12 == 12 && 12 < 11 } 或 ${ 12 == 12 and 12 < 11 }false
`或 or`或运算
! 或 not取反运算${ !true } 或 ${not true }false

1.4.3 算数运算

算数运算符说明范例结果
+加法${ 12 + 18 }30
-减法${ 18 - 8 }10
*乘法${ 12 * 12 }144
/ 或 div除法${ 144 / 12 } 或 ${ 144 **div** 12 }12
% 或 mod取模${ 144 % 10 } 或 ${ 144 **mod** 10 }4

1.4.4 empty 运算

empty 运算可以判断一个数据是否为空,如果为空,则输出 true,不为空输出 false

以下几种情况为空:

  1. 值为 null 值的时候,为空
  2. 值为空串的时候,为空
  3. 值是 Object 类型数组,长度为零的时候
  4. list 集合,元素个数为零
  5. map 集合,元素个数为零
<%@ 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("emptyStr", "");
//        3、值是Object类型数组,长度为零的时候
        request.setAttribute("emptyArr", new Object[]{});
//        4、list集合,元素个数为零
        List<String> list = new ArrayList<>();
//        list.add("abc");
        request.setAttribute("emptyList", list);
//        5、map集合,元素个数为零
        Map<String,Object> map = new HashMap<String, Object>();
//        map.put("key1", "value1");
        request.setAttribute("emptyMap", map);
    %>
    ${ empty emptyNull } <br/>
    ${ empty emptyStr } <br/>
    ${ empty emptyArr } <br/>
    ${ empty emptyList } <br/>
    ${ empty emptyMap } <br/>

    <hr>
    ${ 12 != 12 ? "国哥帅呆":"国哥又骗人啦" }

</body>
</html>

1.4.5 三元运算

表达式 1?表达式 2:表达式 3

如果表达式 1 的值为真,返回表达式 2 的值,如果表达式 1 的值为假,返回表达式 3 的值。

示例:

${ 12 != 12 ? "国哥帅呆":"国哥又骗人啦" }

1.4.6 "."点运算 和 [] 中括号运算符

  • .点运算,可以输出 Bean 对象中某个属性的值。

  • []中括号运算,可以输出有序集合中某个元素的值。

    并且[]中括号运算,还可以输出 map 集合中 key 里含有特殊字符的 key 的值。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%
        Map<String,Object> map = new HashMap<String, Object>();
        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>

1.5 EL 表达式的 11 个隐含对象

EL 个达式中 11 个隐含对象,是 EL 表达式中自己定义的,可以直接使用。

  1. pageContext

    1. PageContextImpl
    2. 它可以获取 jsp 中的九大内置对象
  2. pageScope

    1. Map<String,Object>
    2. 它可以获取 pageContext 域中的数据
  3. requestScope

    1. Map<String,Object>
    2. 它可以获取 Request 域中的数据
  4. sessionScope

    1. Map<String,Object>
    2. 它可以获取 Session 域中的数据
  5. applicationScope

    1. Map<String,Object>
    2. 它可以获取 ServletContext 域中的数据
  6. param

    1. Map<String,String>
    2. 它可以获取请求参数的值
  7. paramValues

    1. Map<String,String[]>
    2. 它也可以获取请求参数的值,获取多个值的时候使用。
  8. header

    1. Map<String,String>
    2. 它可以获取请求头的信息
  9. headerValues

    1. Map<String,String[]>
    2. 它可以获取请求头的信息,它可以获取多个值的情况
  10. cookie

    1. Map<String,Cookie>
    2. 它可以获取当前请求的 Cookie 信息
  11. initParam

    1. Map<String,String>
    2. 它可以获取在 web.xml 中配置的<context-param>上下文参数

1.5.1 EL 获取四个特定域中的属性

pageScope:pageContext 域

requestScope:Request 域

sessionScope:Session 域

applicationScope:ServletContext 域

<%@ 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");
        application.setAttribute("key2", "application");
    %>
    ${ applicationScope.key2 }
</body>
</html>

1.5.2 pageContext 对象的使用

  1. 协议:

  2. 服务器 ip:

  3. 服务器端口:

  4. 获取工程路径:

  5. 获取请求方法:

  6. 获取客户端 ip 地址:

  7. 获取会话的 id 编号:

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

</body>
</html>

1.5.3 EL 表达式其他隐含对象的使用

  • param

    • Map<String,String>
    • 它可以获取请求参数的值
  • paramValues

    • Map<String,String[]>
    • 它也可以获取请求参数的值,获取多个值的时候使用。

请求地址:

http://localhost:8080/09_EL_JSTL/other_el_obj.jsp?username=wzg168&password=666666&hobby=java&hobby=cpp

示例代码:

输出请求参数username的值:${ param.username } <br>
输出请求参数password的值:${ param.password } <br>

输出请求参数username的值:${ paramValues.username[0] } <br>
输出请求参数hobby的值:${ paramValues.hobby[0] } <br>
输出请求参数hobby的值:${ paramValues.hobby[1] } <br>

  • header

    • Map<String,String>
    • 它可以获取请求头的信息
  • headerValues

    • Map<String,String[]>
    • 它可以获取请求头的信息,它可以获取多个值的情况

示例代码:

 输出请求头【User-Agent】的值:${ header['User-Agent'] } <br>
 输出请求头【Connection】的值:${ header.Connection } <br>
 输出请求头【User-Agent】的值:${ headerValues['User-Agent'][0] } <br>

  • cookie
    • Map<String,Cookie>
    • 它可以获取当前请求的 Cookie 信息

示例代码:

获取Cookie的名称:${ cookie.JSESSIONID.name } <br>
获取Cookie的值:${ cookie.JSESSIONID.value } <br>

  • initParam
    • Map<String,String>
    • 它可以获取在 web.xml 中配置的<context-param>上下文参数

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>

示例代码:

输出<Context-param></Context-param>;username的值:${ initParam.username } <br>
输出<Context-param></Context-param>;url的值:${ initParam.url } <br>

2.JSTL 标签库

2.1 概述

JSTL 标签库 全称是指 JSP Standard Tag Library JSP 标准标签库。是一个不断完善的开放源代码的 JSP 标 签库。

EL 表达式主要是为了替换 jsp 中的表达式脚本,而标签库则是为了替换代码脚本。这样使得整个 jsp 页面变得更佳简洁。

JSTL 由五个不同功能的标签库组成。

2022-09-23_102219

在 jsp 标签库中使用 taglib 指令引入标签库:

2.1.1 JSTL 标签库的使用步骤

  1. 先导入 jstl 标签库的 jar 包。

    taglibs-standard-impl-1.2.1.jar

    taglibs-standard-spec-1.2.1.jar

  2. 第二步,使用 taglib 指令引入标签库。

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

2.1.2 core 核心库使用

2.1.2.1 <c:set />(使用很少)

作用:set 标签可以往域中保存数据

<%--
    i.<c:set />
        作用:set标签可以往域中保存数据

        域对象.setAttribute(key,value);
        scope 属性设置保存到哪个域
            page表示PageContext域(默认值)
            request表示Request域
            session表示Session域
            application表示ServletContextvar属性设置key是多少
        value属性设置值
--%>
    保存之前:${ sessionScope.abc } <br>
    <c:set scope="session" var="abc" value="abcValue"/>
    保存之后:${ sessionScope.abc } <br>
2.1.2.2 <c:if />

if 标签用来做 if 判断

<%--
       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>
2.1.2.3 <c:choose> <c:when> <c:otherwise>

作用:多路判断。跟 switch ... case .... default 非常接近

 <%--
    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", 180);
    %>
    <c:choose>
        <%-- 这是html注释 --%>
        <c:when test="${ requestScope.height > 190 }">
            <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>
            <c:choose>
                <c:when test="${requestScope.height > 160}">
                    <h3>大于160</h3>
                </c:when>
                <c:when test="${requestScope.height > 150}">
                    <h3>大于150</h3>
                </c:when>
                <c:when test="${requestScope.height > 140}">
                    <h3>大于140</h3>
                </c:when>
                <c:otherwise>
                    其他小于140
                </c:otherwise>
            </c:choose>
        </c:otherwise>
    </c:choose>
2.1.2.4 <c:forEach />

作用:遍历输出使用

  1. 遍历 1 到 10
    <%--1.遍历110,输出
        begin属性设置开始的索引
        end 属性设置结束的索引
        var 属性表示循环的变量(也是当前正在遍历到的数据)
        for (int i = 1; i < 10; i++)
	--%>
    <table border="1">
        <c:forEach begin="1" end="10" var="i">
            <tr>
                <td>第${i}</td>
            </tr>
        </c:forEach>
    </table>
  1. 遍历 Object 数组
 <%-- 2.遍历Object数组
        for (Object item: arr)
        items 表示遍历的数据源(遍历的集合)
        var 表示当前遍历到的数据
 --%>
    <%
        request.setAttribute("arr", new String[]{"18610541354","18688886666","18699998888"});
    %>
    <c:forEach items="${ requestScope.arr }" var="item">
        ${ item } <br>
    </c:forEach>
  1. 遍历 Map 集合
<%
        Map<String,Object> map = new HashMap<String, Object>();
        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>

4.遍历 List 集合,list 中存放 Student 类,有属性:编号,用户名,密码,年龄,电话信息

Student 类:

public class Student {
    //4.编号,用户名,密码,年龄,电话信息
    private Integer id;
    private String username;
    private String password;
    private Integer age;
    private String phone;

    public Student(Integer id, String username, String password, Integer age, String phone) {
        this.id = id;
        this.username = username;
        this.password = password;
        this.age = age;
        this.phone = phone;
    }

    public Student() {
    }

    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 Integer getAge() {
        return age;
    }

    public void setAge(Integer 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 + '\'' +
                '}';
    }
}

示例代码:

<%--4.遍历List集合---list中存放 Student类,有属性:编号,用户名,密码,年龄,电话信息--%>
    <%
        List<Student> studentList = new ArrayList<Student>();
        for (int i = 1; i <= 10; i++) {
            studentList.add(new Student(i,"username"+i ,"pass"+i,18+i,"phone"+i));
        }
        request.setAttribute("stus", studentList);
    %>
    <form action="" enctype=""></form>
    <table>
        <tr>
            <th>编号</th>
            <th>用户名</th>
            <th>密码</th>
            <th>年龄</th>
            <th>电话</th>
            <th>操作</th>
        </tr>
        <%--
            items 表示遍历的集合
            var 表示遍历到的数据
            begin表示遍历的开始索引值
            end 表示结束的索引值
            step 属性表示遍历的步长值
            varStatus 属性表示当前遍历到的数据的状态
            forint i = 1; i < 10; i+=2--%>
    <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>${status.step}</td>
        </tr>
    </c:forEach>
    </table>