JSP--JSTL标签库举例+详解

r囧r小猫 2021-08-13 13:19 387阅读 0赞

### JSTL概述 ###

JSTL（JSP Standard Tag Library），JSP标准标签库，可以嵌入在jsp页面中使用标签的形式完成业务逻辑等功能。jstl出现的目的同el一样也是要代替jsp页面中的脚本代码。

JSTL标准标签库有5个子库，但随着发展，目前常使用的是它的核心库。

<table> 
 <thead> 
  <tr> 
   <th align="center">标签库</th> 
   <th align="center">标签库的URI</th> 
   <th align="center">前缀</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center"><span><span><span> C o r e \color{red}{Core} </span><span><span><span style="height: 0.68333em; vertical-align: 0em;"></span><span style="color: red;"><span style="margin-right: 0.07153em; color: red;">C</span><span style="color: red;">o</span><span style="margin-right: 0.02778em; color: red;">r</span><span style="color: red;">e</span></span></span></span></span></span></td> 
   <td align="center"><span><span><span> h t t p : / / j a v a . s u n . c o m / j s p / j s t l / c o r e \color{red}{http://java.sun.com/jsp/jstl/core} </span><span><span><span style="height: 1em; vertical-align: -0.25em;"></span><span style="color: red;"><span style="color: red;">h</span><span style="color: red;">t</span><span style="color: red;">t</span><span style="color: red;">p</span><span style="color: red; margin-right: 0.277778em;"></span><span style="color: red;">:</span><span style="color: red; margin-right: 0.277778em;"></span><span style="color: red;">/</span><span style="color: red;">/</span><span style="margin-right: 0.05724em; color: red;">j</span><span style="color: red;">a</span><span style="margin-right: 0.03588em; color: red;">v</span><span style="color: red;">a</span><span style="color: red;">.</span><span style="color: red;">s</span><span style="color: red;">u</span><span style="color: red;">n</span><span style="color: red;">.</span><span style="color: red;">c</span><span style="color: red;">o</span><span style="color: red;">m</span><span style="color: red;">/</span><span style="margin-right: 0.05724em; color: red;">j</span><span style="color: red;">s</span><span style="color: red;">p</span><span style="color: red;">/</span><span style="margin-right: 0.05724em; color: red;">j</span><span style="color: red;">s</span><span style="color: red;">t</span><span style="margin-right: 0.01968em; color: red;">l</span><span style="color: red;">/</span><span style="color: red;">c</span><span style="color: red;">o</span><span style="margin-right: 0.02778em; color: red;">r</span><span style="color: red;">e</span></span></span></span></span></span></td> 
   <td align="center"><span><span><span> c \color{red}{c} </span><span><span><span style="height: 0.43056em; vertical-align: 0em;"></span><span style="color: red;"><span style="color: red;">c</span></span></span></span></span></span></td> 
  </tr> 
  <tr> 
   <td align="center">I18N</td> 
   <td align="center">http://java.sun.com/jsp/jstl/fmt</td> 
   <td align="center">fmt</td> 
  </tr> 
  <tr> 
   <td align="center">SQL</td> 
   <td align="center">http://java.sun.com/jsp/jstl/sql</td> 
   <td align="center">sql</td> 
  </tr> 
  <tr> 
   <td align="center">XML</td> 
   <td align="center">http://java.sun.com/jsp/jstl/xml</td> 
   <td align="center">x</td> 
  </tr> 
  <tr> 
   <td align="center">Functions</td> 
   <td align="center">http://java.sun.com/jsp/jstl/functions</td> 
   <td align="center">fn</td> 
  </tr> 
 </tbody> 
</table>

### JSTL下载与导入 ###

JSTL下载：  
从Apache的网站下载JSTL的JAR包。进入 “http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/”网址下载 JSTL的安装包。jakarta-taglibs-standard-1.1.2.zip，然后将下载好的JSTL安装包 进行解压，此时，在lib目录下可以看到两个JAR文件，分别为jstl.jar和standard.jar。其中，jstl.jar文件包含JSTL规范中定义的接口和相关类，standard.jar文件包含用于 实现JSTL的.class文件以及JSTL中5个标签库描述符文件（TLD）

JSTL导入：  
将两个jar包导入我们工程的lib中，使用jsp的taglib指令导入核心标签库。

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

### JSTL核心库的常用标签 ###

<table> 
 <thead> 
  <tr> 
   <th align="center">标签</th> 
   <th align="center">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">&lt;c:out&gt;</td> 
   <td align="center">用于在JSP中显示数据，就像&lt;%= … &gt;</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:set&gt;</td> 
   <td align="center">用户保存数据</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:remove&gt;</td> 
   <td align="center">用于删除数据</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:catch&gt;</td> 
   <td align="center">用来处理产生错误的异常状况，并且将错误信息存储起来</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:if&gt;</td> 
   <td align="center">与我们在一般程序中用的if一样</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:choose&gt;</td> 
   <td align="center">本身只当作&lt;c:when&gt;he &lt;c:otherwise&gt;的父标签</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:when&gt;</td> 
   <td align="center">&lt;c:choose&gt;的子标签，用来判断条件是否成立</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:otherwise&gt;</td> 
   <td align="center">&lt;c:choose&gt;的子标签，接在&lt;c:when&gt;标签后，当&lt;c:when&gt;标签判断为false时被执行</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:import&gt;</td> 
   <td align="center">检索一个绝对或相对URL，然后将其内容暴露给页面</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:forEach&gt;</td> 
   <td align="center">基础迭代标签，接收多种集合类型</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:forTokens&gt;</td> 
   <td align="center">根据指定的分隔符来分隔内容并迭代输出</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:param&gt;</td> 
   <td align="center">用来给包含或重定向的页面传递参数</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:redirect&gt;</td> 
   <td align="center">重定向至一个新的URL</td> 
  </tr> 
  <tr> 
   <td align="center">&lt;c:url&gt;</td> 
   <td align="center">使用可选的查询参数来创造一个URL</td> 
  </tr> 
 </tbody> 
</table>

##### 基础标签<c:out>： #####

<c:out value=“数据” default=“默认值”></c:out>  
数据可以为常量值也可以是EL表达式  
作用：将数据输出给客户端。

<%
    		request.setAttribute("str", "字符串");
    	%>
    	<h3>c:out</h3>
    	<c:out value="哈哈"></c:out><br/>
    	<c:out value="${str }" default="默认值"></c:out>

页面显示：  
![在这里插入图片描述][20190907165137476.png]

##### 基础标签c:set 和 c:remove 标签： #####

*  <c:set var=“键名” value=“数据” scope=“域”></c:set>  
    作用：存储数据到作用域对象中  
    var:表示存储的键名  
    value：表示存储的数据  
    scope：表示要存储的作用域对象page、request、session、application
 *  <c:remove var=“键名” scope=“域”/>  
    作用：删除作用域中的指定键的数据  
    var：表示要删除的键的名字  
    scope：表示要删除的作用域（可选）  
    注意：如果不指定作用域的情况使用该标签删除数据，会将四个作用域对象中的符合要求的数据全部删除。

<h3>c:set</h3>
    	<c:set var="hello" value="hello pageContext" scope="page"></c:set>
     	<c:set var="hello" value="hello request" scope="request"></c:set>
     	<c:set var="hello" value="hello session" scope="session"></c:set>
     	<c:set var="hello" value="hello application" scope="application"></c:set>
     	<c:out value="${pageScope.hello}"></c:out>
     	
     	<h3>c:remove</h3>
     	<%-- 删除page域中的 --%>
     	<c:remove var="hello" scope="page"/><br/>
     	<c:out value="${hello}"></c:out>

页面显示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70]

