오봉이와 함께하는 개발 블로그

스프링 MVC 2 - 타임리프 URL 본문

BE/Thymeleaf

스프링 MVC 2 - 타임리프 URL

오봉봉이 2022. 8. 16. 22:49
728x90

URL 링크

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

코드, 결과

@GetMapping("/link")
public String link(Model model) {
    model.addAttribute("param1", "data1");
    model.addAttribute("param2", "data2");

    return "basic/link";
}
<!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>

해당 코드를 실행하면 4개의 링크가 만들어진다.

단순한 URL

@{/hello}는 /hello로 치환된다

쿼리 파라미터

@{/hello(param1=${param1}, param2=${param2})} -> /hello?param1=data1&param2=data2
URL 경로상에 변수가 있으면 ()부분은 경로 변수로 처리된다.

경로 변수 + 쿼리 파라미터

@{/hello/{param1}(param1=${param1}, param2=${param2})} -> /hello/data1?param2=data2
경로 변수와 쿼리 파라미터를 함께 사요할 수 있다.

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

  • /hello : 절대 경로
  • hello : 상대 경로

참고 링크
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#link-urls

출처 : 인프런 김영한 지식공유자님 강의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
728x90
저작자표시

'BE > Thymeleaf' 카테고리의 다른 글

스프링 MVC 2 - 타임리프 연산  (0) 2022.08.16
스프링 MVC 2 - literal(리터럴)  (0) 2022.08.16
스프링 MVC 2 - 기본 객체, 유틸리티 객체와 날짜  (0) 2022.08.16
스프링 MVC 2 - 변수 SpringEL  (0) 2022.08.16
스프링 MVC 2 - 타임리프 text, utext  (0) 2022.08.16
'BE/Thymeleaf' Related Articles more
Comments