JSP的入门及应用

JSP的入门

 

 

 

 

JSP基础知识储备

1.0 指令

 

 

 2.0 注释

 

 

3.0 内置对象

 

MVC开发模式

 

 

 EL表达式

 EL使用

（1）运算

（2）获取值

 

 

 

（3）隐式对象

 

 

JSTL标签

1.0 JSTL入门

 

 

2.0 常用标签

 

 

 

 

 

JSTL表格案例

定义一个Member类　将数据存储在list集合 并将数据打印在页面上以表格的形式

 

Member类

package utils;

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

public class Member {
    private String name;
    private String gender;
    private int age;
    private Date date;

    public String getName() {
        return name;
    }

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

    public String getGender() {
        return gender;
    }

    public void setGender(String gender) {
        this.gender = gender;
    }

    public int getAge() {
        return age;
    }

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

    public Date getDate() {
        return date;
    }

    public void setDate(Date date) {
        this.date = date;
    }

    public Member() {
    }

    public Member(String name, String gender, int age, Date date) {
        this.name = name;
        this.gender = gender;
        this.age = age;
        this.date = date;
    }
    public String getDateformat()
    {
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH时mm分ss秒");
        String format = sdf.format(date);
         return format;

    }
}

　　

<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page import="utils.Member" %>
<%@ 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<Member> list = new ArrayList<>();
         list.add(new Member("V","male",25,new Date()));
         list.add(new Member("JK","male",23,new Date()));
         list.add(new Member("Jimin","male",25,new Date()));
         request.setAttribute("list",list);
    %>
    <table border="1px" align="center">
        <tr>
            <th>编号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>生日</th>
        </tr>

        <c:forEach items="${requestScope.list}" var="member" varStatus="s">
            <c:if test="${s.count%2==0}" >
                <tr bgcolor="#ffc0cb">
                    <td> ${s.count}</td>
                    <td> ${member.name}</td>
                    <td> ${member.gender}</td>
                    <td> ${member.age}</td>
                    <td> ${member.dateformat}</td>
                </tr>
        </c:if>
            <c:if test="${s.count%2!=0}" >
                <tr bgcolor="#f5deb3">
                    <td> ${s.count}</td>
                    <td> ${member.name}</td>
                    <td> ${member.gender}</td>
                    <td> ${member.age}</td>
                    <td> ${member.dateformat}</td>
                </tr>
            </c:if>

        </c:forEach>
    </table>
</body>
</html>

 

 

效果图

 

 

三层架构 

 

posted @ 2020-08-14 10:07  YUNNEN  阅读(204)  评论(0)    收藏  举报