servlet编写登录页面
时间: 2023-10-22 22:08:02 浏览: 59
要编写一个基本的登录页面,需要使用Servlet和JSP进行开发,并且需要使用HTML和CSS进行前端设计。以下是一个基本的登录页面的示例代码:
index.jsp:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="login-box">
<h2>Login Here</h2>
<form action="LoginServlet" method="post">
<p>Username</p>
<input type="text" name="username" placeholder="Enter Username">
<p>Password</p>
<input type="password" name="password" placeholder="Enter Password">
<input type="submit" name="submit" value="Login">
</form>
</div>
</body>
</html>
```
style.css:
```css
.login-box {
width: 280px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #191919;
padding: 30px;
border-radius: 5px;
color: #fff;
text-align: center;
}
.login-box h2 {
margin: 0 0 30px;
padding: 0;
}
.login-box input[type="text"], .login-box input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 25px;
background: none;
border: none;
border-bottom: 1px solid #fff;
font-size: 16px;
color: #fff;
}
.login-box input[type="submit"] {
width: 100%;
background: none;
border: 2px solid #fff;
padding: 10px;
color: #fff;
font-size: 20px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
}
.login-box input[type="submit"]:hover {
background: #fff;
color: #191919;
}
```
LoginServlet.java:
```java
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
String username = request.getParameter("username");
String password = request.getParameter("password");
if(username.equals("admin") && password.equals("12345")) {
out.println("<h1>Login Successful</h1>");
} else {
out.println("<h1>Login Failed</h1>");
}
}
}
```
在这个示例中,我们使用HTML和CSS创建了一个简单的登录页面。在表单中,我们定义了两个输入字段,分别接受用户名和密码。当用户单击“登录”按钮时,表单将通过POST请求发送到名为“LoginServlet”的Servlet。在LoginServlet中,我们从请求中获取用户名和密码,并将其与硬编码的值进行比较。如果用户名和密码与硬编码值匹配,则在响应中输出“登录成功”,否则输出“登录失败”。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)