JSP&EL&JSTL(五)_JSTL学习和一个jstl+el的小练习

  • JSTL


    1. 概念:JavaServer Pages Tag Library JSP标准库
        * 是由Apache组织提供的开源的免费的jsp标签



    
    2. 作用:用于简化和替换jsp页面上的java代码
    



    3. 使用步骤:
        1. 导入jstl相关jar包
        2. 引入标签库:taglib指令:  <%@ taglib %>
        3. 使用标签



    4. 常用的JSTL标签:
        1. if        :相当于java代码的if语句
             1. 属性:
                * test 必须属性,接受boolean表达式
                    * 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容
                    * 一般情况下,test属性值会结合el表达式一起使用
                2. 注意:
                    * c:if标签没有else情况,想要else情况,则可以在定义一个c:if标签
              代码演示:
               

 <%@ page import="java.util.List" %>
                <%@ page import="java.util.ArrayList" %>
                <%@ 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
                        1. 属性:
                            * test 必须具备的属性,否则报错,接收boolean表达式
                                * 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容
                                * 一般情况下,test属性值会结合el表达式一起使用
                        2. 注意:
                            c:if标签没有else情况,想要有else情况,则可以再定义一个c:if标签
                --%>
                <c:if test="true">
                    <h1>我是真的</h1>
                </c:if>
                    <c:if test="false">
                        <h1>我是假的</h1>
                    </c:if>
                
                <%--test属性值会结合el表达式一起使用--%>
                <%
                    // 判断request域中的list集合是否为空,如果不为空,则显示遍历集合
                
                    List list =new ArrayList();
                    list.add("aaa");
                    request.setAttribute("list",list);
                    request.setAttribute("number",3);
                %>
                
                <c:if test="${not empty list}">
                    遍历集合
                </c:if>
                <%--判断奇偶--%>
                <c:if test="${number % 2!=0}">
                
                    ${number}为奇数
                </c:if>
                </body>
                </html>
                     


        2. choose    :相当于java代码中的switch语句
            1. 使用choose标签声明                     相当于switch声明
            2. 使用when标签做判断                     相当于case
            3. 使用otherwise标签做其他情况的声明        相当于default
            代码演示:
                

<%@ 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",3);
                
                    %>
                
                    <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>



        3. foreach    :相当于java代码的for语句
             1. 完成重复的操作
                    for (int i = 0; i < n ; i++) {
        
                    }
        
                    * 属性:
                        begin:开始值   相当于0
                        end:结束值     相当于n
                        var:临时值    相当于i
                        step:步长     相当于i++
                        varStatus:循环的状态对象
                            index:容器中元素的索引,从0开始,但是在普通for循环中,只是显示对应i的值
                            count:循环次数,从1开始
                2. 遍历容器,采用迭代器即可
                    List<User> list;
                    for (User user:list) {
        
                    }
        
                    * 属性:
                        items:容器对象          相当于list
                        var:容器中元素的临时变量  相当于user
            代码演示:
                

				<%@ page import="java.util.List" %>
				<%@ page import="java.util.ArrayList" %>
				<%@ 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>
				<%--
				    foreach:相当于java代码的for语句
				        1. 完成重复的操作
				            for (int i = 0; i < n ; i++) {
				
				            }
				
				            * 属性:
				                begin:开始值   相当于0
				                end:结束值     相当于n
				                var:临时值    相当于i
				                step:步长     相当于i++
				                varStatus:循环的状态对象
				                    index:容器中元素的索引,从0开始,但是在普通for循环中,只是显示对应i的值
				                    count:循环次数,从1开始
				        2. 遍历容器,采用迭代器即可
				            List<User> list;
				            for (User user:list) {
				
				            }
				
				            * 属性:
				                items:容器对象          相当于list
				                var:容器中元素的临时变量  相当于user
				--%>
				<%--打印出来1~10--%>
				<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>




 



    5. 练习:
        * 需求:在request域中有一个存有User对象的List集合。需要使用jstl+el将list集合数据展示到jsp页面的表格table中,并且要求表格居中,且表格边框为1px,宽度为500px,并且其奇数行背景颜色为#bc8f8f,偶数行背景颜色为#adff2f
        * 代码如下:
            * User类:
               

 package zr.web.domain;

                import java.text.SimpleDateFormat;
                import java.util.Date;
                
                public class User {
                    private  String name;
                    private  int age;
                    private Date birthdayDate;
                
                    public User(String name, int age, Date birthdayDate) {
                        this.name = name;
                        this.age = age;
                        this.birthdayDate = birthdayDate;
                    }
                
                    public User() {
                    }
                
                    public void setName(String name) {
                        this.name = name;
                    }
                
                    public void setAge(int age) {
                        this.age = age;
                    }
                
                    public void setBirthdayDate(Date birthdayDate) {
                        this.birthdayDate = birthdayDate;
                    }
                
                    public String getName() {
                        return name;
                    }
                
                    public int getAge() {
                        return age;
                    }
                
                    public Date getBirthdayDate() {
                        return birthdayDate;
                    }
                
                    /**
                     * 逻辑视图
                     * @return
                     */
                    public String getBirStr(){
                
                        //格式化日期
                
                        SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
                
                        //返回日期字符串
                        return sdf.format(birthdayDate);
                    }
                
                    @Override
                    public String toString() {
                        return "User{" +
                                "name='" + name + '\'' +
                                ", age=" + age +
                                ", birthdayDate=" + birthdayDate +
                                '}';
                    }
                }


            * jsp
                

<%@ page import="zr.web.domain.User" %>
                <%@ page import="java.util.List" %>
                <%@ page import="java.util.ArrayList" %>
                <%@ 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>test</title>
                </head>
                <body>
                
                
                    <%
                        List list =new ArrayList();
                        list.add(new User("张三",23,new Date()));
                        list.add(new User("李四",22,new Date()));
                        list.add(new User("王五",24,new Date()));
                        request.setAttribute("list",list);
                
                    %>
                
                <table border="1" align="center" width="500">
                    <tr>
                        <th>编号</th>
                        <th>姓名</th>
                        <th>年龄</th>
                        <th>生日</th>
                    </tr>
                
                <%--    数据行--%>
                <%--    变色  奇数行背景色为#bc8f8f  偶数行背景色为#adff2f--%>
                    <c:forEach items="${list}" var="user" varStatus="s">
                
                        <c:if test="${s.count % 2 == 0}">
                            <tr bgcolor="#adff2f">
                                <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="#bc8f8f">
                                <td>${s.count}</td>
                                <td>${user.name}</td>
                                <td>${user.age}</td>
                                <td>${user.birStr}</td>
                            </tr>
                
                        </c:if>
                
                
                    </c:forEach>
                </table>
                </body>
                </html>

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值