URL 링크

shinyeongwoon·2022년 12월 30일
0

tymeleaf

목록 보기
6/24

URL 링크

타임리프에서 URL을 생성할 때는 @{...}문법을 사용하면 된다.

BasicController 추가

@GetMapping("/link")
public String link(Model model){
	model.addAttribute("param1","data1");
	model.addAttribute("param2","date2");
	return "basic/link";
}

/resources/template/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=${parma1}, param2=${param2})}

  • -> /hello?param1=data1&param2=data2
  • ()에 있는 부분은 쿼리 파라미터로 처리된다.

경로 변수

@{/hello/{param1}/{param2}(param1=${param1}, param2=${param2})}

  • -> /hello/data1/data2
  • URL 경로상에 변수가 있으면 () 부분은 경로 변수로 처리된다.

경로 변수 + 쿼리 파라미터

@{/hello/{param1}(param1=${param1}, param2=${param2})}

  • -> /hello/data1?param2=data2
  • 경로 변수와 쿼리 파라미터를 함께 사용할 수 있다.

상대경로, 절대경로, 프로토콜 기준으로 표현할 수 도 있다.

0개의 댓글