JavaWeb：EL表达式&JSTL标签

古城微笑少年丶 2024-03-30 14:14 219阅读 0赞

1，EL表达式

1.1 概述

EL（全称Expression Language）表达式语言，用于简化JSP页面内的Java代码。

EL表达式的主要作用是 获取数据 。其实就是从域对象中获取数据，然后将数据展示在页面上。

而EL表达式的语法也比较简单，${expression} 。例如：${brands}就是获取域中存储的key为brands的数据。

1.2 代码演示

  • 定义servlet，在servlet中封装一些数据并存储到request域对象中并转发到 el-demo.jsp 页面。

    1. package com.dcxuexi.web;
    3. import com.dcxuexi.pojo.Brand;
    5. import javax.servlet.ServletException;
    6. import javax.servlet.annotation.WebServlet;
    7. import javax.servlet.http.HttpServlet;
    8. import javax.servlet.http.HttpServletRequest;
    9. import javax.servlet.http.HttpServletResponse;
    10. import java.io.IOException;
    11. import java.util.ArrayList;
    12. import java.util.List;
    14. /***
    15.  * @Title ServletDemo1
    16.  * @Description TOTD
    17.  * @Auter DongChuang
    18.  * @Date 2023/1/2 17:58
    19.  * @Version 1.0.0
    20.  */
    21. @WebServlet("/demo1")
    22. public class ServletDemo1 extends HttpServlet {
    24.     @Override
    25.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    27.         //1. 准备数据
    28.         List<Brand> brands = new ArrayList<Brand>();
    29.         brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));
    30.         brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));
    31.         brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));
    33.         //2. 存储到request域中
    34.         req.setAttribute("brands",brands);
    36.         //3. 转发到 el-demo.jsp
    37.         req.getRequestDispatcher("/el-demo.jsp").forward(req,resp);
    38.     }
    40.     @Override
    41.     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    43.         this.doGet(req, resp);
    44.     }
    45. }

    注意： 此处需要用转发，因为转发才可以使用request对象作为域对象进行数据共享

  • 在 el-demo.jsp 中通过 EL表达式 获取数据

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: DongChuang
    4.   Date: 2023/1/2
    5.   Time: 18:02
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <%@ page isELIgnored="false" %>
    10. <html>
    11. <head>
    12.     <title>Title</title>
    13. </head>
    14. <body>
    15.   ${brands}
    16. </body>
    17. </html>

    jsp页面中isELIgnored属性默认为true，它会将jsp页面的数据直接进行字符处理。

    因此需要设置<%@ page isELIgnored="false"%>

  • 在浏览器的地址栏输入 http://localhost:8080/jsp-demo/demo1 ，页面效果如下：

    在这里插入图片描述

1.3 域对象

JavaWeb中有四大域对象，分别是：

  • page：当前页面有效
  • request：当前请求有效
  • session：当前会话有效
  • application：当前应用有效

el表达式获取数据，会依次从这4个域中寻找，直到找到为止。而这四个域对象的作用范围如下图所示

在这里插入图片描述

例如：${brands}，el表达式获取数据，会先从page域对象中获取数据，如果没有再到requet域对象中获取数据，如果再没有再到session域对象中获取，如果还没有才会到application中获取数据。

2，JSTL标签

2.1 概述

JSP标准标签库（Jsp Standarded Tag Library），使用标签取代JSP页面上的Java代码。如下代码就是JSTL标签

  1. <c:if test="${flag == 1}">
  2.     男
  3. </c:if>
  4. <c:if test="${flag == 2}">
  5.     女
  6. </c:if>

上面代码看起来是不是比JSP中嵌套Java代码看起来舒服好了。而且前端工程师对标签是特别敏感的，他们看到这段代码是能看懂的。

2.2 JSTL标签

2.2.1 核心标签

核心标签是最常用的JSTL标签。引用核心标签库的语法如下：

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

在这里插入图片描述

2.2.2 格式化标签

JSTL格式化标签用来格式化并输出文本、日期、时间、数字。引用格式化标签库的语法如下：

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

在这里插入图片描述

2.2.3 SQL标签

JSTL SQL标签库提供了与关系型数据库（Oracle，MySQL，SQL Server等等）进行交互的标签。引用SQL标签库的语法如下：

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

在这里插入图片描述

2.2.4 XML标签

JSTL XML标签库提供了创建和操作XML文档的标签。引用XML标签库的语法如下：

  1. <%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %>

在使用xml标签前，你必须将XML和XPath的相关包拷贝至你的<Tomcat 安装目录>\lib下:

  • XercesImpl.jar 下载地址： http://www.apache.org/dist/xerces/j/
  • xalan.jar 下载地址： http://xml.apache.org/xalan-j/index.html

在这里插入图片描述

2.2.5 JSTL函数

JSTL包含一系列标准函数，大部分是通用的字符串处理函数。引用JSTL函数库的语法如下：

  1. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

在这里插入图片描述

2.3 常用的标签

我们只对两个最常用的标签进行讲解，<c:forEach> 标签和 <c:if> 标签。

JSTL使用也是比较简单的，分为如下步骤：

  • 导入坐标

    1. <dependency>
    2.     <groupId>jstl</groupId>
    3.     <artifactId>jstl</artifactId>
    4.     <version>1.2</version>
    5. </dependency>
    6. <dependency>
    7.     <groupId>taglibs</groupId>
    8.     <artifactId>standard</artifactId>
    9.     <version>1.1.2</version>
    10. </dependency>

  • 在JSP页面上引入JSTL标签库

    1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  • 使用标签

