java登录注册页面代码,有背景图片
时间: 2024-03-07 22:46:38 浏览: 24
好的,我可以为您提供一个简单的 JavaWeb 登录注册页面的代码,包含背景图片。
HTML 代码(login.jsp):
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<style type="text/css">
body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
}
.container {
margin-top: 100px;
text-align: center;
color: #fff;
}
.form-input {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
width: 250px;
font-size: 16px;
}
.btn {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
background-color: #fff;
color: #333;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<h1>Login Page</h1>
<form action="login" method="post">
<input type="text" name="username" placeholder="Username" class="form-input"><br>
<input type="password" name="password" placeholder="Password" class="form-input"><br>
<input type="submit" value="Login" class="btn">
</form>
<p>Don't have an account? <a href="register.jsp">Register now</a></p>
</div>
</body>
</html>
```
HTML 代码(register.jsp):
```html
<!DOCTYPE html>
<html>
<head>
<title>Register Page</title>
<style type="text/css">
body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
}
.container {
margin-top: 100px;
text-align: center;
color: #fff;
}
.form-input {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
width: 250px;
font-size: 16px;
}
.btn {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: none;
background-color: #fff;
color: #333;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<h1>Register Page</h1>
<form action="register" method="post">
<input type="text" name="username" placeholder="Username" class="form-input"><br>
<input type="password" name="password" placeholder="Password" class="form-input"><br>
<input type="password" name="confirm_password" placeholder="Confirm Password" class="form-input"><br>
<input type="email" name="email" placeholder="Email" class="form-input"><br>
<input type="submit" value="Register" class="btn">
</form>
<p>Already have an account? <a href="login.jsp">Login now</a></p>
</div>
</body>
</html>
```
Java 代码(LoginServlet.java):
```java
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
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");
// TODO: 检查用户名和密码是否正确
if (username.equals("admin") && password.equals("admin")) {
response.sendRedirect("welcome.jsp");
} else {
response.sendRedirect("login.jsp");
}
}
}
```
Java 代码(RegisterServlet.java):
```java
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class RegisterServlet 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");
String confirm_password = request.getParameter("confirm_password");
String email = request.getParameter("email");
// TODO: 检查用户名、密码、确认密码和邮箱是否符合要求
// TODO: 将用户信息保存到数据库中
response.sendRedirect("login.jsp");
}
}
```
以上是一个简单的 JavaWeb 登录注册页面的代码,包含背景图片。希望能对您有所帮助。