簡體   English   中英

Null字段在Thymeleaf表單使用Spring引導,其他字段沒問題

[英]Null fields in Thymeleaf form using Spring Boot, other fields fine

我對 Spring Boot 比較陌生。 目前,我正在制作一個帶有用戶注冊系統的 Spring 啟動應用程序,但我遇到了一個問題。 盡管請求已正確發布,但表單中的某些字段在后端注冊為“空”。

我有一個 HTML/Thymeleaf 表單,它提交 8 個字段來創建一個“用戶”object。這是表單:

<form th:action="@{/users/register_attempt}" th:object="${user}"
      method="post" style="max-width: 600px; margin: 0 auto;">
    <div class="m-3">
        <div class="form-group row">
            <label class="col-4 col-form-label">DOB: </label>
            <div class="col-8">
                <input type="text" th:field="*{dob}" class="form-control" th:required="required" />
            </div>
        </div>
        <div class="form-group row">
            <label class="col-4 col-form-label">First Name: </label>
            <div class="col-8">
                <input type="text" th:field="*{name}" class="form-control" th:required="required" />
            </div>
        </div>

        <div class="form-group row">
            <label class="col-4 col-form-label">Surname: </label>
            <div class="col-8">
                <input type="text" th:field="*{surname}" class="form-control" th:required="required" />
            </div>
        </div>

        <div class="form-group row">
            <label class="col-4 col-form-label">PPSN: </label>
            <div class="col-8">
                <input type="text" th:field="*{ppsn}" class="form-control" th:required="required" />
            </div>
        </div>
        <div class="form-group row">
            <label class="col-4 col-form-label">Address: </label>
            <div class="col-8">
                <input type="text" th:field="*{address}" class="form-control" th:required="required" />
            </div>
        </div>
        <div class="form-group row">
            <label class="col-4 col-form-label">Phone Number: </label>
            <div class="col-8">
                <input type="number" th:field="*{phone}" class="form-control"  />
            </div>
        </div>

        <div class="form-group row">
            <label class="col-4 col-form-label">E-mail: </label>
            <div class="col-8">
                <input type="email" th:field="*{email}" class="form-control" th:required="required" />
            </div>
        </div>
        <div class="form-group row">
            <label class="col-4 col-form-label">Password: </label>
            <div class="col-8">
                <input type="password" th:field="*{password}" class="form-control"
                       required minlength="6" maxlength="10" th:required="required"/>
            </div>
        </div>

        <div>
            <button type="submit" class="btn btn-primary">Sign Up</button>
        </div>
    </div>
</form>

這是表單代碼旨在模仿的 model:

public class User {
@Id
@GeneratedValue
private Long id;

@NotBlank
private String dob;
@NotBlank
private String name;
@NotBlank
private String surname;
@NotBlank
private String ppsn;
@NotBlank
private String address;
@NotBlank
private String phone;
@NotBlank
@Column(unique = true)
private String email;

private String nextApptId;

private String dose1Date;

private String dose2Date;

private String lastLogin;
@NotBlank
private String password;

public User() {
    super();
}

public User(String dob, String name, String surname, String ppsn, String address, String phone, String email, String password) {
    super();
    this.dob = dob;
    this.name = name;
    this.surname = surname;
    this.ppsn = ppsn;
    this.address = address;
    this.phone = phone;
    this.email = email;
    this.password = password;
}
 public Long getId() {
    return id;
}

public String getDob() {
    return dob;
}

public String getName() {
    return name;
}

public String getSurname() {
    return surname;
}

public String getPpsn() {
    return ppsn;
}

public String getAddress() {
    return address;
}

public void setAddress(String address) {
    this.address = address;
}

public String getPhone() {
    return phone;
}

public void setPhone(String phone) {
    this.phone = phone;
}

public String getEmail() {
    return email;
}

public void setEmail(String email) {
    this.email = email;
}

public String getNextApptId() {
    return nextApptId;
}

public void setNextApptId(String apptId) {
    this.nextApptId = apptId;
}

public String getDose1Date() {
    return dose1Date;
}

public void setDose1Date(String dose1Date) {
    this.dose1Date = dose1Date;
}

public String getDose2Date() {
    return dose2Date;
}

public void setDose2Date(String dose2Date) {
    this.dose2Date = dose2Date;
}

public String getLastLogin() {
    return lastLogin;
}

public void setLastLogin(String lastLogin) {
    this.lastLogin = lastLogin;
}

public String getPassword() {
    return password;
}

public void setPassword(String password) {
    this.password = password;
}
}

但由於某種原因我無法弄清楚,前四個字段 - 即 Dob(出生日期)、姓名、姓氏和 PPSN,在服務器端實例化用戶 object 時產生 null 錯誤,例如:

     `Resolved [org.springframework.validation.BindException: org.springframework.validation.BeanPropertyBindingResult: 4 errors<EOL>
Field error in object 'user' on field 'dob': rejected value [null]; codes [NotBlank.user.dob,NotBlank.dob,NotBlank.java.lang.String,NotBlank]; arguments [org.springframework.context.support.DefaultMessageSourceResolvable: codes [user.dob,dob]; arguments []; default message [dob]]; default message [must not be blank] `.

