前端thymeleaf实现登录 将账号和密码给后端

前端使用Thymeleaf实现登录，可以通过表单提交将账号和密码传递给后端。具体实现步骤如下：

1. 在登录页面中创建一个表单，包含账号和密码两个输入框以及一个提交按钮。

<form action="/login" method="post">
    <input type="text" name="username" placeholder="请输入用户名" required>
    <input type="password" name="password" placeholder="请输入密码" required>
    <button type="submit">登录</button>
</form>

2. 在后端Controller中添加处理登录请求的方法，用于获取前端提交的账号和密码。

@PostMapping("/login")
public String login(@RequestParam("username") String username, 
                    @RequestParam("password") String password) {
    // 处理登录逻辑
}

3. 在处理登录逻辑的方法中，可以根据用户名和密码查询数据库或者其他验证方式，判断用户是否合法。如果合法，可以返回一个登录成功的页面；否则返回一个登录失败的页面。

@PostMapping("/login")
public String login(@RequestParam("username") String username, 
                    @RequestParam("password") String password) {
    // 根据用户名和密码查询数据库或者其他验证方式
    if (username.equals("admin") && password.equals("123456")) {
        // 登录成功，跳转到首页
        return "redirect:/index";
    } else {
        // 登录失败，返回登录页面
        return "login";
    }
}