JavaWeb开发 EL表达式以及JSTL标签库使用

1.EL表达式

1.1 EL表达式的概念以及作用

EL表达式的全称为:Expression Language,EL表达式可以用来代替JSP页面中的表达脚本在JSP页面上进行数据输出。EL表达式在输出数据的时候,要比JSP中的表达式脚本要简洁很多。

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

EL表达式的格式是:${表达式}
EL表达式在输出null值时,输出的为空串。jsp表达式脚本输出null值时,输出的是null空字符串。


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

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

  • 注意:当四个域中都具有相同的key的数据的时候,EL表达式会按照四个域的大小进行搜索,找到就进行输出。
<body>
     <%
       //往域中保存四个相同的key的数据。
       //四个域从小到大的范围依此为:pageContext-->request-->session-->application
       pageContext.setAttribute("key","pageContext");
       request.setAttribute("key","request");
       session.setAttribute("key","session");
       application.setAttribute("key","application");
       %>
         ${key}
 </body>   

1.3 EL表达式输出(JavaBean的普通属性,数组属性,List集合属性,Map集合属性)

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

Person类

需求:输出Person类中普通属性,数组属性。List集合属性和map集合属性。
public class Person {
    //需求:输出Person类中普通属性,数组属性。list集合属性和map集合属性。

    private String name;
    private String[] phones;
    private List<String> cities;
    private Map<String,Object> map;
    private int age=18;

    public int getAge() {
        return age;
    }

    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 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[]{"18625836974","13285967485","15874185296"});


         ArrayList<String> cites = new ArrayList<>();
         cites.add("北京");
         cites.add("上海");
         cites.add("深圳");
         person.setCities(cites);


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

运行后的结果为:
在这里插入图片描述


1.4 EL表达式中运算表达式

EL表达式的语法是:${运算表达式}

1.4.1 关系运算、逻辑运算、算数运算

关系运算、逻辑运算、算数运算的演示代码:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%--关系运算符--%>
    <%--==或eq表示等于--%>
   ${12==12}  或 ${12 eq 12}<br>
    <%--!=或ne表示不等于--%>
   ${12!=12} 或${12 ne 12 }<br>
    <%--<或lt表示小于--%>
   ${12<12} 或${12 lt 12 }<br>
    <%-->或gt表示大于--%>
   ${12>12}或${12 gt 12}<br>
    <%--<=或le表示小于等于--%>
   ${12<=12}或${12 le 12}<br>
    <%-->=或ge表示大于等于--%>
   ${12>=12}或${12 ge 12}<br>

  <hr>
    <%--逻辑运算符--%>
    <%--&&或and表示与运算--%>
  ${12==12&&12>11}或${12 eq 12 and 12 gt 11}<br>
    <%--||或or表示或运算--%>
   ${12==12||12>11}或${12 eq 12 || 12 gt 11}<br>
    <%--!或not表示取反运算--%>
   ${!true}或${not true}
  <hr>

    <%--算术运算符--%>
    <%--+加法--%>
   ${12+12}<br>
    <%-- -减法 --%>
   ${12-12}<br>
    <%--*乘法--%>
   ${12*12}<br>
    <%--/或div表示除法--%>
   ${12/12} 或 ${12 div 12}<br>
    <%--%或mod表示取模运算--%>
   ${18%12} 或${18 mod 12}

</body>
</html>

运行后的结果为:
在这里插入图片描述


1.4.2 empty运算表达式

empty运算

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

以下情况数据常为空:

  • 1.值为null的时候,数据为空
  • 2.值为空串的时候,数据为空
  • 3.值是Object类型数组,长度为0的时候,数据为空
  • 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("emptyString","");
        //3.值为Object类型数组,长度为零的时候
        request.setAttribute("emptyArray",new Object[]{});
        //4.list集合,元素个数为零
        ArrayList<String> list = new ArrayList<>();
        list.add("123");
        request.setAttribute("emptylist",list);
        //5.map集合,元素个数为零
        HashMap<String, Object> map = new HashMap<>();
        map.put("key1","value1");
        request.setAttribute("emptymap",map);
    %>

    ${ empty emptyNull}<br>
    ${empty emptyString}<br>
    ${empty emptyArray}<br>
    ${empty emptylist}<br>
    ${empty emptymap}<br>
</body>
</html>

运行后的结果为:
在这里插入图片描述


1.4.3 三元运算表达式

三元运算表达式的语法为:

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

//三元运算表达式的代码演示:
${1==1?"两个数值相等":"两个数值不相等"}

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

.点运算符,可以输出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表达式中自己定义的,可以直接使用。

变量类型作用
pageContextPageContextImpl它可以获取 jsp 中的九大内置对象
pageScopeMap<String,Object>它可以获取 pageContext 域中的数据
requestScopeMap<String,Object>它可以获取 Request 域中的数据
sessionScopeMap<String,Object>它可以获取 Session 域中的数据
applicationScopeMap<String,Object>它可以获取 ServletContext 域中的数据
paramMap<String,String>它可以获取请求参数的值
paramValuesMap<String,String[]>它也可以获取请求参数的值,获取多个值的时候使用。
headerMap<String,String>它可以获取请求头的信息
headerValuesMap<String,String[]>它可以获取请求头的信息,它可以获取多个值的情况
cookieMap<String,Cookie>它可以获取当前请求的 Cookie 信息
initParamMap<String,String>它可以获取在 web.xml 中配置的上下文参数

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

变量
pageScopepageContext 域
requestScopeRequest 域
sessionScopeSession 域
applicationScopeServletContext 域
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
      <%
          pageContext.setAttribute("key","pageContext");
          pageContext.setAttribute("key2","pageContext2");
          request.setAttribute("key2","request");
          session.setAttribute("key2","session");
          application.setAttribute("key2","application");

      %>
      ${pageScope.key2}
      ${requestScope.key2}
      ${applicationScope.key2}

