编写两个JSP页面:time.jsp和userTime.jsp。
时间: 2024-10-18 18:01:22 浏览: 32
在JSP(JavaServer Pages)中编写页面通常用于动态网页开发,这里我会简单描述如何创建两个基本的JSP页面:`time.jsp` 和 `userTime.jsp`。
**time.jsp**:
这是一个简单的JSP页面,它可能会显示当前的时间。在JSP文件中,我们可以使用JSTL(JavaServer Pages Standard Tag Library)库中的`<c:out>`标签来输出服务器端的数据:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Current Time</title>
</head>
<body>
<%-- 使用JSTL标签输出当前时间 --%>
<jsp:output format='yyyy-MM-dd HH:mm:ss' />
</body>
</html>
```
在这个例子中,`<jsp:output>` 标签会显示服务器上当前的时间。
**userTime.jsp**:
这个页面可能会根据用户的输入显示个性化的时间。例如,如果用户选择特定的时区,可以显示该时区的时间。这需要一些前端交互和后台处理:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>User's Customized Time</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h2>Enter your timezone:</h2>
<input type="text" id="timezone" placeholder="e.g., America/New_York">
<button onclick="getUserTime()">Get Time</button>
<div id="displayTime"></div>
<script>
function getUserTime() {
var timezone = $('#timezone').val();
$.ajax({
url: 'getTime.php', // 这里假设有个后台处理程序处理用户请求
type: 'POST',
data: { timezone: timezone },
success: function(result) {
$('#displayTime').text(result);
}
});
}
</script>
</body>
</html>
```
在这个例子中,用户可以在文本框中输入时区,点击按钮后通过AJAX向服务器发送请求,获取并显示指定时区的时间。`getTime.php`是一个处理用户请求并返回相应时区时间的PHP脚本。
阅读全文