스프링/Thymeleaf

[Thymeleaf] html -> html 다이렉트로 파라미터 값 전달하기

imcoding 2022. 9. 22. 20:48

 

 

 

Thymeleaf

스프링 MVC에서는 View -> Controller -> View 순서로 코드를 작성해 값을 전달하는게 일반적이다.

 

Thymeleaf를 사용하면 컨트롤러에 파라미터값 전달을 위한 코드 작성 없이 바로 html로 값을 전달할 수 있다.

 

<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li><a href="/memberList/member?paramData=paramInfo">파라미터값 보내기</a></li>
</ul>
</body>
</html>

컨트롤러에 매핑 된 주소에 파라미터 값을 담는다. (html 파일이 아니라 컨트롤러 주소인 것에 주의하자.)

 

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>text</title>
</head>
<body>
<div>
    <span th:text="${param.paramData}"></span>
</div>
</body>
</html>

컨트롤러에서 파라미터 값을 받기 위한 별개의 코드 없이,

html에서 타임리프를 사용해 "${param.***}" 를 작성하면 간단하게 파라미터 값을 전달받을 수 있다.

 

<a th:href="|@{/review/reviewAddForm(reservationId=${reservation.id})}|">리뷰 남기기</a>

타임리프를 사용해서 RequestParam으로 이렇게 전달 후 동일하게 "${param.***}" 으로 받을 수도 있다.

 

 

스프링을 사용하면서 간단한 View탭을 구축하는 데는 타임리프가 정말 최고다..

 

 

 

 

 

 

끝