JSP常用标签——JSTL标签和EL表达式

超、凢脫俗 2022-03-26 03:24 383阅读 0赞

## 一、JSTL简介 ##

### 1、什么是JSTL ###

JSTL是Java中的一个定制标记库集。（这个标记库集不需要自己编写，可以直接使用）

### 2、为什么要使用JSTL ###

*  实现了JSP页面中的**代码复用**（基于标签库原理，重复率较高的代码块支持复用，提高效率）
 *  书写JSP页面时**可读性更强**（长得很像xml，方便前端查看和参与开发）

用事实告诉你为什么使用JSTL：

![690102-20160322221121792-983878052.jpg][]

实现：

![690102-20160322221228464-178427979.jpg][]

但是，使用JSTL效果如下：

![690102-20160322221342886-1781433887.jpg][]

### 3、JSTL环境搭建 ###

![690102-20160322221525276-786794075.jpg][]

JSTL的下载：

下载地址：http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/

下载文件：jakarta-taglibs-standard-1.1.2.zip————2004-10-25 20:57 933K

解压文件后，在lib文件夹会获得两个jar包： standard.jar和jstl.jar

需要把这两个jar包导入到项目中，注意：

载入外来包，我们不介意采取：右击项目——Build Path方式，因为这样只是引入了一个jar包的link进来，如果把项目挪动位置或者把jar包删除了，则报错。所以我们推荐直接把要载入的文件复制到：项目——WebRoot\\WEB-INF\\lib里面，不要忘了把jar包选中——右键——Build Path----Add to Build Path。这样做可以让jar包随着项目走，绑在了一起。

[回到顶部][Link 1]

## 二、EL表达式配合使用JSTL ##

![690102-20160322222219964-1341530591.jpg][]

### 1、JSTL小程序 ###

如果要使用JSTL，要先导入JSTL的标签库，如果要进行页面的输出的话，需要使用<c:out>输出标签。<c:out>是属于JSTL核心标签的一个。

导入核心标签库：

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

Ps：在uri中之所以能找到该http，是因为导入了上面两个jar，否则是找不到的。prefix="c"，里面的名字可以自定义，一般为“c”。

<c:out value="输出内容"></c:out>

具体如下：

![690102-20160322222708651-483999120.jpg][]

### 2、JSTL标签的四大分类及JSTL函数 ###

![690102-20160322222931636-1636356844.jpg][]

JSTL标签中Value中的值其实可以输出变量和常量。其中常量可以直接输出，变量需要通过EL表达式去获取。

![690102-20160322223200245-1568884075.jpg][]

### 3、EL表达式 ###

什么是EL表达式？

全名是Expression Language，常常配合jstl标签库使用，使得JSP页面更直观，写法更简单。

比如：普通写法：![690102-20160322223420839-1888854071.jpg][]

EL表达式写法：![690102-20160322223457823-1424926947.jpg][]

EL表达式的格式：

用美元符号“$”定界，内容包括在花括号“\{\}”中，即**$\{表达式\}**。

注意“.”和“\[\]”运算符：

![690102-20160322223923479-705513270.jpg][]

但是：以下两种情况，两者不通用。

![690102-20160322224226511-484064462.jpg][]

### 4、EL变量 ###

![690102-20160322224345620-404689335.jpg][]

如：<c:out value="$\{temp\}"></c:out>

如果没有做范围的限定，会依据默认从小到大开始搜索，如果还是找不到，则输出空字符串。

![690102-20160322224627136-109349515.jpg][]

### 5、EL自动类型转换 ###

普通情况：

![690102-20160325214553167-1848208125.png][]

如果是用EL表达式：

![690102-20160325214641808-84480307.png][]

### 6、EL隐式对象 ###

![690102-20160325214811261-978671786.png][]

### 7、EL运算符 ###

![690102-20160325215303683-1809648491.png][]

对empty举例：

<% String username="null"; request.setAttribute("username", username); %>
 <c:out value="${empty username}"></c:out>

Ps：如果username为null或者""，则返回true；如果username为"有内容"，则返回false。

el表达式中empty运算符对字符串为Null，及空字符串都返回 TRUE。

[回到顶部][Link 1]

## 三、JSTL核心标签的使用 ##

![690102-20160325215940058-79120576.png][]

### 1、out标签(表达式控制标签) ###

out标签的作用：

![690102-20160325220108026-1853650881.png][]

### 2、set标签(表达式控制标签) ###

set的标签的作用：

*  存值到scope中(page,request,session,application)；
    
     *  可以将值以变量形式存放在指定范围内，有两种方式：

![690102-20160325223401729-1404423076.png][]

*  存值到JavaBean的属性中。 
    
     *  需要配合target属性指定对象并通过property属性指定要赋值给对象的哪个属性。

Person类：

![690102-20160326110258808-650399703.png][]

将Person类实例化

![690102-20160326110508979-1216565213.png][]

实例化话后的变量名叫person。那实例化后如何通过set标签向person中赋值。

变量的赋值需要配合target属性指定对象并通过property属性指定要赋值给对象的哪个属性。

![690102-20160326114822026-101559523.png][]

### 3、remove标签(表达式控制标签) ###

remove标签的用法：

*  只能remove掉某个变量（不能remove某个类对象的某个属性）；
 *  var属性是必选；
 *  scope属性是可选。

比如：

![690102-20160326115232558-913914661.png][]

此时运行结果就输出不了firstName的值了。

### 4、catch标签(表达式控制标签) ###

catch标签的用法：

*  catch标签中可以包含那些容易出错的JSTL标签（逻辑）

![690102-20160326120000979-2030069351.png][]

输出结果：

![690102-20160326120053933-519716415.png][]

### 5、if标签(流程控制标签) ###

if标签的用法：

*  同程序中的if作用相同，用来实现分支条件控制。
    
     *  test属性用于存放判断的条件，一般使用EL表达式来编写。
     *  var指定名称用来存放判断的结果类型为true或false
     *  scope用来存放var属性存放的范围。

![690102-20160326121354339-1485466023.png][]

比如：根据用户输入的成绩进行等级判断

![690102-20160326122313839-958635869.png][]

运行结果：

用户什么都没输入的时候，默认进来是false

![690102-20160326122409339-2128370726.png][]

输入90：

![690102-20160326122452229-610602617.png][]

输入80：

![690102-20160326122533870-2055749085.png][]

### 6、choose、when、otherwise(流程控制标签) ###

choose、when、otherwise 标签的作用：

* 通常这三个标签被放在一起配合使用
 * <c:choose>标签嵌套在<c:when>和<c:otherwise>标签的外面作为他们的父标签来使用。 
 * 其中choose和when标签也可以一起组合使用。

综上所述通常有以下两种语法结构：

![690102-20160326123101276-1536340522.png][]

比如：

![复制代码][copycode.gif]

<c:choose>
 <c:when test="${param.score<=100 && param.score>=60 }">
 <c:out value="及格"></c:out>
 </c:when>
 <c:when test="${param.score<60 && param.score>=0 }">
 <c:out value="不及格"></c:out>
 </c:when>
 <c:otherwise>
 <c:out value="请检查你的输入！"></c:out>
 </c:otherwise>
 </c:choose>

![复制代码][copycode.gif]

ps:用法类似于switch——case——default。

![690102-20160326123528683-1089611050.png][]

比如：

![690102-20160326123655511-58027547.png][]

### 7、forEach(循环控制标签) ###

forEach标签的作用：

![690102-20160328202127535-396666913.png][]

常用用法1-全部遍历：

![690102-20160328202232441-222359689.png][]

例子：

![690102-20160328202432301-489034715.png][]

常用用法2-部分遍历：（begin end）

![690102-20160328202527676-486829617.png][]

index值是从0开始的。

例子：

![690102-20160328202729660-2114400616.png][]

常用用法3-部分遍历中指定步长（step）

![690102-20160328202832738-899452395.png][]

例子：

<c:forEach var="fruit" items="${fruits}" begin="1" end="3" step="2">
 <c:out value="${fruit}"></c:out> 
 </c:forEach>

Ps：step默认值：1。

常用用法4-部分遍历时输出元素的状态（varStatus）

![690102-20160328203052051-1969820429.png][]

例子：

![复制代码][copycode.gif]

