JSTL标签库学习记录

超、凢脫俗 2022-11-29 13:27 132阅读 0赞

# JSTL标签库 #

### 文章目录 ###

*  JSTL标签库
 *   *  一、JSTL标签库简介
     *  二、JSTL标签库的使用步骤
     *  三、core核心库的使用

## 一、JSTL标签库简介 ##

1.  JSTL标签库全称是JSP Standard Tag Library，是一个不断完善的开放源代码的JSP标签库
2.  EL表达式主要是为了替换JSP中的表达式脚本，JSTL标签库是为了替换代码脚本
3.  JSTL由五个不同功能的标签库组成：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTM0MzE5MA_size_16_color_FFFFFF_t_70_pic_center]

## 二、JSTL标签库的使用步骤 ##

1.  先导入JSTL标签库的jar包  
    ![在这里插入图片描述][20200821221649470.png_pic_center]
2.  在jsp页面中使用taglib指令引入标签库(可自动导包)  
    CORE 标签库  
    <%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>  
    XML 标签库  
    <%@ taglib prefix=“x” uri=“http://java.sun.com/jsp/jstl/xml” %>  
    FMT 标签库  
    <%@ taglib prefix=“fmt” uri=“http://java.sun.com/jsp/jstl/fmt” %>  
    SQL 标签库  
    <%@ taglib prefix=“sql” uri=“http://java.sun.com/jsp/jstl/sql” %>  
    FUNCTIONS 标签库  
    <%@ taglib prefix=“fn” uri=“http://java.sun.com/jsp/jstl/functions” %>

## 三、core核心库的使用 ##

1.  <c:set/>标签，作用：可以往域中保存数据  
    ① scope属性设置保存到哪个域，值如下：  
    page表示pageContext域(默认值)  
    request表示Request域  
    session表示Session域  
    application表示ServletContext域  
    ② var属性设置key是多少  
    ③ value属性设置value是多少

代码演示：在web目录下创建core.jsp

<body>
        保存之前：${ pageScope.name } <br>
        <c:set scope="page" var="name" value="Jaychou"/>
        保存之后：${ pageScope.name }<br>
    </body>

运行结果：  
![在这里插入图片描述][20200821221746756.png_pic_center]  
2. <c:if/>标签，作用：做if判断  
test属性设置判断的条件，属性值使用EL表达式  
注意：如果test属性值为真则执行if开始标签和结束标签中的语句，为假则不执行

代码演示：在web目录下创建core.jsp

<body>
        <c:if test="${ 1 == 1 }">
            test属性值为真，我执行
        </c:if>
        <c:if test="${ 1 != 1 }">
            test属性值为假，我不执行
        </c:if>
    </body>

运行结果：  
![在这里插入图片描述][2020082122181229.png_pic_center]

1.  <c:choose>、<c:when>、<c:otherwise>标签，作用：多路判断，类似switch-case结构  
    ① choose标签表示开始多路判断  
    ② when标签表示每一种判断情况  
    test属性设置判断的条件，属性值使用EL表达式  
    注意：若test属性值为真，则执行when起始和结束标签中的语句  
    ③ otherwise标签表示其余情况，若满足，则执行起始和结束标签中的语句  
    注意：  
    1.使用三种标签时标签里不能使用html注释，要使用jsp注释  
    2. when标签的父标签一定是choose标签  
    3. when标签是从上向下依次判断的，一旦有满足的就不会再判断剩余when标签

代码演示：在web目录下创建core.jsp

运行结果：  
![在这里插入图片描述][20200821221909129.png_pic_center]

1.  <c:forEach/>标签，作用：遍历输出(与foreach循环一样，自动的遍历到下一个数据)

① 遍历1到10

代码演示：在web目录下创建foreach.jsp

运行结果：  
![在这里插入图片描述][20200821221932649.png_pic_center]  
② 遍历数组

代码演示：在web目录下创建foreach.jsp

运行结果：  
![在这里插入图片描述][20200821221958138.png_pic_center]  
③ 遍历Map集合

代码演示：在web目录下创建foreach.jsp

<body>
        <%
            Map<String, Object> map = new HashMap<>();
            map.put("key1", "value1");
            map.put("key2", "value2");
            map.put("key3", "value3");
            request.setAttribute("map", map);
        %>
        <c:forEach items="${ requestScope.map }" var="entry">
            ${entry.key} 等于 ${entry.value} <br>
            <%--  ${entry}会将所有数据以 key=value 格式输出  --%>
        </c:forEach>
    </body>

运行结果：  
![在这里插入图片描述][20200821222031152.png_pic_center]

④ 遍历List集合，集合中存放Student类

代码演示1：创建Student类

public class Student {
        private Integer id;
        private String username;
        private String password;
        private Integer age;
        private String phone;
        //以及全参、空参构造器，get、set方法、toString方法
    }

代码演示2：在web目录下创建foreach.jsp

<body>
        <%
            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);
        %>
        <%--
            items 表示遍历的数据源
            var 表示遍历到的数据
            begin表示遍历的开始索引值(起始为0)，不写begin代表从第一个开始
            end 表示结束的索引值，不写end代表遍历到最后一个
            step 属性表示遍历的步长值，默认是1
            varStatus 属性表示当前遍历到的数据的状态
        --%>
        <c:forEach items="${requestScope.stus}" var="stu" begin="2" end="7" step="2" varStatus="status">
                ${stu.id} <br>
                ${stu.username} <br>
                ${stu.password} <br>
                ${stu.age} <br>
                ${stu.phone} <br>
                ${status.step} <br> <%--还可获取更多状态，见下图--%>
        </c:forEach>
        <%--运行结果：从3输出到8，每隔两个输出，即只有3、5、7--%>
    </body>

varStatus属性可以获得的状态：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTM0MzE5MA_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTM0MzE5MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/6c8e20f945f54f47b93f87117428623c.png
[20200821221649470.png_pic_center]: /images/20221124/783239d328c5477fa1c330850a6d9f07.png
[20200821221746756.png_pic_center]: /images/20221124/724500586f94409ca1923807e7d9689b.png
[2020082122181229.png_pic_center]: /images/20221124/86d821b88c174b2a961f89c3ac545f83.png
[20200821221909129.png_pic_center]: /images/20221124/25dccf63a83f49ec8a8277c821354ad6.png
[20200821221932649.png_pic_center]: /images/20221124/00905e3bc5ab45a7a11401a834c71552.png
[20200821221958138.png_pic_center]: /images/20221124/3d00052b27fb43029754e0bae7d47a1b.png
[20200821222031152.png_pic_center]: /images/20221124/7c40c5c72a0f4679929b29f602fe5eaa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTM0MzE5MA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221124/2d11d3361ac1411e857c523c8a3cccb1.png