idea创建登录注册页面代码
时间: 2023-12-08 15:05:05 浏览: 62
以下是使用 Spring Boot 和 Thymeleaf 模板引擎创建登录注册页面的基本示例代码。
1. 创建一个名为 "User" 的实体类,包含用户名和密码属性以及构造函数、Getter 和 Setter 方法。
```java
public class User {
private String username;
private String password;
public User() {}
public User(String username, String password) {
this.username = username;
this.password = password;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
```
2. 创建一个名为 "UserController" 的控制器类,处理登录和注册请求。
```java
@Controller
public class UserController {
@GetMapping("/login")
public String showLoginForm(Model model) {
model.addAttribute("user", new User());
return "login";
}
@PostMapping("/login")
public String login(@ModelAttribute("user") User user, Model model) {
// 处理登录逻辑
return "redirect:/home";
}
@GetMapping("/register")
public String showRegistrationForm(Model model) {
model.addAttribute("user", new User());
return "register";
}
@PostMapping("/register")
public String register(@ModelAttribute("user") User user, Model model) {
// 处理注册逻辑
return "redirect:/home";
}
}
```
3. 创建名为 "login.html" 和 "register.html" 的 Thymeleaf 模板文件,用于渲染登录和注册表单。
login.html:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Login</title>
</head>
<body>
<h1>Login</h1>
<form th:action="@{/login}" th:object="${user}" method="post">
<label for="username">Username:</label>
<input type="text" id="username" th:field="*{username}"/><br/>
<label for="password">Password:</label>
<input type="password" id="password" th:field="*{password}"/><br/>
<input type="submit" value="Login"/>
</form>
</body>
</html>
```
register.html:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Register</title>
</head>
<body>
<h1>Register</h1>
<form th:action="@{/register}" th:object="${user}" method="post">
<label for="username">Username:</label>
<input type="text" id="username" th:field="*{username}"/><br/>
<label for="password">Password:</label>
<input type="password" id="password" th:field="*{password}"/><br/>
<input type="submit" value="Register"/>
</form>
</body>
</html>
```
4. 在 "application.properties" 文件中配置 Thymeleaf 模板引擎和视图解析器。
```properties
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.mvc.view.prefix=/WEB-INF/views/
spring.mvc.view.suffix=.jsp
```
5. 运行程序,访问 "http://localhost:8080/login" 和 "http://localhost:8080/register" 即可看到登录和注册表单页面。