创建登录页面Login.jsp,用户登录成功后跳转至Control.jsp,将用户名保存在cookie中,并设置cookie有效期为1分钟,若超过有效期,则弹窗提示cookie已过期,并跳转至登录页面
时间: 2024-04-15 11:26:59 浏览: 104
下面是一个示例的 `Login.jsp` 页面代码,用于用户登录:
```html
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
</head>
<body>
<h1>Login Page</h1>
<form action="Control.jsp" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="Login">
</form>
</body>
</html>
```
然后,在 `Control.jsp` 页面中,可以获取登录成功后的用户名,保存在 Cookie 中,并设置有效期为 1 分钟:
```java
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
String username = request.getParameter("username");
// 设置 Cookie
Cookie cookie = new Cookie("username", username);
cookie.setMaxAge(60); // 设置有效期为 1 分钟
response.addCookie(cookie);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Control</title>
</head>
<body>
<h1>Welcome to Control Page</h1>
<!-- 在这里编写 Control 页面的内容 -->
<script>
// 检查是否超过有效期的 JavaScript 代码
var usernameCookie = getCookie("username");
if (!usernameCookie) {
alert("Cookie has expired. Please login again.");
window.location.href = "Login.jsp";
}
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for (var i = 0; i < cookieArr.length; i++) {
var cookiePair = cookieArr[i].split("=");
if (name === cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}
</script>
</body>
</html>
```
以上是一个简单的示例,实现了用户登录,并将用户名保存在 Cookie 中。在 `Control.jsp` 页面中,使用 JavaScript 检查 Cookie 的有效期,如果超过了有效期,则弹窗提示,并跳转至登录页面。请注意,这只是一个基本的示例,实际的登录和验证过程可能会更加复杂和安全。
阅读全文