【教程】JavaWeb之JSTL标签

1.基本概念

  • JSTL( JSP Standard Tag Library ) 被称为JSP标准标签库;
  • 为了方便阅读,易维护,可用这些标签取代JSP页面上的Java代码

2.使用方式

<!-- prefix属性用于指定库前缀 --> <!-- uri属性用于指定库的标识 --> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

在这里插入图片描述
在这里插入图片描述
Hello World入门:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现out输出标签的使用</title>
</head>
<body>
<c:out value="Hello World"></c:out>
</body>
</html>

在这里插入图片描述

3.常用核心标签

(1) 输出标签

<c:out></c:out> 用来将指定内容输出的标签

上面的Hello Word例子已经使用过了。

(2) 设置标签

<c:set></c:set> 用来设置属性范围值的标签

用于向指定范围的内置对象中设置属性,取代以前 jsp 中 内置对象.setAttribute(" ")方法;
在这里插入图片描述
示例:

public class Person {
    
    
    private String name;
    private int age;
    ...
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现set标签的使用</title>
</head>
<body>
<%-- 表示设置一个名字为name的属性,对应的数值为zhangfei,有效范围为:page --%>
<%-- pageContext.setAttibute("name", "zhangfei") --%>
<c:set var="name" value="zhangfei" scope="page"></c:set>
<%-- 使用out标签打印出来 --%>
<c:out value="${name}"></c:out>
<hr/>

<%-- 设置一个对象的属性值并打印出来 --%>
<jsp:useBean id="person" class="com.lagou.demo01.Person" scope="page"></jsp:useBean>
<c:set property="name" value="guanyu" target="${person}"></c:set>
<c:set property="age" value="35" target="${person}"></c:set>
<c:out value="${person.name}"></c:out>
<c:out value="${person.age}"></c:out>

</body>
</html>

这里输出内置对象的值时,使用到了 EL 表达式${xxx},xxx代表属性名。
在这里插入图片描述

(3) 删除标签

<c:remove></c:remove> 用来删除指定数据的标签

示例:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现remove标签的使用</title>
</head>
<body>
<%-- 设置一个属性值并打印 --%>
<c:set var="name" value="liubei" scope="page"></c:set>
<c:out value="${name}"></c:out>
<hr/>

<%-- 删除这个属性值后再次打印 --%>
<c:remove var="name" scope="page"></c:remove>
<c:out value="${name}" default="无名"></c:out>

</body>
</html>

这里,default表示当name变量无值时,采用defalut指定的默认值。
所以,运行结果是:
在这里插入图片描述

(4) 单条件判断标签

<c:if test =“EL条件表达式”> 满足条件执行 </c:if >

跟java的if分支结构差不多,满足则执行 if 里面的语句,不满足则不执行。
示例:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现if标签的使用</title>
</head>
<body>
<%-- 设置一个变量以及对应的数值 --%>
<c:set var="age" value="20" scope="page"></c:set>
<c:out value="${age}"></c:out>
<hr/>

<%-- 判断该年龄是否成年,若成年则提示已经成年了 --%>
<c:if test="${age >= 18}">
    <c:out value="已经成年了!"></c:out>
</c:if>

</body>
</html>

这里,age变量设置成20,大于18了,所以执行 if 里面的内容。
在这里插入图片描述
现在,再将age的变量设置成17,则小于18,不会执行 if 里面的内容。
在这里插入图片描述

(5) 多条件判断标签

上面是单个条件的判断情况,当有多种情况时怎么处理呢,请看下面:

<c:choose > 
	<c:when test =“EL表达式”> 
		满足条件执行 
	</c:when><c:otherwise> 
 		不满足上述when条件时执行 
 	</c:otherwise>
 </c:choose >

相当于java的 swich 分支结构。
示例:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现choose标签的使用</title>
</head>
<body>
<%-- 设置一个变量代表考试的成绩并指定数值 --%>
<c:set var="score" value="59" scope="page"></c:set>
<c:out value="${score}"></c:out>
<hr/>

<%-- 进行多条件判断和处理 --%>
<c:choose>
    <c:when test="${score > 60}">
        <c:out value="成绩不错,继续加油哦!"></c:out>
    </c:when>
    <c:when test="${score == 60}">
        <c:out value="60分万岁,多一份浪费!"></c:out>
    </c:when>
    <c:otherwise>
        <c:out value="革命尚未成功,同志仍需努力!"></c:out>
    </c:otherwise>
</c:choose>
</body>
</html>

运行结果
在这里插入图片描述

(6) 循环标签

可以对集合操作,也可以对数组操作,相当于 java 的 forech 结构。

<c:forEach var=“循环变量” items=“集合”></c:forEach>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现循环标签的使用</title>
</head>
<body>
<%
    // 准备一个数组并初始化
    String[] sArr = {"11", "22", "33", "44", "55"};
    pageContext.setAttribute("sArr", sArr);
%>

<%-- 使用循环标签遍历数组中的所有元素 --%>
<c:forEach var="ts" items="${sArr}">
    <c:out value="${ts}"></c:out>
</c:forEach>
<hr/>

<%-- 跳跃性遍历 间隔为2  也就是跳过一个遍历一个 --%>
<c:forEach var="ts" items="${sArr}" step="2">
    <c:out value="${ts}"></c:out>
</c:forEach>
<hr/>

<%-- 指定起始和结尾位置 从下标1开始到3结束,包含1和3--%>
<c:forEach var="ts" items="${sArr}" begin="1" end="3">
    <c:out value="${ts}"></c:out>
</c:forEach>

</body>
</html>

运行结果
在这里插入图片描述

4.常用函数标签

函数标签,类似于java方法,说明咱们可以在 jsp 页面中使用各种方法来处理。使用 JSTL 函数前,需要在开头引入库,和 java 导包类似。

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

里面包含的函数是比较多的,这里列举几个简单示例:

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现常用函数标签的使用</title>
</head>
<body>
<%
    pageContext.setAttribute("var", "Hello World!");
%>
原始字符串为:${var}<br/>    <%-- HelloWorld --%>
判断该字符串是否包含指定字符串的结果为:${fn:contains(var, "Hello")}<br/>   <%-- true --%>
将字符串中所有字符转换为大写的结果为:${fn:toUpperCase(var)}<br/>           <%-- HELLO WORLD!--%>
将字符串中所有字符转换为小写的结果为:${fn:toLowerCase(var)}<br/>           <%-- hello world!--%>
</body>
</html>

执行结果
在这里插入图片描述

5.常用格式化标签

此标签可以将数据按照指定的格式进行格式化,相当于 java 中的 SimpleDateFormat 的使用。同样的,使用前需要引入库。

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

示例

<%@ page import="java.util.Date" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现格式标签的使用</title>
</head>
<body>
<%
    // 获取当前系统时间
    Date date = new Date();
    pageContext.setAttribute("date", date);
%>

当前系统时间为:${date}
<hr/>
<fmt:formatDate value="${date}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate>
</body>
</html>

运行结果
在这里插入图片描述
可以看到,日期已经被格式化了。

6.自定义标签

如果上面几个标签不能满足需求,我们也可以自定义标签,步骤如下:

  1. 编写标签类继承SimpleTagSupport类或TagSupport类并重写doTag方法或doStartTag方法。
import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.SimpleTagSupport;
import java.io.IOException;
//Hello标签类,继承SimpleTagSupport类
public class HelloTag extends SimpleTagSupport {
    
    
    private String name;  //name对应标签的属性

    public String getName() {
    
    
        return name;
    }

    public void setName(String name) {
    
    
        this.name = name;
    }
	//重写doTag方法,向浏览器输出点内容(包含name的值)
    @Override
    public void doTag() throws JspException, IOException {
    
    
        // 获取输出流
        JspWriter out = this.getJspContext().getOut();
        // 写入数据到浏览器
        out.write("自定义标签哦!" + name);
        // 关闭流对象
        out.close();
    }
}
  1. 定义标签库文件(tld标签库文件)并配置标签说明文件到到WEB-INF下:
<?xml version="1.0" encoding="ISO-8859-1"?>

<taglib xmlns="http://java.sun.com/xml/ns/javaee"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-jsptaglibrary_2_1.xsd"
        version="2.1">
	 <!-- 版本号 -->
    <tlib-version>1.0</tlib-version>
    <!-- 简称前缀,使用时写在<后面,如<my: -->
    <short-name>my</short-name>
     <!-- 路径标识,导入此库时需要指定 -->
    <uri>http://hello.com</uri>

    <tag>
    	 <!-- 标签名,使用时写在简称前缀后面,如<my:hello> -->
        <name>hello</name>
        <!-- 标签类路径,使对应步骤一的自定义类HelloTag -->
        <tag-class>com.hello.demo01.HelloTag</tag-class>
        <body-content>empty</body-content>
        <attribute>
        	<!-- 标签属性 -->
            <name>name</name>
            <!-- 设置为true,表示使用时必须指定标签属性name -->
            <required>true</required>
        </attribute>
    </tag>
</taglib>
  1. 在JSP中添加taglib指令引入标签库使用:
<%@ taglib prefix="my" uri="http://hello.com" %
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>实现自定义标签的使用</title>
</head>
<body>
<my:hello name="zhangfei"/>
</body>
</html>

运行结果
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u012660464/article/details/109251116
今日推荐