[개발일지#021] 타임리프 th:object, th:field 적용하기

[참고]
김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 
둥근 피드백은 언제나 환영입니다.

[오늘의 개발내용]
1. 타임리프 th:object, th:field 적용하기

 

• 타임리프에서 지원해주는 기능인 타임리프 th:object, th:field 입력폼처리 기능을 적용해볼 예정. 
• HTML 태그의 id, name, value 속성을 자동으로 처리해줌.
• 적용대상 timeline/addFrom.htm / timeline/editForm.html / members/addFrom.html / members/editForm.html

 

타임리프 th:object, th:field 사용하기 

1) TimelineController

    @GetMapping("/add")
    public String addForm(Model model){
        model.addAttribute("timeline", new Timeline()); //빈객체 
        return "timeline/addForm";
    }

• model 을 활용하여 빈 타임라인 객체를 하나 넣어줌.

 

2)timeline/addFrom.html

기존에 id, name을 아래와 같이 직접 타이핑 했다면 

 

아래와 같이 폼태그에 th:object로 타임라인을 받아오고 각 입력 폼에 th:field를 사용함. 

 

 

---

[구현화면]

해당화면을 개발자도구로 찍어보면 field 만 입력했음에도 불구하고 name, value가 자동 생성되어 만들어짐.