JSTL与EL

在web目录里创建演示页面demo04.jsp
在这里插入图片描述
在WEB-INF目录里创建lib子目录,添加标准标签库jar包
在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>formateDate标签应用示例</title>
</head>
<body>
<h3>formateDate标签应用示例</h3>
<jsp:useBean id="now" class="java.util.Date"/>
<fmt:formatDate var="date" value="${now}"
                type="date" dateStyle="default"/>
<fmt:formatDate var="time" value="${now}"
                type="time" timeStyle="default"/>
<table border="1">
    <tr>
        <td>序号</td>
        <td>样式</td>
        <td>日期</td>
        <td>时间</td>
    </tr>
    <tr>
        <td>1</td>
        <td>default</td>
        <td>${date}</td>
        <td> ${time}</td>
    </tr>

    <fmt:formatDate var="date" value="${now}"
                    type="date" dateStyle="short"/>
    <fmt:formatDate var="time" value="${now}"
                    type="time" timeStyle="short"/>
    <tr>
        <td>2</td>
        <td>short</td>
        <td>${date}</td>
        <td> ${time}</td>
    </tr>

    <fmt:formatDate var="date" value="${now}"
                    type="date" dateStyle="medium"/>
    <fmt:formatDate var="time" value="${now}"
                    type="time" timeStyle="medium"/>
    <tr>
        <td>3</td>
        <td>medium</td>
        <td>${date}</td>
        <td> ${time}</td>
    </tr>

    <fmt:formatDate var="date" value="${now}"
                    type="date" dateStyle="long"/>
    <fmt:formatDate var="time" value="${now}"
                    type="time" timeStyle="long"/>
    <tr>
        <td>4</td>
        <td>long</td>
        <td>${date}</td>
        <td> ${time}</td>
    </tr>

    <fmt:formatDate var="date" value="${now}"
                    type="date" dateStyle="full"/>
    <fmt:formatDate var="time" value="${now}"
                    type="time" timeStyle="full"/>
    <tr>
        <td>5</td>
        <td>full</td>
        <td>${date}</td>
        <td> ${time}</td>
    </tr>
</table>
<p/>
<fmt:formatDate value="${now}" var="result"
                type="both" pattern="yyyy年MM月dd日 hh时mm分ss秒"/>
自定义显示当前时间:${result}
</body>
</html>

重启服务,查看结果
在这里插入图片描述
创建注册页面
在这里插入图片描述
创建验证登录页面
在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
    <script type="text/javascript" src="js/check.js"></script>
</head>
<body>
<h3 style="text-align: center">用户注册</h3>
<form name="frmRegister" action="do_register.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">Name</td>
            <td><input id="username" type="text" name="username"/></td>
        </tr>
        <tr>
            <td align="center">BirthDate</td>
            <td><input id="Birth Date"  type="Birth Date" name="Birth Date"/></td>
        </tr>
        <tr>
            <td align="center">EmailAddress</td>
            <td><input id="Email Address" type="EmailAddress" name="Email Address"/></td>
        </tr>
        <tr>
            <td align="center">LuckyNumber</td>
            <td><input id="number" type="LuckyNumber" name="number"/></td>
        </tr>
        <tr>
            <td align="center">Gender</td>
            <td><input id="Gender" type="text" name="Gender"/></td>
        </tr>
        <tr>
            <td align="center">Favorite</td>
            <td>
                <input type="checkbox" name="channel" value="Pizza">Pizza
                <input type="checkbox" name="channel" value="Pasta">Pasta
                <input type="checkbox" name="channel" value="Chinese">Chinese
            </td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="submit" value="提交"/>
                <input type="reset" value="重置"/>
            </td>
        </tr>
    </table>
</form>
<script type="text/javascript">
</script>
</body>
</html>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>information</title>
</head>
<body>
<%
    // 设置请求对象字符编码格式
    request.setCharacterEncoding("utf-8");
    //读取信息
    String username = request.getParameter("username");
    String BirthDate = request.getParameter("Birth Date");
    String EmailAddress = request.getParameter("EmailAddress");
    String LuckyNumber = request.getParameter("LuckyNumber");
    String Gender = request.getParameter("Gender");
    // 读取复选框选择项
    String[] channels = request.getParameterValues("channel");
    StringBuffer buffer = new StringBuffer();
    if (channels != null) {
        for (String channel:channels) {
            buffer.append(channel + " ");
        }
    }
%>
<h3>用户注册信息</h3>
user:<%= username %><br/>
BirthDate:<%= BirthDate %><br/>
Favorite:<%= buffer.toString() %><br />
EmailAddress:<%= EmailAddress %><br />
LuckyNumber:<%= LuckyNumber %><br />
Gender:<%= Gender %><br />
</body>
</html>

重启服务器,查看运行结果
在这里插入图片描述
提交后
在这里插入图片描述
发现有两个信息没有保存上

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值