[Spring] Thymeleaf 적용해보기 - Step 2. HTML-controller 데이터 전송

Step 1 설명:

2021.03.15 - [개발/Spring Boot] - [Spring] Thymeleaf 적용해보기 - Step 1. 네비게이션 바, 입력 파라미터 설정

 

Step 2 코드: github.com/hovy1994/Thymeleaf/tree/step2

 

입력 form 만들기

<form id="myForm" method="post" action="/profile" enctype="multipart/form-data">
        <table class="profile">
            <tr>
                <td>이름</td>
                <td><input type="text" id="username" name="username"/></td>
            </tr>
            <tr>
                <td>성별</td>
                <td><input type="text" id="gender" name="gender"/></td>
            </tr>
            <tr>
                <td>홈페이지 주소</td>
                <td><input type="text" id="homepage" name="homepage"/></td>
            </tr>
        </table>
        <input type="submit" id="submit" value="저장" cass="submitForm">
</form>

• <form>에 입력한 값들을 "/profile"로 보낸다.
• method는 post와 get 두 종류를 사용할 수 있다.
• 따로 객체 타입을 정의해주지 않아도 알아서 form 값들이 (Profile 객체로) 묶여서 보내지게 된다.

@PostMapping("/profile")
public String saveProfileInfo(Profile profile) {

  System.out.println("username: " + profile.getUsername());
  System.out.println("gender: " + profile.getGender());
  System.out.println("homepage: " + profile.getHomepage());

  profileService.saveProfile(profile);
  return "redirect:/";
}

 

 

실행 결과: