用java web写一个登陆页面
时间: 2023-10-22 20:09:37 浏览: 189
好的,下面是一个简单的 Java Web 登录页面的示例,供您参考:
1. 首先,创建一个名为 "login.jsp" 的 JSP 页面,用于显示登录表单。在这个页面中,我们使用了 Bootstrap 框架来美化表单:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h2>Login Page</h2>
<form action="login" method="post">
<div class="form-group">
<label for="username">Username:</label>
<input type="text" class="form-control" id="username" name="username">
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type="password" class="form-control" id="password" name="password">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</body>
</html>
```
在这个页面中,我们创建了一个表单,其中包含两个输入框和一个提交按钮。当用户点击提交按钮时,表单数据将被提交到名为 "login" 的后端处理程序。
2. 在后端,我们需要编写一个 Servlet 类,用于接收前端传来的数据并进行验证。在这个示例中,我们使用了 Java Servlet API 提供的 HttpSession 类来存储用户登录状态:
```java
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
// 进行用户名和密码的验证
if (username.equals("admin") && password.equals("123456")) {
// 登录成功,将用户信息存到 Session 中
HttpSession session = request.getSession();
session.setAttribute("username", username);
// 跳转到主页
response.sendRedirect("home.jsp");
} else {
// 验证失败,返回错误信息
request.setAttribute("error", "Invalid username or password");
request.getRequestDispatcher("login.jsp").forward(request, response);
}
}
}
```
在这个 Servlet 类中,我们使用 request.getParameter 方法来获取表单数据,并进行用户名和密码的验证。如果验证通过,我们使用 HttpSession 类将用户信息存储到 Session 中,并使用 response.sendRedirect 方法跳转到名为 "home.jsp" 的主页。否则,我们使用 request.setAttribute 方法设置一个名为 "error" 的属性,包含错误信息,然后使用 request.getRequestDispatcher 方法返回到登录页面,并显示错误信息。
3. 最后,创建一个名为 "home.jsp" 的 JSP 页面,用于显示用户登录后的主页。在这个页面中,我们可以使用 HttpSession 类获取用户信息:
```html
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h2>Welcome, <%= session.getAttribute("username") %>!</h2>
<a href="logout">Logout</a>
</div>
</body>
</html>
```
在这个页面中,我们使用了 JSP 的内置对象 session 来获取存储在 Session 中的用户信息,并显示欢迎信息。此外,我们还添加了一个 "Logout" 的链接,用于退出登录。
4. 如果您想要完整的代码示例,可以参考以下 GitHub 仓库中的代码:https://github.com/LeoJinL/JavaWeb-LoginDemo
希望这个示例能够帮助您理解 Java Web 登录页面的制作过程!
阅读全文