Java Web程序设计笔记 • 【第10章 JSTL标签库】

比眉伴天荒 2022-11-08 12:00 137阅读 0赞

# [全部章节   >>>>][Link 1] #

--------------------

**本章目录**

10.1 JSTL 概述

10.1.1 JSTL 简介

10.1.1 JSTL 使用

10.1.2 实践练习

10.2 核心标签库

10.2.1 核心标签库

10.2.1 标签

10.2.2 条件标签

10.2.2 标签

10.2.3 迭代标签

10.2.4 实践练习

10.3 格式化标签

10.3.1 格式化标签库

10.3.1 格式化数字

10.3.2 格式化日期

10.3.3 实践练习

10.4 综合练习

10.4.1 BBS简介

10.4.1 BBS功能介绍

10.4.2 实践练习

总结

--------------------

# 10.1 JSTL 概述 #

## 10.1.1 JSTL 简介 ##

JSP 标准标签库（JavaServer Pages Standard Tag Library，JSTL），包含用于编写和开发 JSP 页面的一组标准标签，它可以为用户提供一个无脚本环境，通常和EL表达式配合使用

JSTL 提供 4 个主要的标签库，包括核心标签库、国际化与格式化标签库、SQL 标签库和 XML 标签库

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70][]

## 10.1.1 JSTL 使用 ##

JSP界面默认情况下不能直接使用JSTL标签库，必须在JSP页面的首行中使用“<%@ taglib %>”指令定义标签库的引用位置和访问前缀，以区分Html标签

**各标签库的定义如下：**

核心标签库：

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

国际化与格式化：

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

SQL标签库：

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

XML标签库：

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

**示例：**JSP界面中使用JSTL核心标签库

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

> 说明：
> 
>  *  taglib是导入标签库的指令      prefix代表标签使用时前缀，可以更改，主要是和html标签加以区分
>  *  uri是标签库的引用地址

## 10.1.2 实践练习 ##

# 10.2 核心标签库 #

## 10.2.1 核心标签库 ##

核心标签库中的通用标签用于操作 JSP 页面创建的范围变量，条件标签用于对 JSP 页面中的代码进行条件判断和处理，而迭代标签用于循环遍历一个对象集合

**核心标签库包含以下几种标签：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 1][]

通用标签用于设置、删除和显示在 JSP 页面内创建的变量值

<c:out>：计算表达式并将结果存储在当前的 JspWriter 对象中

<c:out value="value" escapeXml="true|false“ default="defaultValue"/>

<table> 
 <tbody> 
 <tr> 
 <td> 参数名 </td> 
 <td> 类型 </td> 
 <td> 描述 </td> 
 <td> 引用EL </td> 
 </tr> 
 <tr> 
 <td> value </td> 
 <td> Object </td> 
 <td> 要输出的表达式 </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> default </td> 
 <td> Object </td> 
 <td> 指定输出结果为&nbsp;null&nbsp;时的默认值 </td> 
 <td> 不可以 </td> 
 </tr> 
 <tr> 
 <td> escapeXml </td> 
 <td> Object </td> 
 <td> 确定是否应将结果中的字符串（如&lt;、&gt;、&amp;）转换成字符实体代码，默认值为&nbsp;true </td> 
 <td> 不可以 </td> 
 </tr> 
 </tbody> 
</table>

**示例：**使用<c:out>标签输出内容

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <%
 session.setAttribute("book", "java");
 %>
 直接输出字符串 ：<c:out value="book" />
 直接输出字符串 ：<c:out value="<a href='#'>
 此超链接无效，因 escapeXml 默认为 true</a>" />
 直接输出字符串 :<c:out value="<a href='#'>
 此超链接有效，因 escapeXml 设置为 false</a>“ escapeXml="false" />
 输出作用域中不存在的对象：<c:out value="${test}" default=" 这是为空时默认值 " />

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 2][]

## 10.2.1 <c:set>标签 ##

<c:set>：设置页面中的变量或对象属性值，即声明一个变量或对象

<c:set var="varName" value="value" target="target" property="propertyName"
 scope="page|request|session|application"/>

<table> 
 <tbody> 
 <tr> 
 <td> 参数名 </td> 
 <td> 类型 </td> 
 <td> 描述 </td> 
 <td> 引用EL </td> 
 </tr> 
 <tr> 
 <td> value </td> 
 <td> Object </td> 
 <td> 将要存储的变量值 </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> var&nbsp; </td> 
 <td> String </td> 
 <td> 存储变量值的变量名称 </td> 
 <td> 不可以 </td> 
 </tr> 
 <tr> 
 <td> target </td> 
 <td> Object </td> 
 <td> 指定要设置属性的对象 </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> property&nbsp; </td> 
 <td> String </td> 
 <td> 指定当前要为对象设置的属性名称 </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> scope&nbsp; </td> 
 <td> String </td> 
 <td> 指定变量的范围 </td> 
 <td> 不可以 </td> 
 </tr> 
 </tbody> 