<c:forEach var="fruit" items="${fruits}" begin="1" end="3" varStatus="fru">
 <c:out value="${fruit}——四个属性："></c:out> 
 <c:out value="index属性：${fru.index}"></c:out> 
 <c:out value="count属性：${fru.count}"></c:out> 
 <c:out value="first属性：${fru.first}"></c:out> 
 <c:out value="last属性：${fru.last}"></c:out> 
 <c:out value="----------"></c:out> 
 </c:forEach>

![复制代码][copycode.gif]

PS：index从0开始；count从1开始；first是否第一个（boolean）；last是否最后一个（boolean）。

### 8、forTokens(循环控制标签) ###

forTokens标签的用法：

![690102-20160328203736723-68776258.png][]

例子：

![690102-20160328203853348-670321351.png][]

输出：

![690102-20160328203926019-1319748195.png][]

注：forTokens还有如下属性，与forEach的属性相同。

![690102-20160328204023879-641068108.png][]

### 9、import(URL操作标签) ###

import标签的用法：

![690102-20160328204308473-227200704.png][]

impor各属性含义：

![690102-20160328204420144-448473878.png][]

例子：

![复制代码][copycode.gif]

1 
 2 
 3 <c:catch var="error0">
 4 <c:import url="http://www.imooc.com"></c:import>
 5 </c:catch>
 6 <c:out value="${error0}"></c:out>
 7 <hr>
 8 
 9 <c:catch var="error1">
 10 <c:import url="Test.txt" charEncoding="gbk"></c:import>
 11 </c:catch>
 12 <c:out value="${error1}"></c:out>

![复制代码][copycode.gif]

Ps：由于可能网络中断导致抛出异常，所以常常把import标签放在catch标签里。

![复制代码][copycode.gif]

1 
 2 <c:catch var="error2">
 3 <c:import url="Test.txt" var="test" scope="session" charEncoding="gbk"></c:import>
 4 </c:catch>
 5 <c:out value="${error2}"></c:out> 
 6 <c:out value="import标签存储的test字符串变量值：${sessionScope.test}"></c:out>
 7 
 8 
 9 <c:catch var="error3">
 10 <c:import url="/index1.jsp" context="/Test1"></c:import>
 11 </c:catch>
 12 <c:out value="${error3}"></c:out>

![复制代码][copycode.gif]

Ps1：如果没定义var，则可以直接输出；如果定义了var，则用c:out标签输出。 
Ps2：第一步：改eclipse中tomcat的部署路径，如果是灰掉的，停掉tomcat，然后clean，就可以改为第二项了（如果想在webapps生成，记得在Deploy path选择webapps）。第二步：改conf/context.xml中加上crossContext="true"。如：<Context crossContext="true"></Context>

注意：

![690102-20160328205049082-552969139.png][]

### 10、redirect标签(URL操作标签详解) ###

redirect标签的用法：

![690102-20160328205224035-1356595583.png][]

注意：重定向的话浏览器的url都变为重定向的url，而import只是载入，浏览器url不变。

例子：

![690102-20160328205533848-395889323.png][]

重定向把参数值都带到URL中去了：

![690102-20160328205620723-488502728.png][]

获取值：

![690102-20160328205759019-1738482002.png][]

### 11、url标签(URL操作标签) ###

![690102-20160328210104504-2006017469.png][]

![复制代码][copycode.gif]

<c:if test="${1<2}">
 <c:set var="partUrl">temp.jsp</c:set>
 </c:if>
 <c:url value="http://localhost:8080/Test/${partUrl}" var="newUrl" scope="session"></c:url>
 <a href="${newUrl}">New URL</a>

![复制代码][copycode.gif]

[回到顶部][Link 1]

## 四、JSTL函数的使用 ##

![690102-20160328210412098-1933925684.png][]

### 1、contains函数、startsWith、endsWith ###

contains函数表示加入的字符串是否包含字串，返回一个boolean类型的值。

![复制代码][copycode.gif]

1 
 2 <c:out value="“Hello World”字符串中是否包含“Hello”？${fn:contains('Hello World','Hello')}"></c:out>
 3 <hr>
 4 <c:out value="“Hello World”字符串中是否包含“ABCD”？${fn:contains('Hello World','ABCD')}"></c:out>
 5 <hr>
 6 <c:out value="“Hello World”字符串中是否包含“hello”（忽略大小写）？${fn:containsIgnoreCase('Hello World','hello')}"></c:out>
 7 <hr>
 8 <c:out value="“Hello”是否在“Hello World”字符串开头？${fn:startsWith('Hello World','Hello')}"></c:out>
 9 <hr>
 10 <c:out value="“world”是否在“Hello World”字符串尾部？${fn:endsWith('Hello World','world')}"></c:out>

![复制代码][copycode.gif]

Ps1：配合使用： 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

### 2、escapeXml、indexOf ###

![复制代码][copycode.gif]

1 
 2 <book>书</book>
 3 <hr>
 4 
 5 <c:out value="${fn:escapeXml('<book>书</book>')}"></c:out>
 6 <hr>
 7 
 8 <c:out value="<book>书</book>"></c:out>
 9 <hr>
 10 
 11 <c:out value="“Hello World”字符串“llo”出现的index值：${fn:indexOf('Hello World','llo')}"></c:out>

![复制代码][copycode.gif]

![690102-20160328211227051-402613840.png][]

