폼을 통해 받은 데이터를, 직접 만든 Model에 매핑하는 방법

넵 맨위에 영한님과, OMG님의 코드를 보구
@ModelAttribute가 컬렉션 필드를 가지는 커스텀 객체(중첩된)를  받을 수 있게 수정할 수 있었습니다

JPA강의 진짜 듣고싶어졌습니다 ㅎㅎ 

고맙습니다!!

MVC1편 강의에서 다루는 예제가 프리미티브 타입의 심플한 예제(name, age)로 강의가 구성되어 있어

조금 복잡하고 스케일이 큰 상황에서의 적용 방법이 난해하시다고 판단 되는데요.

아래 코드(MVC 패턴의 폼 데아터 처리) 보시고 본인의 프로젝트에서 적용 가능한 방법과 예제 인 것 같으면

영한님의  <실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발> 강의 보시는 걸 추천드립니다.

(해당 강의 코드 입니다.)

서버단 코드

@GetMapping(value = "/order")
public String createForm(Model model) {
    List<Member> members = memberService.findMembers();
    List<Item> items = itemService.findItems();

    model.addAttribute("members", members);
    model.addAttribute("items", items);
    return "order/orderForm";
    // 주문에 필요한 회원, 상품 정보를 모델에 담아 폼 데이터 화면에 내려줍니다
}

@PostMapping(value = "/order")
public String order(@RequestParam("memberId") Long memberId, @RequestParam("itemId") Long itemId,
 @RequestParam("count") int count) {
    orderService.order(memberId, itemId, count);
    return "redirect:/orders";
} // 폼 데이터에서 선택한 항목들을 @RequestParam을 통해 받아옵니다. 만약 item을 복수로 받아 오고 싶다면 
// List<Long> itemIds로 바꾸면 될 거 같네요.

클라이언트단 코드

<form role="form" action="/order" method="post">
    <div class="form-group">
        <label for="member">주문회원</label>
        <select name="memberId" id="member" class="form-control">
            <option value="">회원선택</option>
            <option th:each="member : ${members}"
                    th:value="${member.id}"
                    th:text="${member.name}" />
        </select>
    </div>
    <div class="form-group">
        <label for="item">상품명</label>
        <select name="itemId" id="item" class="form-control">
            <option value="">상품선택</option> <!-- 복수의 상품을 선택하고 싶다면 multipe 속성 추가(?) -->
            <option th:each="item : ${items}"
                    th:value="${item.id}"
                    th:text="${item.name}" />
        </select>
    </div>
    <div class="form-group">
        <label for="count">주문수량</label>
        <input type="number" name="count" class="form-control" id="count"
               placeholder="주문 수량을 입력하세요">
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>

안녕하세요. hanul_kr님

@ModelAttribute는 중첩을 처리합니다.

1. 단순 중첩: 프로퍼티 이름. 프로퍼티 이름

2. 컬렉션 중첩: 프로퍼티 이름[index]. 프로퍼티 이름

예제로 알려드릴게요.

package com.example.modelattribute.web;

import lombok.Data;

import java.util.List;

@Data
public class UserForm {

    private String username;
    TeamForm team;
    List<TeamForm> teams;
}

package com.example.modelattribute.web;

import lombok.Data;

@Data
public class TeamForm {

    private String teamName;
}

package com.example.modelattribute.web;

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class FormController {

    /**
     * 폼에서 전달하는 name
     * username
     * team.teamName
     * teams[0].teamName
     * teams[1].teamName
     *
     */
    @PostMapping("/form/go")
    public UserForm go(UserForm form) {
        return form;
    }

}

결과

도움이 되셨길 바래요^^