코드 그라데이션

Thymeleaf (5) URL 링크 본문

Spring/Thymeleaf

Thymeleaf (5) URL 링크

완벽한 장면 2023. 11. 10. 21:45

URL 링크

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

 

 

BasicController 에 추가

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

 

 

/resources/templates/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>

 

설명

<a th:href="@{/hello}">

  • Thymeleaf의 th:href 속성을 사용하여 상대 URL "/hello"를 생성한다. 
  • 이 URL은 "basic url" 텍스트로 표시되는 하이퍼링크로 연결 된다.

 

<a th:href="@{/hello(param1=${param1}, param2=${param2})}">

  • "hello query param" 텍스트로 표시되는 하이퍼링크를 생성하며, 쿼리 매개변수 param1과 param2를 포함한 "/hello" URL을 생성한다. 
  • 이 매개변수는 클라이언트가 제공한 값을 가진다.

 

<a th:href="@{/hello/{param1}/{param2}(param1=${param1}, param2=${param2})}">

  • "path variable" 텍스트로 표시되는 하이퍼링크를 생성하며, 경로 변수 param1과 param2를 포함한 "/hello/{param1}/{param2}" URL을 생성한다. 
  • 이 변수는 클라이언트가 제공한 값을 가진다.

 

<a th:href="@{/hello/{param1}(param1=${param1}, param2=${param2})}">'

  •  "path variable + query parameter" 텍스트로 표시되는 하이퍼링크를 생성하며, 경로 변수 param1과 쿼리 매개변수 param2를 포함한 "/hello/{param1}" URL을 생성한다. 
  • 이 변수와 매개변수는 클라이언트가 제공한 값을 가진다.

\

단순한 URL

 

쿼리 파라미터

 

경로 변수

 

경로 변수 + 쿼리 파라미터

 

 

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


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

 

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

 

Tutorial: Using Thymeleaf

1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text. The main goal of Thymeleaf is to provide a

www.thymeleaf.org

 

실행

http://localhost:8080/basic/link

 

728x90

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

Thymeleaf (7) 연산  (0) 2023.11.13
Thymeleaf (6) 리터럴(Literals)  (1) 2023.11.12
Thymeleaf (4) 유틸리티 객체와 날짜  (0) 2023.11.09
Thymeleaf (3) 기본 객체들  (1) 2023.11.09
Thymeleaf (2) 변수 - SpringEL  (0) 2023.11.08
'Spring/Thymeleaf' Related Articles more
Comments