EL&JSTL26_JSTL標籤3

花溪月影發表於2024-06-14
JS

一、概念

　JavaServer Pages Tag Library JSP標準標籤庫
　是由Apache組織提供的開源的免費的jsp標籤 　　 <標籤>

二、作用

　用於簡化和替換jsp頁面上的java程式碼

三、使用步驟

　1、匯入jstl相關jar包
　2、引入標籤庫：taglib指令： <%@ taglib %>
　3、使用標籤

　　

四、常用的JSTL標籤

　1、if：相當於java程式碼的if語句

  • 屬性：test-必須屬性，接收boolean表示式

　　　　　如果表示式為true，則顯示if標籤體內容；如果為false，則不顯示標籤體內容
　　　　　一般情況下，test屬性值會結合el表示式一起使用

  • 注意：

　　　　<c:if>標籤沒有else情況，想要else情況，則可以在定義一個c:if標籤
　2、choose：相當於java程式碼的switch語句
　　　　1. 使用choose標籤宣告 　　　　　　　　 相當於switch宣告
　　　　2. 使用when標籤做判斷 　　　　　　　　相當於case
　　　　3. 使用otherwise標籤做其他情況的宣告 　相當於default

　3、foreach：相當於java程式碼的for語句

　　1. 完成重複的操作

    for(int i=0;i<10;i++){}
  • 屬性:
        begin: 開始值,包含
        end: 結束值,包含
        var: 臨時變數
        step: 步長
        varstatus: 迴圈狀態物件
                index: 容器中元素的索引,從0開始
                count: 迴圈次數,從1開始
2. 遍歷容器
    List<User> list;
    for(User user:list){}
  • 屬性:
        items: 容器物件
        var: 容器中元素的臨時變數
        varstatus: 迴圈狀態物件
                index: 容器中元素的索引,從0開始
                count: 迴圈次數,從1開始
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>if標籤</title>
</head>
<body>
    <c:if test="true">
        <h1>我是真的...</h1>
    </c:if>
    
    <%
        //判斷request域中的一個list集合是否為空,如果不為null則顯示遍歷集合
        List list = new ArrayList();
        list.add("aaa");
        request.setAttribute("list",list);

        request.setAttribute("number",4);
    %>
    <c:if test="${not empty list}">
        遍歷集合...
    </c:if>
    <br>
    <c:if test="${number % 2 != 0}">
        ${number}為奇數
    </c:if>
    <%--c:if標籤沒有else情況，想要else情況，則可以在定義一個c:if標籤--%>
    <c:if test="${number % 2 == 0}">
        ${number}為偶數
    </c:if>
</body>
</html>

　　

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>choose標籤</title>
</head>
<body>
    <%--
        完成數字編號對應星期幾案例
            1.域中儲存一數字
            2.使用choose標籤取出數字          相當於switch宣告
            3.使用when標籤做數字判斷          相當於case
            4.otherwise標籤做其他情況的宣告    相當於default
    --%>

    <%
        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>

　　

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

<html>
<head>
    <title>foreach標籤</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中，並且奇數行顯示紅色，偶數行顯示綠色。

package cn.itcast.domain;

import java.text.SimpleDateFormat;
import java.util.Date;

public class User {

    private String name;
    private int age;
    private Date birthday;

    public User() {
    }

    public User(String name, int age, Date birthday) {
        this.name = name;
        this.age = age;
        this.birthday = birthday;
    }

    /**
     * 邏輯檢視
     * @return
     */
    public String getBirStr(){
        if(birthday != null){
            //1.格式化日期物件
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            //2.返回字串即可
            return sdf.format(birthday);
        }else{
            return "";
        }
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public Date getBirthday() {
        return birthday;
    }

    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="cn.itcast.domain.User" %>
<%@ page import="java.util.Date" %>
<%@ 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>

    <%
        List list = new ArrayList();
        list.add(new User("張三",23,new Date()));
        list.add(new User("李四",20,new Date()));
        list.add(new User("王五",25,new Date()));

        request.setAttribute("list",list);
    %>
    <table border="1" width="500" align="center">
        <tr>
            <th>編號</th>
            <th>姓名</th>
            <th>年齡</th>
            <th>生日</th>
        </tr>
        <%--資料行--%>
        <c:forEach items="${list}" var="user" varStatus="s">
            <c:if test="${s.count % 2 != 0}">
                <tr bgcolor="red">
                    <td>${s.count}</td>
                    <td>${user.name}</td>
                    <td>${user.age}</td>
                    <td>${user.birStr}</td>
                </tr>
            </c:if>
            <c:if test="${s.count % 2 == 0}">
                <tr bgcolor="green">
                    <td>${s.count}</td>
                    <td>${user.name}</td>
                    <td>${user.age}</td>
                    <td>${user.birStr}</td>
                </tr>
            </c:if>
        </c:forEach>
    </table>

</body>
</html>

　　

相關文章