2.3.1 if标签

<c:if>：相当于if判断

  • 属性：test，用于定义条件表达式

    1. 男


    1. 女

代码演示：

  • 定义一个 servlet ，在该 servlet 中向 request 域对象中添加 键是 status ，值为 1 的数据

    1. package com.dcxuexi.web;
    3. import javax.servlet.ServletException;
    4. import javax.servlet.annotation.WebServlet;
    5. import javax.servlet.http.HttpServlet;
    6. import javax.servlet.http.HttpServletRequest;
    7. import javax.servlet.http.HttpServletResponse;
    8. import java.io.IOException;
    10. /***
    11.  * @Title ServletDemo2
    12.  * @Description TOTD
    13.  * @Auter DongChuang
    14.  * @Date 2023/1/2 20:55
    15.  * @Version 1.0.0
    16.  */
    17. @WebServlet("/demo2")
    18. public class ServletDemo2 extends HttpServlet {
    20.     @Override
    21.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    23.         //1. 存储到request域中
    24.         req.setAttribute("status",1);
    26.         //2. 转发到 jstl-if.jsp
    27.         req.getRequestDispatcher("/jstl-if.jsp").forward(req,resp);
    28.     }
    30.     @Override
    31.     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    33.         this.doGet(req, resp);
    34.     }
    35. }

  • 定义 jstl-if.jsp 页面，在该页面使用 <c:if> 标签

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: DongChuang
    4.   Date: 2023/1/2
    5.   Time: 20:57
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    10. <%@ page isELIgnored="false" %>
    11. <html>
    12. <head>
    13.     <title>Title</title>
    14. </head>
    15. <body>
    16. <%--
    17.       c:if：来完成逻辑判断，替换java  if else
    18.   --%>
    19. <c:if test="${status == 1}">启用</c:if>
    20. <c:if test="${status == 0}">禁用</c:if>
    21. </body>
    22. </html>

    注意： 在该页面已经要引入JSTL核心标签库

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

2.3.1 forEach标签

<c:forEach>：相当于for循环。java中有增强for循环和普通for循环，JSTL中的 <c:forEach> 也有两种用法

2.3.1.1 用法一

类似于Java中的增强for循环。涉及到的 <c:forEach> 中的属性如下

  • items：被遍历的容器
  • var：遍历产生的临时变量
  • varStatus：遍历状态对象

如下代码，是从域对象中获取名为brands数据，该数据是一个集合；遍历遍历，并给该集合中的每一个元素起名为 brand，是Brand对象。在循环里面使用EL表达式获取每一个Brand对象的属性值

  1. <c:forEach items="${brands}" var="brand">
  2.     <tr align="center">
  3.         <td>${brand.id}</td>
  4.         <td>${brand.brandName}</td>
  5.         <td>${brand.companyName}</td>
  6.         <td>${brand.description}</td>
  7.     </tr>
  8. </c:forEach>

代码演示：

  • servlet 还是使用之前的名为 ServletDemo1 。

  • 定义名为 jstl-foreach.jsp 页面，内容如下：

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: DongChuang
    4.   Date: 2023/1/2
    5.   Time: 21:35
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <%@ page isELIgnored="false" %>
    10. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    11. <html>
    12. <head>
    13.     <title>Title</title>
    14. </head>
    15. <body>
    16. <input type="button" value="新增"><br>
    17. <hr>
    18. <table border="1" cellspacing="0" width="800">
    19.   <tr>
    20.     <th>序号</th>
    21.     <th>品牌名称</th>
    22.     <th>企业名称</th>
    23.     <th>排序</th>
    24.     <th>品牌介绍</th>
    25.     <th>状态</th>
    26.     <th>操作</th>
    27.   </tr>
    28.   <c:forEach items="${brands}" var="brand" varStatus="status">
    29.     <tr>
    30.       <td>${brand.id}</td>
    31.       <td>${brand.brandName}</td>
    32.       <td>${brand.companyName}</td>
    33.       <td>${brand.ordered}</td>
    34.       <td>${brand.description}</td>
    35.       <c:if test="${brand.status == 1}"><td>启用</td></c:if>
    36.       <c:if test="${brand.status != 1}"><td>禁用</td></c:if>
    37.       <td><a href="#">修改</a> <a href="#">删除</a></td>
    38.     </tr>
    39.   </c:forEach>
    40. </table>
    41. </body>
    42. </html>
2.3.1.2 用法二

类似于Java中的普通for循环。涉及到的 <c:forEach> 中的属性如下

  • begin：开始数
  • end：结束数
  • step：步长

实例代码：

从0循环到10，变量名是 i ，每次自增1

  1. <c:forEach begin="0" end="10" step="1" var="i">
  2.     ${i}
  3. </c:forEach>

发表评论

表情：
评论列表 （有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JSTL标签与EL表达式

    之前经常在一些前端代码中会遇到JSTL标签以及EL表达式，时常因此对整个页面看得一知半解，这次突然想到进一步了解一下此二者，因此专门上网上找了一些文章进行阅读，增进了解。

    骑猪看日落骑猪看日落/ 0 赞/ 378 阅读