如何使用@RequestParam注释获得控制器的表单输入

Question

我正在尝试从Spring Boot应用程序的表单中获取用户输入。我需要做什么？

我实现了一个登录控制器使用@Request estParam注释来请求数据进行验证，但得到参数不存在的结果。

// LoginController.java

@PostMapping(path = "/login")
public String userLogin(@RequestParam("email") String email, 
    @RequestParam("password") String password) {

    // validate username and password
    User user = userRepository.findUserByEmail(email);
    System.out.println(user.getEmail()+" "+user.getPassword());
    if(!(user.getEmail()==email) || !(user.getPassword()==password)){
        logger.info("Invalid user details or not register");
        return "login failed";
    }

    try{
        loginService.login(email, password);
        logger.info("User successfully login");
        return "redirect:dashboard/profile";
    }catch (Exception ex){
        logger.info("",ex);
    }
    return "Successfully logged in ..";
}

Login.html

<form th:action="@{/login}" method="post" class="form-horizontal" role="form">
    <form:hidden path/>
    <div class="form-group">
        <div class="mb-3">
            <input type="email" class="form-control" name="email" id="email" placeholder="[e-mail]" required="required">
        </div>
    </div>

    <div class="form-group">
        <div class="mb-3">
            <input type="password" class="form-control" name="password" id="password" placeholder="" required="required">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <label>
                <input type="checkbox"> Remember me
            </label>
            <button type="submit" class="btn btn-success">Login</button>
        </div>
    </div>
</form>

我希望用户的电子邮件和密码才能登录，但得到

2019-07-27 20:30:54.393 WARN 2900---[nio-8080-exec-2].w.s.m.s.DefaultHandlerExceptionResolver：已解决[org.springframework.web.bind.MissingServletRequestParameterException：不存在必需的字符串参数'email']

Answer 1

该问题是由于糟糕的API设计和URL中的RequestParam不匹配。

将您的 API 更改为：

@PostMapping(path = "/login") public String userLogin(@RequestBody Map<String, Object> user) {
          String username=user.get("user").toString();
          String password=user.get("password").toString();
}

而你的请求体JSON应该是这样的。

{
"user":"USER",
"password":"pass5&234rf"
}

这是来自客户端的POST请求的JSON有效负载(主体)。

Answer 2

您必须从前端发送参数名称：

   const payload: FormData = new FormData();
   payload.append("email", emai);
   payload.append("password", password);