其他四個字段,地址、電話、Email 和密碼似乎工作正常。

據我所知,這不是錯字問題(如果最終是這樣,請原諒我)。 我已經使用 Burp 攔截了 Post 請求,以檢查字段的內容是否從表單中提取出來並進入請求,我的用戶 class 中的字段名稱是否正確,實際上它們都按預期存在。

我想這意味着問題來自后端 controller 代碼如何解釋基於 model 的發布請求,但我不知道如何或從哪里開始。 這是當前的 controller:

@GetMapping("/register")
    public String startRegistration(Model model) {
        model.addAttribute("user", new User());
        return "register";
    }  

@PostMapping("/register_attempt")
    public String registerAttempt(@Valid User newUser) {
        BCryptPasswordEncoder passwordEncoder = new BCryptPasswordEncoder();
        String encodedPassword = passwordEncoder.encode(newUser.getPassword());
        newUser.setPassword(encodedPassword);
        userRepository.save(newUser);
        return "registered_successfully";
    }

編輯:進一步調試和澄清問題仍然存在

從 Post Mapping 中刪除@Valid注釋並使用老式的 print 語句顯示相同的結果——前四個字段是 null,原因不明。

    @PostMapping("/register_attempt")
public String registerAttempt(@ModelAttribute("user") User newUser) {
    System.out.println("Saving user ");
    System.out.println("Name " + newUser.getName());
    System.out.println("Last Name " + newUser.getSurname());
    System.out.println("PPSN " +newUser.getPpsn());
    System.out.println("DOB " +newUser.getDob());
    System.out.println("email " +newUser.getEmail());
    System.out.println("address " +newUser.getAddress());
    System.out.println("encrypted password " +newUser.getPassword());
    System.out.println("Phone num " +newUser.getPhone());
    userRepository.save(newUser);
    System.out.println("User saved");
    return "registered_successfully";
}

使用以下虛擬數據:

表格預提交

將此 Post 請求發送到后端:

提交后在 burp 中捕獲的發布請求 - 所有信息都按預期存在

這些打印語句的結果:

Saving user 
name null
last Name null
ppsn null
dob null
email foo@bar.com
address Here and there
password password
Phone num 987654321

這些錯誤消息:

javax.validation.ConstraintViolationException: Validation failed for classes [app.model.User] during persist time for groups [javax.validation.groups.Default, ]
List of constraint violations:[
    ConstraintViolationImpl{interpolatedMessage='must not be blank', propertyPath=surname, rootBeanClass=class app.model.User, messageTemplate='{javax.validation.constraints.NotBlank.message}'}
    ConstraintViolationImpl{interpolatedMessage='must not be blank', propertyPath=dob, rootBeanClass=class app.model.User, messageTemplate='{javax.validation.constraints.NotBlank.message}'}
    ConstraintViolationImpl{interpolatedMessage='must not be blank', propertyPath=name, rootBeanClass=class app.model.User, messageTemplate='{javax.validation.constraints.NotBlank.message}'}
    ConstraintViolationImpl{interpolatedMessage='must not be blank', propertyPath=ppsn, rootBeanClass=class app.model.User, messageTemplate='{javax.validation.constraints.NotBlank.message}'}
]

如果您對為什么會發生這種情況有任何見解,我將不勝感激。

您的 Thymeleaf 模板中有th:object="${user}" ,因此我必須假設您的 controller 中的@GetMapping方法已使用addAttribute添加了一個User實例到Model

在您的@PostMapping中,您還應該使用@ModelAttribute

@PostMapping("/register_attempt")
public String registerAttempt(@Valid @ModelAttribute("user") User newUser) {
  ...

您還需要為每個字段設置設置器。 我看到User沒有setName(String name) ,沒有setDob(String dob) ,...

其他一些提示:

  1. 不要在 controller 方法本身中創建BCryptPasswordEncoder實例。 當您使用 Spring Boot 時,這應該是一個應用程序范圍的 singleton(在 Spring 術語中稱為 bean)。 將 class 添加到您的應用程序中,例如ReservationSystemApplicationConfiguration聲明如下:
@Configuration
public class ReservationSystemApplicationConfiguration {
  @Bean
  public PasswordEncoder passwordEncoder() {
     return new BCryptPasswordEncoder();
  }
}

然后在你的 controller 中,注入密碼編碼器:

@Controller
@RequestMapping("...")
public class MyController {

  private final PasswordEncoder passwordEncoder;

  public MyController(PasswordEncoder passwordEncoder) {
    this.passwordEncoder = passwordEncoder;
  }

  @PostMapping("/register_attempt")
  public String registerAttempt(@Valid @ModelAttribute("user") User newUser) {
    String encodedPassword = passwordEncoder.encode(newUser.getPassword());
    newUser.setPassword(encodedPassword);
    userRepository.save(newUser);
    return "registered_successfully";
  }
}
  1. 一個Controller應該不會直接調用Repository,而是在兩者之間使用一個Service。

  2. 最好使用不同的對象來映射表單數據和將數據存儲到數據庫中。 有關如何執行此操作的更多信息,請參閱Thymeleaf 的表單處理

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM