Web阶段：第十四章：JSTL标签库

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

JSTL由五个不同功能的标签库组成。
功能范围 URI 前缀

核心标签库--重点    http://java.sun.com/jsp/jstl/core    c
格式化    http://java.sun.com/jsp/jstl/fmt        fmt
函数    http://java.sun.com/jsp/jstl/functions        fn
数据库(不使用)    http://java.sun.com/jsp/jstl/sql    sql
XML(不使用)    http://java.sun.com/jsp/jstl/xml    x

在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” %>

JSTL标签库的使用步骤
1、导入jstl标签库的jar包
taglibs-standard-impl-1.2.1.jar
taglibs-standard-spec-1.2.1.jar

2、使用taglib指令引入你需要的标签库
<%@ taglib uri=“http://java.sun.com/jsp/jstl/core” prefix=“c”%>

core核心库使用
<c:set />
1、可以往域中保存数据
2、可以修改域中bean对象的属性或Map集合的某个key的值

  1. <body>
  2. <%-- i.<c:set /> --%>    
  3.         <%--
  4.             域对象.setAttriubte(key,value);
  5.                 scope 属性设置使用哪个域对象            page，request,session,application
  6.                 var 就是保存的key
  7.                 value 属性设置你要保存的值
  8.         --%>
  9.         <!-- 1、可以往域中保存数据 -->
  10.         保存之前：${ requestScope.key1 }<br/>
  11.         <c:set scope="request" var="key1" value="value1"></c:set>
  12.         保存之后：${ requestScope.key1 }<br/>
  13.         <hr/>
  14.         <%
  15.             Map<String,Object> map = new HashMap<String,Object>();
  16.             map.put("aa", "修改之前");
  17.             map.put("bb", "bbValue");
  18.             request.setAttribute("map", map);
  19.         %>
  20.     <%-- 2、可以修改域中bean对象的属性或Map集合的某个key的值
  21.                 bean对象.setXxxx(新值);        Xxx是你要修改的属性
  22.                 map对象.put(key,新值);        
  23.             
  24.             target属性表示你要修改哪个bean对象，或是哪个map集合
  25.             property属性设置你要修改的是哪个属性，或是map集合的哪个key
  26.             value    属性设置你的新值
  27.      --%>
  28.         修改之前：${ requestScope.map }<br/>
  29.         <c:set target="${ requestScope.map }" property="aa" value="修改之后"></c:set>
  30.         修改之后：${ requestScope.map }<br/>        
  31.     </body>

<c:if />
if标签可以用来做判断使用。

   

  1. <%-- if标签做if判断，
  2.             test 属性是if判断的表达式(使用EL表达式输出真假值)
  3.      --%>
  4.     <c:if test="${ 12 == 12 }">
  5.         <h1>12等于12啦啦啦……</h1>
  6.     </c:if>

<c:choose> <c:when> <c:otherwise>标签
跟switch 、case、default，基本一样。

  1. <%
  2.             request.setAttribute("height", 136);
  3.         %>
  4.         <%--
  5.             choose。when。otherwise需要注意两个点：
  6.                 1、在这里标签内不能使用html注释
  7.                 2、when标签的父标签一定要是choose标签
  8.          --%>
  9.         <c:choose><%-- switch --%>
  10.             <%-- when 表示一种条件情况，相当于case --%>
  11.             <c:when test="${ requestScope.height >= 190 }">
  12.                 <h1>老高老高啦啦啦……</h1>
  13.             </c:when>
  14.             <c:when test="${ requestScope.height >= 180 }">
  15.                 <h1>很高很高啦啦啦……</h1>
  16.             </c:when>
  17.             <c:when test="${ requestScope.height >= 170 }">
  18.                 <h1>好矮好矮啦啦啦……</h1>
  19.             </c:when>
  20.             <c:when test="${ requestScope.height >= 160 }">
  21.                 <h1>二等那啥啦啦啦……</h1>
  22.             </c:when>
  23.             <c:otherwise><%-- default --%>
  24.                 <c:choose>
  25.                     <c:when test="${ requestScope.height >= 150 }">
  26.                         <h1>150</h1>
  27.                     </c:when>
  28.                     <c:when test="${ requestScope.height >= 140 }">
  29.                         <h1>140</h1>
  30.                     </c:when>
  31.                     <c:when test="${ requestScope.height >= 130 }">
  32.                         <h1>130</h1>
  33.                     </c:when>
  34.                 </c:choose>
  35.             </c:otherwise>
  36.         </c:choose>

