侧边栏壁纸
博主头像
coydone博主等级

记录学习,分享生活的个人站点

  • 累计撰写 306 篇文章
  • 累计创建 51 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

EL和JSTL

coydone
2022-02-06 / 0 评论 / 0 点赞 / 290 阅读 / 10,759 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-04-09,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

EL表达式语言

概述

EL(Expression Language)表达式语言,常用于取值。我们之前在JSP中写Java代码必须写在<%%>里面。并且取值代码比较繁琐。EL表达式可以使我们的取值代码更加简洁。

<body> 
    <% 
    request.setAttribute("key","值"); 
    %>
    表达式脚本输出 key 的值是: 
    <%=request.getAttribute("key")==null?"":request.getAttribute("key")%><br/> 
    EL 表达式输出 key 的值是:${key} 
</body>

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

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

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

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

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

<body> 
    <% 
    //往四个域中都保存了相同的 key 的数据,会优先取范围小的数据pageContext、request、session、application的顺序
    request.setAttribute("key", "request");
    session.setAttribute("key", "session"); 
    application.setAttribute("key", "application"); 
    pageContext.setAttribute("key", "pageContext"); 
    %>
    ${ key } 
</body>

EL表达式使用

Person类

public class Person { 
    //输出 Person 类中普通属性,数组属性。**list 集合属性和 map 集合属性。 
    private String name; 
    private String[] phones; 
    private List<String> cities; 
    private Map<String,Object> map; 
    public int getAge() { 
        return 18; 
    } 
}

JSP页面

<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> 
    输出 Person 的 List 集合中个别元素值:${p.cities[2]} <br> 
    输出 Person 的 Map 集合: ${p.map} <br> 
    输出 Person 的 Map 集合中某个 key 的值: ${p.map.key3} <br> 
    输出 Person 的 age 属性:${p.age} <br> 
</body> 

EL表达式运算

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

关系运算

关系运算符 说明 范例 结果
== 或 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

逻辑运算

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

算术运算

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

empty运算

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

以下几种情况为空:

  • 值为 null 值的时候,为空。

  • 值为空串的时候,为空。

  • 值是 Object 类型数组,长度为零的时候。

  • list 集合,元素个数为零。

  • map 集合,元素个数为零。

<body> 
    <% 
    request.setAttribute("emptyNull", null); 
    request.setAttribute("emptyStr", ""); 
    request.setAttribute("emptyArr", new Object[]{}); 
    List<String> list = new ArrayList<>(); 
    //list.add("abc"); 
    request.setAttribute("emptyList", list); 
    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/> 
</body>

三元运算

表达式 1?表达式 2:表达式 3如果表达式 1 的值为真,返回表达式 2 的值,如果表达式 1 的值为假,返回表达式 3 的值。如:${5==5?true:false}

点运算和[]中括号运算符

<!--.点运算,可以输出 Bean 对象中某个属性的值。 
[]中括号运算,可以输出有序集合中某个元素的值。 并且[]中括号运算,还可以输出 map 集合中 key 里含有特殊字符的 key 的值。-->
<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> 

EL中11个隐含对象

隐含对象 类型 说明
pageContext PageContextImpl 用于获取JSP中的九大内置对象
pageScope Map<String,Object> 获取 pageContext 域中的数据
requestScope Map<String,Object> 获取 Request 域中的数据
sessionScope Map<String,Object> 获取 Session 域中的数据
applicationScope Map<String,Object> 获取 ServletContext 域中的数据
param Map<String,String> 获取请求参数的值
paramValues Map<String,String[]> 获取请求参数的值,获取多个值使用
header Map<String,String> 包含page页面范围内的属性值的集合
headerValues Map<String,String[]> 获取请求头信息,获取多个值使用
cookie Map<String,Cookie> 获取当前请求的Cookie信息
initParam Map<String,String> 获取在 web.xml 中配置的<context-param>上下文参数

pageContext对象的使用

