JSTL基础

最新推荐文章于 2024-10-08 15:07:49 发布

超霸霸

最新推荐文章于 2024-10-08 15:07:49 发布

阅读量82

点赞数

分类专栏：后端文章标签： java html jstl

本文链接：https://blog.csdn.net/m0_58106367/article/details/120707264

版权

后端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

JSTL

一、简介

概念：JavaServer Pages Tag Library JSP标准标签库
作用：用于简化和替换jsp页面上的java代码
使用步骤：
1. 导入jstl相关包
2. 引入标签库：taglib指令：<%@ taglib %>
3. 使用标签

二、常用的JSTL标签

if：相当于java代码的if语句
1. test为必须属性，接受boolean表达式
2. 如果表达式的值为true，则显示if标签体内容，如果为false，则不显示标签体内容
3. 一般情况下，test属性结合EL表达式一起使用
4. c:if标签没有else情况，想要else情况，可重新定义一个c:if标签

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<c:if test="true">
    我是傻逼
</c:if>
<br>
<%
    List list = new ArrayList();
    list.add("aaa");
    request.setAttribute("list", list);
    request.setAttribute("number", 3);
%>
<c:if test="${not empty list}">
    遍历集合list
</c:if>
<br>
<c:if test="${number % 2 == 1}">
    ${number}是奇数
</c:if>
<br>
<c:if test="${number % 2 == 0}">
    ${number}是偶数
</c:if>
</body>
</html>

输出：
在这里插入图片描述

choose：相当于java代码的switch语句
1. 使用choose标签声明，相当于switch声明
2. 使用when标签做判断，相当于case
3. 使用otherwise标签做其他情况的声明，相当于defaul

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    request.setAttribute("number", 5);
%>
<c:choose>
    <c:when test="${number==1}">星期一</c:when>
    <c:when test="${number==2}">星期二</c:when>
    <c:when test="${number==3}">星期三</c:when>
    <c:when test="${number==4}">星期四</c:when>
    <c:when test="${number==5}">星期五</c:when>
    <c:when test="${number==6}">星期六</c:when>
    <c:when test="${number==7}">星期天</c:when>
    <c:otherwise>输入有误</c:otherwise>
</c:choose>
</body>
</html>

输出：

星期五

foreach：相当于java代码的for语句
1. 完成重复的操作
  - begin：开始值
  - end：结束值
  - step：步长
  - varStatus：循环状态对象
    1. index：容器中元素的索引，从0开始
    2. count：循环次数，从1开始
2. 遍历容器
  - items：容器对象
  - var：容器中元素的临时变量
  - varStatus：循环状态对象
    1. index：容器中元素的索引，从0开始
    2. count：循环次数，从1开始

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<c:forEach begin="1" end="10" var="i" step="2" varStatus="s">
    ${i} ${s.index} ${s.count}<br>
</c:forEach>
<hr>
<%
    List list = new ArrayList();
    list.add("aaa");
    list.add("bbb");
    list.add("ccc");
    request.setAttribute("list", list);
%>
<c:forEach items="${list}" var="str" varStatus="s">
    ${s.index} ${s.count} ${str}<br>
</c:forEach>
</body>
</html>

输出：
在这里插入图片描述

三、案例

需求：在request域中有一个存有user对象的List集合，使用jstl+el将list集合数据展示到jsp页面的表格table中，并且奇数行显示红色，偶数行显示蓝色

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="cn.chao.web.User" %>
<%@ page import="java.util.Date" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    List list = new ArrayList();
    list.add(new User("超霸霸", 19, new Date()));
    list.add(new User("路飞", 16, new Date()));
    list.add(new User("索隆", 18, new Date()));
    request.setAttribute("list", list);
%>
<table border="1px" width="500" align="center">
    <tr>
        <th>编号</th>
        <th>名字</th>
        <th>年龄</th>
        <th>生日</th>
    </tr>
    <c:forEach items="${list}" var="i" varStatus="s">
        <c:if test="${s.count % 2 == 1}">
            <tr bgcolor="red">
                <td>${s.count}</td>
                <td>${i.name}</td>
                <td>${i.age}</td>
                <td>${i.birstr}</td>
            </tr>
        </c:if>
        <c:if test="${s.count % 2 == 0}">
            <tr bgcolor="blue">
                <td>${s.count}</td>
                <td>${i.name}</td>
                <td>${i.age}</td>
                <td>${i.birstr}</td>
            </tr>
        </c:if>
    </c:forEach>
</table>

</body>
</html>