[690102-20160322221121792-983878052.jpg]: /images/20220326/6e961ab5074c4a7093873d0bfd170a97.png
[690102-20160322221228464-178427979.jpg]: /images/20220326/171c48e5d02e4730ab49d207cfb22578.png
[690102-20160322221342886-1781433887.jpg]: /images/20220326/335f74039f6046cd9882292e2144a1c5.png
[690102-20160322221525276-786794075.jpg]: /images/20220326/23162d176fc348f29c90d4825b5a941d.png
[Link 1]: https://www.cnblogs.com/Qian123/p/5308951.html#_labelTop
[690102-20160322222219964-1341530591.jpg]: /images/20220326/4e5479886e5c495c81ddd96aff1b73c8.png
[690102-20160322222708651-483999120.jpg]: /images/20220326/b960ddeab42940458903162468dc8d8b.png
[690102-20160322222931636-1636356844.jpg]: /images/20220326/e3dc1d51f204407ea30e0f97252ef1e0.png
[690102-20160322223200245-1568884075.jpg]: /images/20220326/65bd015f221e46d1a55bebe072490379.png
[690102-20160322223420839-1888854071.jpg]: /images/20220326/9352dcea8b8f4f96a9a324edde04f83f.png
[690102-20160322223457823-1424926947.jpg]: /images/20220326/e996f151345746228f561c0f02bef440.png
[690102-20160322223923479-705513270.jpg]: /images/20220326/fbb0e6a9e6374e3f9b0335074cbb774f.png
[690102-20160322224226511-484064462.jpg]: /images/20220326/0ce0a78d7ef442f0bbde092e7f01061f.png
[690102-20160322224345620-404689335.jpg]: /images/20220326/92cf144ec5bd4e9283885c090cd0cd40.png
[690102-20160322224627136-109349515.jpg]: /images/20220326/6e165481878447bf894cc5e4bf9637a9.png
[690102-20160325214553167-1848208125.png]: /images/20220326/7a09debf2dda4bc388ff02b6ca2ad713.png
[690102-20160325214641808-84480307.png]: /images/20220326/376bec84dbe4448cb6a5b4053d904345.png
[690102-20160325214811261-978671786.png]: /images/20220326/f7c16faf8863424d8617327d9bc96968.png
[690102-20160325215303683-1809648491.png]: /images/20220326/5b15129a75614edf8678f819bd8be0f1.png
[690102-20160325215940058-79120576.png]: /images/20220326/1f8b275d73aa4da9b5a8767f9f0d01be.png
[690102-20160325220108026-1853650881.png]: /images/20220326/5aae71c51ad84d56aa042647b58f0ae1.png
[690102-20160325223401729-1404423076.png]: /images/20220326/bc22756dcf54419bae2dd01c7aa16b9e.png
[690102-20160326110258808-650399703.png]: /images/20220326/962e4545e487496995c61ea9a9b3c603.png
[690102-20160326110508979-1216565213.png]: /images/20220326/754a3d10845645379a113e4963c02572.png
[690102-20160326114822026-101559523.png]: /images/20220326/759f7b23d9be43278200bf687390ce2d.png
[690102-20160326115232558-913914661.png]: /images/20220326/f9120bc7fe1145bfaa1c493736985c80.png
[690102-20160326120000979-2030069351.png]: /images/20220326/73f5424aca7145c19ad1540a303d4b78.png
[690102-20160326120053933-519716415.png]: /images/20220326/35f9f18538a3486c86140f2f9528701f.png
[690102-20160326121354339-1485466023.png]: /images/20220326/62ab5de928644254baf543da1af2a7f2.png
[690102-20160326122313839-958635869.png]: /images/20220326/486e4b149be84f98bc97e05982aa7779.png
[690102-20160326122409339-2128370726.png]: /images/20220326/7a790a39c99a408e863aa67406023ade.png
[690102-20160326122452229-610602617.png]: /images/20220326/8b57685523c64854a9c86db0112e1741.png
[690102-20160326122533870-2055749085.png]: /images/20220326/e274c3949ba04cf3af09aec8b6134828.png
[690102-20160326123101276-1536340522.png]: /images/20220326/01b9958ccd744173a7372581f5618fcc.png
[copycode.gif]: /images/20220326/f51ed423ddf448e0a781cc0df85e334e.png
[690102-20160326123528683-1089611050.png]: /images/20220326/bb73c8beee0a41c499360c9b94b4191e.png
[690102-20160326123655511-58027547.png]: /images/20220326/943d7c064803480d9b39e682b2895823.png
[690102-20160328202127535-396666913.png]: /images/20220326/1bb321911bca45ae8fe304242eda754f.png
[690102-20160328202232441-222359689.png]: /images/20220326/cc3a2c7a2f03473b9690c750d267a798.png
[690102-20160328202432301-489034715.png]: /images/20220326/2850cd984cc9477a8c17e8ff1399883e.png
[690102-20160328202527676-486829617.png]: /images/20220326/fa805657dec443efbb141c247ecbd17a.png
[690102-20160328202729660-2114400616.png]: /images/20220326/309dfbf971534556b912cf702d0a0722.png
[690102-20160328202832738-899452395.png]: /images/20220326/c565232ce87143529389d1228a633e22.png
[690102-20160328203052051-1969820429.png]: /images/20220326/850e78298c164215a0ec0a44e010ae87.png
[690102-20160328203736723-68776258.png]: /images/20220326/ceb684f7a6234d3aa555c86227ccc32e.png
[690102-20160328203853348-670321351.png]: /images/20220326/92b84826b5634aaab7a23b3ae8c112ec.png
[690102-20160328203926019-1319748195.png]: /images/20220326/d9fc165856c14d1499655f3442e3729e.png
[690102-20160328204023879-641068108.png]: /images/20220326/876f2c92fc5640ca9369c1fbd6b436e2.png
[690102-20160328204308473-227200704.png]: /images/20220326/bc1c38fb45a9489989dfc2d42a2aa616.png
[690102-20160328204420144-448473878.png]: /images/20220326/9313ebe2c9984a4da122e1e9100e636b.png
[690102-20160328205049082-552969139.png]: /images/20220326/e9074e73a1c740c39e6d8f86ece946ee.png
[690102-20160328205224035-1356595583.png]: /images/20220326/d7fd392d84854b02bd6ddfb64f8e5baa.png
[690102-20160328205533848-395889323.png]: /images/20220326/dba5bedf966b49a39cd03692e2768c63.png
[690102-20160328205620723-488502728.png]: /images/20220326/772faf9a80614ad69c980e1dc7dda54a.png
[690102-20160328205759019-1738482002.png]: /images/20220326/7cd710c213b5402cb7c5b364a22b7041.png
[690102-20160328210104504-2006017469.png]: /images/20220326/db4b730a18684f649931a4377e3ace1d.png
[690102-20160328210412098-1933925684.png]: /images/20220326/3c3a7baed797455baa8e36a6c6f29dc8.png
[690102-20160328211227051-402613840.png]: /images/20220326/f0f144c2fddb48d08ddd89c97ce92029.png