스프링 MVC - 웹 페이지 만들기: 상품 상세

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

 

상품 상세 컨트롤러와 뷰를 개발

 

BasicItemController에 추가

/baisc/items

PathVariable로 넘어온 상품ID로 상품을 조회하고, 모델에 담아둔다. 그리고 뷰 템플릿을 호출한다.

 

상품 상세 뷰

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

 

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

 

 

속성 변경 - th:value

th:value="${item.id}"

˙ 모델에 있는 item 정보를 획득하고 프로퍼티 접근법으로 출력한다. item.getId()
˙ value 속성을 th:value 속성으로 변경한다.

 

 

상품 수정 링크

th:onclick="|location.href='@{/basic/items/{itemId}/edit(itemId=${item.id})}'|"

 

목록으로 링크

th:onclick="|location.href='@{/basic/items}'|"