스프링 MVC - 웹 페이지 만들기: 상품 등록 폼

이 글은 김영한 님의 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 강의를 수강하며 정리한 글입니다.

 

BasicItemController에 추가

데이터를 저장하는 것이 아니라 폼을 보여 주는 것이므로 Get 방식이다
상품 등록 폼은 단순히 뷰 템플릿만 호출한다.

 

상품 등록 폼 뷰

정적 HTML을 뷰 템플릿(templates) 영역으로 복사
/resources/static/addForm.html → 복사 → /resources/templates/basic/addForm.html

 

상: 정적 HTML, 하: 타임리프를 적용한 동적 파일

 

 

속성 변경 - th:action

˙ HTML form에서 action에 값이 없으면 현재 URL에 데이터를 전송한다.
˙ 상품 등록 폼의 URL과 실제 상품 등록을 처리하는 URL을 똑같이 맞추고 HTTP 메서드로 두 기능을 구분한다.
    ˙ 상품 등록 폼:    GET   /basic/items/add
    ˙ 상품 등록 처리: POST /basic/items/add
˙ 이렇게 하면 하나의 URL로 등록 폼과, 등록 처리를 깔끔하게 처리할 수 있다.

 

 

취소

취소 시 상품 목록으로 이동한다.