</table>

**示例：**使用<c:set>标签输出内容1 创建BookInfo图书实体类

public class BookInfo {
    	private String bookId; // 书号
    	private String bookName; // 书名
    	private double price; // 单价
    	// 有参构造方法
    	public BookInfo(String bookId, String bookName, double price) {
    		this.bookId = bookId;
    		this.bookName = bookName;
    		this.price = price;
        }
    	//getter/setter省略}

**示例：**使用<c:set>标签输出内容2

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 
 <jsp:useBean id="bookInfo" class="com.exam.BookInfo" scope="session" />
 
 <c:set var="bookName" value="java" />
 输出 session 指定域中 bookName 属性的值 :<c:out value="${bookName}" />
 <hr />
 
 <c:set target="${bookInfo}" property="bookName" value="${bookName}" />
 输出 session 中 bookInfo 对象的 bookName 属性值 :
 <c:out value="${bookInfo.bookName}" />

用于删除创建的变量 ：

<c:remove var="varName" scope="page|request|session|application"/>

<table> 
 <tbody> 
 <tr> 
 <td> 参数名 </td> 
 <td> 类型 </td> 
 <td> 描述 </td> 
 <td> 引用EL </td> 
 </tr> 
 <tr> 
 <td> var </td> 
 <td> String </td> 
 <td> 要删除的变量名 </td> 
 <td> 不可以 </td> 
 </tr> 
 <tr> 
 <td> scope&nbsp; </td> 
 <td> String </td> 
 <td> 指定变量的范围 </td> 
 <td> 不可以 </td> 
 </tr> 
 </tbody> 
</table>

**示例：**使用<c:remove>标签删除作用域范围变量

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <body>
 <c:set var="salary" scope="session" value="${2000*2}" />
 salary 变量值 :		<c:out value="${salary}" />
 
 <c:remove var="salary" />
 
 删除 salary 变量后的值 :	<c:out value="${salary}" />
 
 </body>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 3][]

## 10.2.2 条件标签 ##

JSTL 条件标签用于支持 JSP 页面中的各种条件判断。 条件标签分为单条件判断的<if>和多条件判断的<c:choose>

<c:if>：用于单条件判断，相当于Java中的if结构

<c:if test=“条件表达式" >
 	如果test中结果为true，则执行if中代码
 </c:if>

## 10.2.2 <c:if>标签 ##

**示例：**使用<c:if>标签实现判断

<c:if test="${grade ge 1}">
 <c:set var="mustPay" value="${shopPrice*quantity*0.9}" />
 </c:if>
 <c:if test="${grade ge 2}">
 <c:set var="mustPay" value="${shopPrice*quantity*0.8}" />
 </c:if>
 <c:if test="${grade ge 3}">
 <c:set var="mustPay" value="${shopPrice*quantity*0.1}" />
 </c:if>

## 10.2.2 <c:choose>标签 ##

<c:choose>类似于 Java 中的 switch 语句，用于执行多条件语句块

**语法：**

<c:choose>
   <c:when test=“条件1">
     Body Content1
   </c:when>
   <c:when test=“条件2">
     Body Content2
   </c:when>
   ......
   <c:otherwise>
     Body Content
   </c:otherwise>
 </c:choose>

**示例：**使用<c:choose>标签实现多条件判断

<c:choose><c:when test="${grade ge 1}">
 	<c:set var="mustPay" value="${shopPrice*quantity*0.9}" />
 </c:when>
 <c:when test="${grade ge 2}">
 	<c:set var="mustPay" value="${shopPrice*quantity*0.8}" />
 </c:when>
 <c:otherwise>
 	<c:set var="mustPay" value="${shopPrice*quantity}" />
 </c:otherwise></c:choose>

## 10.2.3 <c:forEach>迭代标签 ##

<c:forEach> 循环迭代标签用于重复在整个对象集合中嵌套的标签体内容，遍历次数可由用户在代码中指定，类似于Java中的for循环

**语法：**

<c:forEach var="varName" items="collection" varStatus="varStatusName"
 begin="begin" end="end">
 	Body Content
 </c:forEach>

