[스프링부트] 타임리프 (thymeleaf)

티스토리 뷰

(구)Spring

[스프링부트] 타임리프 (thymeleaf)

yeahajeong 2019. 7. 16. 23:06

Thymeleaf

스프링 부트에서 사용하는 뷰템플릿으로 jsp를 대신해 사용자에게 보여줄 화면 처리를 위한 파일

HTML, CSS, JS 로 작성
.html 확장자로 끝나서 다른 자바 프레임 워크에 갖다 붙이기가 상당히 용이하다.
스프링에서 공식 지원하므로 추가적인 뷰설정을 따로 해주지 않아도된다.
스프링에서 밀고있다

새로운 패키지 생성

context root

하나의 톰캣에서 여러개의 웹사이트를 관리할 경우에 걔네를 구분해야 하는데

도메인 뒤에 붙은 애가 컨택스트 루트이다.

부트는 기본적으로 컨텍스트루트가 / (슬래시)로 설정되어있다.

그럼에도 불구하고 컨텍스트 루트를 재지정 해주고싶다면 설정파일에서 해주면 된다.

application.properties

context root를 바꾸려면 server.servlet.context-path=/지정하고싶은컨텍스트루트 으로 해주면 된다.

1
2
3
4

# server port change
server.port=8000
# context root change
server.servlet.context-path=/boot

컨트롤러 생성

SampleController.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

package com.springboot.boot03.sample;
 
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
 
@Controller
public class SampleController {
 
    @GetMapping("/sample1")
    public String sample1(Model model) {
        model.addAttribute("greeting", "Hello!!!");
        return "sample1";
    }
}
 
 

타임리프 파일 만들기

타임리프 파일은 무조건 src/main/resource/templates 에 만들어준다.

파일을 생성할 때 html로 생성하게 되면 이클립스가 자동으로 위치를 src/main/webapp에 설정해버리기 때문에 new- file을 한 후 이름과 확장자명(html)까지 전부 작성해서 파일을 만들어 주도록 한다.

sample1.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Thymeleaf3</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
</head>
<body>
    <h1>타임리프 테스트 페이지!</h1>
    <p th:text="${greeting}"></p>
    <p>[[${greeting}]] World!!</p>
    <div></div>
</body>
</html>
 
 

타임리프 명령어는 모델의 데이터를 사용하기 위해 th:text="${ }"와 [[${ }]]로 이용해서 사용한다.

서버실행 후 접속해서 잘 연결이 되는지 확인한다.

부트는 기본적으로 뷰리졸버 설정을 해주지않아도 플릿폴더 안에있는 html파일로 자동으뷰 연결을 해준다.

html 태그 뒤에 xmlns:th="http://thymeleaf.org" 를 작성해주면 타임리프의 명령어들이 작동하는 html페이지가된다.

저작자표시 비영리 변경금지

'(구)Spring' 카테고리의 다른 글

[스프링부트] 타임리프 객체표현 (0)	2019.07.17
[스프링부트] 타임리프 자동완성 설치 (0)	2019.07.16
[스프링부트] 부트에서 JSP와 마이바티스 사용하기 (0)	2019.07.16
[스프링부트] 스프링 데이터 JPA (0)	2019.07.13
[스프링부트]RestController (0)	2019.07.10

공지사항

최근에 올라온 글

최근에 달린 댓글

Total

Today

Yesterday

링크

TAG more

« 2024/07 »
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

글 보관함

hado-dev-log 📚

티스토리 뷰

[스프링부트] 타임리프 (thymeleaf)

'(구)Spring' 카테고리의 다른 글

티스토리툴바