입력 폼 처리

학습 페이지

타임리프가 제공하는 입력 폼 기능을 적용해서 상품관리 어플을 더 개선해보자…

타임리프 입력 폼을 이용하려면… 재미있는건 소스코드가 변경되어야 한다.

 @GetMapping("/add")
    public String addForm() {
        return "form/addForm";
    }

기존에 그냥 이렇게 getMapping만 되어있던 핸들러에 모델을 추가하자.

    @GetMapping("/add")
    public String addForm(Model model) {
        model.addAttribute("item", new Item());
        return "form/addForm";
    }

이런 빈 깡통 모델이라도 하나 보내줘야 한다고 한다..

th:object

이제 addForm.html에서 보내준 깡통 item을 활용하면 된다.

입력받는 form태그에서 꺼내쓰자.

<form action="item.html" th:action **th:object="${item}"** method="post">

이제 이 item객체를 갖고 form태그 내에서 입력을 받아 해당 item에 저장할 수 있다…

기존 코드를 먼저 보자.

<label for="itemName">상품명</label>
<input type="text" id="itemName" name="itemName" class="form-control" placeholder="이름을 입력하세요">