<c:forEach> 迭代标签参数说明如下

<table> 
 <tbody> 
 <tr> 
 <td> 参数名 </td> 
 <td> 类型 </td> 
 <td> 描述 </td> 
 <td> 引用EL </td> 
 </tr> 
 <tr> 
 <td> items </td> 
 <td> 数组、集合类、字符串和枚举类型 </td> 
 <td> 将要迭代的集合对象&nbsp; </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> var&nbsp; </td> 
 <td> String </td> 
 <td> 指定将当前迭代到的元素保存到 page&nbsp;作用域中的属性名称 </td> 
 <td> 不可以 </td> 
 </tr> 
 <tr> 
 <td> varStatus </td> 
 <td> String </td> 
 <td> 循环过程中产生的状态对象信息，如循环下标、总数等 </td> 
 <td> 不可以 </td> 
 </tr> 
 <tr> 
 <td> begin </td> 
 <td> int </td> 
 <td> 指定开始遍历的索引 </td> 
 <td> 不可以 </td> 
 </tr> 
 <tr> 
 <td> end </td> 
 <td> int </td> 
 <td> 指定技术遍历的索引 </td> 
 <td> 不可以 </td> 
 </tr> 
 </tbody> 
</table>

<c:forEach> 循环迭代过程中产生的varStatus代表循环状态对象，通过状态对象可以获取循环中的数据信息

<table> 
 <tbody> 
 <tr> 
 <td> 参数名 </td> 
 <td> 类型 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> index&nbsp; </td> 
 <td> int </td> 
 <td> 当前循环的索引下标值 </td> 
 </tr> 
 <tr> 
 <td> count </td> 
 <td> int </td> 
 <td> 当前循环总次数 </td> 
 </tr> 
 <tr> 
 <td> first </td> 
 <td> boolean </td> 
 <td> 是否为第一次循环，即第一行 </td> 
 </tr> 
 <tr> 
 <td> last&nbsp; </td> 
 <td> boolean </td> 
 <td> 是否为最后一次循环，即最后一行 </td> 
 </tr> 
 </tbody> 
</table>

**示例：**使用<c:forEach>迭代标签实现List集合数据循环

<c:forEach var="book" items="${bookList}" varStatus="varIndex"> 
 <c:if test="${varIndex.index mod 2 eq 0 }"> 
 	<tr bgcolor="yellow">
 </c:if>
 <c:if test="${varIndex.index mod 2 ne 0}"> 
 	<tr bgcolor="cyan">
 </c:if>
 <td>${book.bookId }</td>
 <td>${book.bookName }</td> 
 <td>${book.price }</td>
 </c:forEach>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 4][]

**示例：**使用<c:forEach>迭代标签实现Map集合数据循环

<c:forEach var="book" items="${bookMap}">
 <tr>
 <td>${book.key }</td>
 <td>${book.value.bookName }</td> 
 <td>${book.value.price }</td>
 </tr>
 </c:forEach>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 5][]

## 10.2.4 实践练习 ##

# 10.3 格式化标签 #

## 10.3.1 格式化标签库 ##

*  格式化标签库主要用于处理JSP界面中的日期、小数等数据的格式化显示
 *  在JSP界面中使用格式化标签时，需要引入如下指令导入标签库

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

## 10.3.1 格式化数字 ##

格式化数字可使用 <fmt:formatNumber> 标签，可以指定保留小数位数

**使用语法格式如下：**

<fmt:formatNumber value="num" maxFractionDigits="maxDigits"
 type="number|currency|percent" />

<table> 
 <tbody> 
 <tr> 
 <td> 参数名 </td> 
 <td> 类型 </td> 
 <td> 描述 </td> 
 <td> 引用EL </td> 
 </tr> 
 <tr> 
 <td> value&nbsp; </td> 
 <td> String，Number </td> 
 <td> 指定被格式化的数字 </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> type </td> 
 <td> String </td> 
 <td> 1、number代表数字 2、currency货币格式 3、percent百分比格式 </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> maxFractionDigits </td> 
 <td> int </td> 
 <td> 小数位数 </td> 
 <td> 可以 </td> 
 </tr> 
 </tbody> 
</table>

**示例：**使用<fmt:formatNumber>格式化数字

<h3>
 未格式化之前的结果：${price } 以货币的形式格式化的结果：
 <fmt:formatNumber value="${price}" type="currency" />
 以百分比的形式格式化的结果：
 <fmt:formatNumber value="${price}" maxFractionDigits="1"
 type="percent" />
 以四舍五入一位的形式格式化的结果：
 <fmt:formatNumber value="${price}" maxFractionDigits="1" />
 
 </h3>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 6][]

## 10.3.2 格式化日期 ##

格式化日期可使用 <fmt:formatDate> 标签实现，可以设置日期格式

**使用语法格式如下：**

<fmt:formatDate value="date" pattern="pattern"/>

<table> 
 <tbody> 
 <tr> 
 <td> 参数名 </td> 
 <td> 类型 </td> 
 <td> 描述 </td> 
 <td> 引用EL </td> 
 </tr> 
 <tr> 
 <td> value&nbsp; </td> 
 <td> Java.util.Date&nbsp; </td> 
 <td> 指定被格式化的日期 </td> 
 <td> 可以 </td> 
 </tr> 
 <tr> 
 <td> pattern </td> 
 <td> String </td> 
 <td> 日期格式化格式，如： yyyy-MM-dd&nbsp;HH:mm:ss </td> 
 <td> 可以 </td> 
 </tr> 
 </tbody> 
</table>

**示例：**使用<fmt:formatDate>格式化日期输出

<%
 Date today = new Date(); // 创建日期对象
 pageContext.setAttribute("today", today); // 存放于 Page 范围内
 %>
 未格式化前的日期：${today } 以 yyyy-MM-dd 形式格式化：
 <fmt:formatDate value="${today}" pattern="yyyy-MM-dd" />
 以 yyyy 年 MM 月 dd 形式格式化：
 <fmt:formatDate value="${today}" pattern="yyyy 年 MM 月 dd 日 " />
 以 yyyy 年 MM 月 dd hh:mm:ss 形式格式化：
 <fmt:formatDate value="${today}" pattern="yyyy 年 MM 月 dd hh:mm:ss" />

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 7][]

## 10.3.3 实践练习 ##

# 10.4 综合练习 #

## 10.4.1 BBS简介 ##

电子公告板（Bulletin Board System，BBS）最早是用来公布股市价格等类信息，一直到个人计算机开始普及之后，BBS 转移到个人计算机上，BBS 才开始渐渐普及开来

**BBS主要功能如下：**

*  通过 BBS 系统可随时取得各种最新的信息
 *  通过 BBS 系统来和别人讨论计算类、生活类、游戏类等各种学科有趣的话题
 *  利用 BBS 系统来发布一些“征友”“廉价转让”“招聘人才”和“求职应聘”等启事
 *  召集亲朋好友到聊天室内高谈阔论

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 8][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 9][]

## 10.4.1 BBS功能介绍 ##

BBS为了满足日常交流沟通的功能，一般来说都包含如下功能模块：

*  用户管理（注册、登录、管理员管理用户列表、删除用户、禁用用户等）
 *  版块管理（增加版块、修改版块、查询版块）
 *  帖子管理（发帖、查看版块下帖子列表、帖子搜索、删除帖子、查看帖子详情）
 *  回复管理（回复帖子、帖子回复查询、帖子删除）

## 10.4.2 实践练习 ##

# 总结 #

* JSTL 是JSP中的一组标准标签库，用于替代脚本代码，规范JSP界面的开发
 * JSTL在JSP界面中使用时需要加入taglib指令导入对应的标签库，指定前缀名
 * JSTL包含核心标签库、格式化标签库、SQL标签库、XML标签库，最为常用的是核心标签库和格式化标签库
 * 核心标签库包括<c:out>和<c:set>通用标签、<c:if>和<c:choose>条件判断标签、<c:forEach>循环迭代标签等
 * 格式化标签主要用于将日期、数字等进行格式化显示，常用的有：<c:formatNumber>数字格式化和<c:formatDate>日期格式化标签

[Link 1]: https://blog.csdn.net/weixin_44893902/article/details/113861744
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70]: /images/20221023/8dffb388954d4b4b98abe24e27bfec9e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 1]: /images/20221023/2a6d6902d8124fc68449419375b3de82.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 2]: /images/20221023/ea203fb2cd614ee783390b4155016944.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 3]: /images/20221023/96af552aae8a44e2a6bf0d66c807d0d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 4]: /images/20221023/6b49ccf152f5415ebb53570cd9f7d9a8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 5]: /images/20221023/6529a9c00a834f1dbc3ccbc8ca22e4ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 6]: /images/20221023/0e0c17e0b3be4563a7bc8c1817a1f121.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 7]: /images/20221023/c541926db6ee432dbd42047b633fcd43.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20210313170835631.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 9]: /images/20221023/92ec8f4f644745f6a7e16183e8a2528c.png