##### 逻辑标签<c:if> 和 <c:choose>： #####

<c:if test="${表达式}">
    	前端代码
     </c:if>

作用：进行逻辑判断，相当于java代码的但分支判断  
注意：逻辑判断标签需要依赖于EL的逻辑运算，也就是表达式中涉及到数据必须从作用域中获取。

<c:choose>
    	<c:when test="">执行内容</c:when>
    	<c:when test="">执行内容</c:when>
    	.....
    	<c:otherwise>执行内容</c:otherwise>
    </c:choose>

作用：用来进行多条的逻辑判断，类似java中的多分支语句  
注意：条件成立只会执行一次，都不成立则执行otherwise

<h3>c:if</h3>
    	<c:set var="a" value="4"></c:set>
     	<c:if test="${a > 3}">
     		<b>今天天气真好</b>
     	</c:if>
     	
     	<h3>c:choose</h3>
     	<c:set var="score" value="85"></c:set>
     	<c:choose>
     	<c:when test="${score>=90 }">
     		<i>奖励900元</i>
     	</c:when>
     	<c:when test="${score>=80 && score < 90 }">
     		<i>奖励800元</i>
     	</c:when>
     	<c:when test="${score>=70 && score < 80 }">
     		<i>奖励700元</i>
     	</c:when>
     	<c:otherwise>
     		<i>挨顿毒打</i>
     	</c:otherwise>
     </c:choose>

页面显示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 1]

##### 循环标签<c:forEach>： #####

<c:forEach begin="" end="" step="" varStatus="">
    	循环体
    </c:forEach>

作用：循环内容进行处理  
使用：begin：声明循环开始位置  
end：循环结束位置  
step：步长  
varStatus:声明变量记录每次循环的数据（下标，次数，是否是第一次循环，是否是最后一次循环）  
$ \{vs.index\} – $ \{vs.count\} – $ \{vs.first\} – $\{vs.last \}  
注意：数据存储在作用域中，需要使用EL表达式。  
items:声明要遍历的对象。结合EL表达式获取对象。  
var：声明变量记录每次循环的结果。存储在作用域中，需要使用EL表达式获取。

<h3>常量循环</h3>
    	<c:forEach begin="0" end="4" step="1" varStatus="vs">
     		${vs.index}--${vs.count}--${vs.first}--${vs.last }<br/>
     	</c:forEach>
     	
     	<h3>动态循环</h3>
     	<%
    	 	ArrayList<String> list = new ArrayList<String>();
    	 	list.add("a");
    	 	list.add("b");
    	 	list.add("c");
    	 	list.add("d");
    	 	request.setAttribute("list", list);
     	%>
     	<c:forEach items="${list}" var="str">
     		${str}<br/>
     	</c:forEach>
     	
     	<h3>遍历map</h3>
     	<%
    	 	HashMap<String,String> map = new HashMap<String,String>();
    	 	map.put("一","哈哈");
    	 	map.put("二", "嘿嘿");
    	 	request.setAttribute("map", map);
     	%>
     	<c:forEach items="${map }" var="m">
     		${m.key }--${m.value }<br/>
     	</c:forEach>
     	
     	<h3>创建表格</h3>
     	<table border="1px">
     	<tr>
     		<td>课程名称</td>
     		<td>教师</td>
     		<td>价格</td>
     		<td>重要性</td>
     	</tr>
     	<c:forEach items="${list }" var="str">
     		<tr>
     			<td>${str }</td>
     			<td>${str }</td>
     			<td>${str }</td>
     			<td>${str }</td>
     		</tr>
     	</c:forEach>
     </table>

页面显示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 2]

[20190907165137476.png]: /images/20210813/f1e99c2d7709406694017a3220611069.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70]: /images/20210813/2ac6f9bfbd314abe8caa92dbea5c3139.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 1]: /images/20210813/d955b2b044f4417fb757827c2561ec28.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 2]: /images/20210813/1a52559afbfb4ad49b0258ec0367596a.png