</body>
</html>


1.5.2 pageContext 对象的使用

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
      <%--request.getscheme()它可以获取请求的协议
          request.getServerName()获取请求的服务器ip或者域名
          request.getServerPort()获取请求的服务器的端口号
          request.getContextPath()获取工程路径
          request.getMethod()获取请求的方式(GET或者POST)
          request.getRemoteHost()获取客户端的ip地址
          session.getId()获取会话的唯一标识
      --%>
      <%=request.getScheme()%><br>
      1.协议:${pageContext.request.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}



</body>
</html>

运行后的结果为:
在这里插入图片描述


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

变量类型作用
paramMap<String,String>它可以获取请求参数的值
paramValuesMap<String,String[]>它也可以获取请求参数的值,获取多个值的时候使用。

示例代码:

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

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

运行后的结果为:
在这里插入图片描述


变量类型作用
headerMap<String,String>它可以获取请求头的信息
headerValuesMap<String,String[]>它可以获取请求头的信息,它可以获取多个值的情况
cookieMap<String,Cookie>它可以获取当前请求的 Cookie

示例代码:


      输出请求头[User-Agent]的值:${header['User-Agent']}<br>
      输出请求头[Connection]的值:${header.Connection}<br>
      输出请求头[User-Agent]的值:${headerValues['User-Agent'][0]}<br>
      获取 Cookie 的名称:${ cookie.JSESSIONID.name } <br>
	  获取 Cookie 的值:${ cookie.JSESSIONID.value } <br>

运行后的结果为:
在这里插入图片描述

变量类型作用
initParamMap<String,String>它可以获取在wenb.xml中配置的上下文参数

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>
示例代码:
输出&lt;Context-param&gt;username 的值:${ initParam.username } <br>
输出&lt;Context-param&gt;url 的值:${ initParam.url } <br>

2.JSTL标签库

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


2.1 JSTL标签库的使用步骤

JSTL标签库的使用步骤:

  • 1.先导入JSTL标签库的jar包。
  • 2.第二步,使用taglib指令引入标签库。
//使用taglib指令引入标签库:
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

2.2 JSTL中core核心库使用

2.2.1 <c:set/>标签

<c:set/>作用:set标签可以往域中保存数据。

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

      域对象.setAttribute(key,value);
      scope属性设置保存在哪个域中
          page表示PageContext域(默认值)
          request表示Requset域
          session表示Session域
          appliaction表示ServletContext域
          var属性设置key是多少
          value属性设置值是多少

      域对象
      --%>
      保存之前:${requestScope.abc}<br>
     <c:set  scope="request" var="abc" value="abcValue"/>
      保存之后:${requestScope.abc}<br>

2.2.2 <c:if/>标签

if标签可以用来做if判断。

 <%-- <c:if />
             if标签用来做if判断

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


2.2.3 <c:choose><c:when><c:otherwise>标签

<c:choose><c:when><c:otherwise>标签的作用:多路判断,与switch…case…default非常接近。

 <%-- <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",195);
      %>
      <c:choose>
          <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>
              <h2>剩下小于170的情况</h2>
          </c:otherwise>
</c:choose>


2.2.4 <c:forEach/>标签

<c:forEach/>标签作用:遍历输出使用

1.遍历1到10,输出

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

2.遍历Object数组

  <%--2.遍历Objec(对象数组)
          for(object item:arr)
          items表示遍历的数据源(遍历的集合)
           var表示当前遍历到的数据
      --%>
      <%
          request.setAttribute("arr",new String[]{"abc","def","ghi"});
      %>
      <c:forEach items="${requestScope.arr}" var="item">
          ${item}<br>
      </c:forEach>
 

3. 遍历 Map 集合

  <%--3.遍历Map集合--%>
    <%
        HashMap<String, Object> map = new HashMap<String, Object>();
        map.put("key1","value1");
        map.put("key2","value2");

        request.setAttribute("map",map);
    %>
    <c:forEach items="${requestScope.map}" var="item">
        ${item.key}===${item.value}<br>
    </c:forEach>

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

Student类:

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

    public Student() {
    }

    public Student(int 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 int getId() {
        return id;
    }

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

  <%--4.遍历List集合   list中存放Student类,有属性:编号,用户名,密码,年龄,电话信息--%>
    <%
        ArrayList<Student>  studentlist= new ArrayList<Student>();
        for (int i = 1; i<=10; i++) {
            studentlist.add(new Student(i,"username"+i,"password"+i,18+i,"phone"+i));
        }
        request.setAttribute("stus", studentlist);

    %>
       <table >
           <tr>
               <th>编号</th>
               <th>用户名</th>
               <th>密码</th>
               <th>年龄</th>
               <th>电话</th>
               <th>操作</th>
           </tr>
       </table>


       <%--
       items表示遍历的集合
       var表示遍历的数据
       begin表示遍历的开始索引值
       end表示遍历的结束索引值
       step表示遍历的步长值

       --%>
       <table >
    <c:forEach begin="2" end ="7"  step="2"  items="${requestScope.stus}" var="list">
     <tr>
         <td>${list.id}</td>
         <td>${list.username}</td>
         <td>${list.password}</td>
         <td>${list.age}</td>
         <td>${list.phone}</td>
         <td>删除 修改</td>
     </tr>
    </c:forEach>
   </table>

附录

学习图片资源内容来源:
B站:尚硅谷2020最新版JavaWeb全套教程,java web零基础入门完整版
https://www.bilibili.com/video/BV1Y7411K7zz?
上为个人学习笔记

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值