<c:url />
1、它可以生成一个url地址，直接输出
2、可以把生成的url地址保存到某个域中

  1. <!--         1、它可以生成一个url地址，直接输出
  2.                 value 是你的访问的资源路径
  3.                 context 是你所在的工程路径，默认是当前工程
  4.  -->
  5.         <c:url value="/f.jsp" context="/abc">
  6.             <c:param name="username" value="wzg168"></c:param>
  7.             <c:param name="password" value="123456"></c:param>
  8.         </c:url>
  9.         <br/>
  10. <!--         2、可以把生成的url地址保存到某个域中
  11.                 域对象.setAttribute(key,地址);
  12.                 session.setAttribute(url,地址);
  13. -->
  14.         <c:url value="/f.jsp" context="/abc" scope="session" var="url">
  15.             <c:param name="username" value="wzg168"></c:param>
  16.             <c:param name="password" value="123456"></c:param>
  17.         </c:url>
  18. Session域中保存的地址是：${ sessionScope.url }

<c:forEach />
forEach标签做遍历操作

1.遍历1到10，输出
2.遍历Object数组
3.遍历List集合—list中存放 Person类，有属性：编号，用户名，密码，年龄，电话信息
4.遍历Map集合

测试代码：

  1. <%@page import="java.util.HashMap"%>
  2. <%@page import="java.util.Map"%>
  3. <%@page import="com.atguigu.pojo.Student"%>
  4. <%@page import="java.util.ArrayList"%>
  5. <%@page import="java.util.List"%>
  6. <%@ page language="java" contentType="text/html; charset=UTF-8"
  7.     pageEncoding="UTF-8"%>
  8. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  10. <html>
  11.     <head>
  12.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  13.         <title>Insert title here</title>
  14. <style type="text/css">
  15.     table{
  16.         width: 500px;
  17.         border: 1px solid red;
  18.         border-collapse: collapse;
  19.     }
  20.     th , td{
  21.         border: 1px solid red;
  22.     }
  23. </style>
  24.     </head>
  25.     <body>
  26. <!--         1.遍历1到10，输出
  27.                 begin 遍历开始的索引
  28.                 end   遍历结束的索引
  29.                 var 是当前正在遍历到的数据
  30.  -->
  31.         <c:forEach begin="1" end="10" var="i">
  32.             ${ i }
  33.         </c:forEach>
  34.         <hr/>
  35.  
  36.  
  37. <!-- 2.遍历Object数组 -->
  38.         <%
  39.             request.setAttribute("arr", new String[]{"aaaa","bbbb","cccc"});
  40.         %>
  41.         <!--
  42.                 items 设置你要遍历的集合（数据源）
  43.                 var 是当前正在遍历到的数据
  44.          -->
  45.         <c:forEach items="${ requestScope.arr }" var="item">
  46.             ${ item }<br/>
  47.         </c:forEach>
  48.         <hr/>
  49.  
  50.  
  51. <!-- 3.遍历List集合---list中存放 Student类，有属性：编号，用户名，密码，年龄，电话信息 -->
  52.         <%
  53.             List<Student> list = new ArrayList<Student>();
  54.             for (int i = 0; i < 10; i++) {
  55.                 list.add(new Student(i,"name"+i,"pass"+i,18+i,"phone"+i));
  56.             }
  57.             request.setAttribute("list", list);
  58.         %>
  59.         <table>
  60.             <tr>
  61.                 <th>编号</th>
  62.                 <th>用户名</th>
  63.                 <th>密码</th>
  64.                 <th>年龄</th>
  65.                 <th>电话</th>
  66.                 <th>操作</th>
  67.             </tr>
  68.             <!--
  69.                 step    是设置步长，每次遍历完，索引怎么移动，默认是1
  70.                 varStatus    是当前遍历到的数据的状态对象
  71.              -->
  72.             <c:forEach begin="1" end="7" items="${ requestScope.list }" step="1" var="stu" varStatus="status">
  73.                 <c:if test="${ status.count == 3 }">
  74.                     <tr style="background-color: green;">
  75.                 </c:if>
  76.                 <c:if test="${ status.count != 3 }">
  77.                     <tr>
  78.                 </c:if>
  79.                     <td>${ stu.id }</td>
  80.                     <td>${ stu.username }</td>
  81.                     <td>${ stu.password }</td>
  82.                     <td>${ stu.age }</td>
  83.                     <td>${ stu.phone }</td>
  84.                     <td>${ status.step }</td>
  85.                 </tr>
  86.             </c:forEach>
  87.         </table>
  88.         <hr/>
  89. <!-- 4.遍历Map集合 -->
  90.         <%
  91.             Map<String,Object> map = new HashMap<String,Object>();
  92.             map.put("key1", "value1");
  93.             map.put("key2", "value2");
  94.             map.put("key3", "value3");
  95.             request.setAttribute("map", map);
  96.         %>
  97.         <c:forEach items="${ requestScope.map }" var="entry">
  98.             ${ entry.value }<br/>
  99.         </c:forEach>
  100.     </body>
  101. </html>