<body> 
    <%-- 
    request.getScheme() 它可以获取请求的协议 
    request.getServerName() 获取请求的服务器 ip 或域名 
    request.getServerPort() 获取请求的服务器端口号 
    getContextPath() 获取当前工程路径 
    request.getMethod() 获取请求的方式(**GET 或 POST**) 
    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> 

获取请求参数的值

<%--
    请求地址: http://localhost:8080/EL_JSTL/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>

获取头信息

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

获取Cookie信息

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

获取在 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>
${ initParam.username }<br>
${ initParam.url } 

JSTL标签库

JSTL概述

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

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

JSTL 由五个不同功能的标签库组成,在JSP 标签库中使用 taglib 指令引入标签库

<%--JSTL 核心标签--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--JSTL 格式化标签--%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--JSTL SQL标签--%>
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %>
<%--JSTL XMLb标签--%>
<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %>
<%--JSTL 函数标签--%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

其中prefix表示前缀,前缀的值我们可以自己定义,但是不要使用关键字,会有冲突。为了保证可读性,一般都跟标签类型相对应。

使用步骤

1、先导入JSTL标签库的 Jar 包。 taglibs-standard-impl-1.2.1.jar、taglibs-standard-spec-1.2.1.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" %>

core核心库使用

set标签

用于将值保存在指定的作用域中。

<%-- var="变量名"  value="值" scope="保存在哪个作用域(page、request、session、application)"--%>
<c:set var="userName" value="yzq" scope="page"></c:set>
<span>${userName}</span><%--配合EL表达式取值--%>123

out标签

out标签用于将结果输出。

<%--取值--%>
<c:out value="${userName}"></c:out>

remove标签

remove标签用于删除某个值

<%--删除userName的值--%>
<c:remove var="userName"></c:remove>

if标签:判断

<%--
    if 标签用来做 if 判断。 
    test 属性表示判断的条件(使用 EL 表达式输出) 
--%> 
<c:if test="${ 12 == 12 }"> 
	<h1>12 等于 12</h1> 
</c:if>

choose

choose选择标签,跟Java中的switch语句类似。作为when标签和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>170}">
        <h2>还可以</h2>
    </c:when>
    <c:otherwise>
        <h2>小于160</h2>
    </c:otherwise>
</c:choose>

forEach标签:遍历

<%--1.遍历 1 到 10,输出
    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>

遍历 Object 数组

<%--
  for (Object item:arr)
  items 表示遍历的数据源(遍历的集合)
  var 表示当前遍历到的数据
--%>
<% request.setAttribute("arr",new String[]{"111","222","333"}); %>
<c:forEach items="${requestScope.arr}"  var="item">
  ${item}
</c:forEach>

遍历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>

遍历泛型List集合

<% 
    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); 
%>
<table> 
    <tr>
        <th>用户名</th> 
        <th>密码</th> 
        <th>年龄</th> 
        <th>电话</th> 
    </tr> 
    <%--
        items 表示遍历的集合 
        var 表示遍历到的数据 
        begin 表示遍历的开始索引值 
        end 表示结束的索引值 
        step 属性表示遍历的步长值 
        varStatus 属性表示当前遍历到的数据的状态 
        for(int i = 1; i < 10; i+=2)
    --%> 
    <c:forEach begin="2" end="7" step="2" varStatus="status" items="${requestScope.stus}" var="stu"> 
        <tr>
            <td>${stu.username}</td> 
            <td>${stu.password}</td> 
            <td>${stu.age}</td> 
            <td>${stu.phone}</td> 
        </tr> 
    </c:forEach>
</table>

JSP页面实现隔行变色

<c:forEach var="student" items="${ students}" varStatus="status">  
<c:if test=”${status.index % 2 == 0}”>
       <tr  class = "even">                   --偶数行
                 ........
      </tr>
</c:if>
<c:if test=”${status.index % 2 == 1}”>
       <tr  class = "odd">                   --奇数行
                 ........
      </tr>
</c:if>
</c:forEach>
<style type="text/css">
   .even { background : white;}
   .odd { background : blue;}
</style>
0

评论区