thymeleaf模板登录注册模板 代码
时间: 2024-04-10 20:10:44 浏览: 9
以下是一个简单的 Thymeleaf 登录注册模板示例:
登录页面模板:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Login</title>
</head>
<body>
<h1>Login</h1>
<form method="post" th:action="@{/login}">
<label for="username">Username:</label>
<input type="text" id="username" name="username" /><br />
<label for="password">Password:</label>
<input type="password" id="password" name="password" /><br />
<input type="submit" value="Login" />
</form>
</body>
</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 method="post" th:action="@{/register}">
<label for="username">Username:</label>
<input type="text" id="username" name="username" /><br />
<label for="password">Password:</label>
<input type="password" id="password" name="password" /><br />
<label for="confirmPassword">Confirm Password:</label>
<input type="password" id="confirmPassword" name="confirmPassword" /><br />
<input type="submit" value="Register" />
</form>
</body>
</html>
```
在控制器中,我们可以使用 `@GetMapping` 和 `@PostMapping` 注解来处理 GET 和 POST 请求,如下所示:
```java
@Controller
public class AuthController {
@GetMapping("/login")
public String showLoginForm() {
return "login";
}
@PostMapping("/login")
public String login(@RequestParam("username") String username,
@RequestParam("password") String password,
Model model) {
// 处理登录逻辑
return "redirect:/home";
}
@GetMapping("/register")
public String showRegisterForm() {
return "register";
}
@PostMapping("/register")
public String register(@RequestParam("username") String username,
@RequestParam("password") String password,
@RequestParam("confirmPassword") String confirmPassword,
Model model) {
// 处理注册逻辑
return "redirect:/login";
}
}
```
以上代码示例仅供参考,具体实现方式可能因项目需求而异。