Thymeleaf에서 URL을 생성하기 위해 @{ . . . } 문법을 사용한다.
@{ . . . }
Controller
@GetMapping("/link")
public String link(Model model) {
model.addAttribute("param1", "data1");
model.addAttribute("param2", "data2");
return "basic/link";
}
. HTML
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>URL 링크</h1>
<ul>
<li><a th:href="@{/hello}">basic url</a></li>
<li><a th:href="@{/hello(param1=${param1}, param2=${param2})}">hello query param</a></li>
<li><a th:href="@{/hello/{param1}/{param2}(param1=${param1}, param2=${param2})}">path variable</a></li>
<li><a th:href="@{/hello/{param1}(param1=${param1}, param2=${param2})}">path variable + query parameter</a></li>
</ul>
</body>
</html>
단순한 URL
@{/hello} → .../hello
쿼리 파라미터
@{/hello(param1=${param1}, param2=${param2})} → .../hello?param1=data1&m2=data2
- (...) 의 부분은 쿼리 파라미터로 처리
경로 변수
@{/hello/{param1}/{param2}(param1=${param1}, param2=${param2})} → .../hello/data1/data2
- URL 경로상 변수가 있다면, (...) 의 부분은 경로 변수로 처리
경로 변수 + 쿼리 파라미터
@{/hello/{param1}(param1=${param1}, param2=${param2})} → .../hello/data1?param2=data2
- 경로 변수와 쿼리 파라미터는 함께 결합하여 사용 가능
※ 참고
- 절대 경로, 상대 경로, 프로토콜 기준을 표현하는 것 또한 가능
/hello : 절대 경로
hello : 상대 경로
'Thymeleaf' 카테고리의 다른 글
| [Thymeleaf] 반복 (0) | 2022.12.31 |
|---|---|
| [Thymeleaf] 속성 값 설정 (0) | 2022.12.28 |
| [Thymeleaf] 연산 (0) | 2022.12.26 |
| [Thymeleaf] 리터럴 Literal (0) | 2022.12.25 |
| [Thymeleaf] 유틸리티 객체 및 날짜 (0) | 2022.12.24 |