공부하자
[Spring Boot] 7. 타임리프 (4) 본문
* 참고 도서 : 쇼다 츠야노 (2017). 스프링 부트 프로그래밍 입문. 길벗
* 이전 포스팅 : [Spring Boot] 6. 타임리프 (3)
1. 템플릿 프래그먼트
<tag th:fragment="fragmentName">
<tag th:include="templateName::fragmentName">
ex.
common.html 에 <nav th:fragment="header">..</nav> 기술.
index.html 에서 <nav th:include="common::header"></nav> 로 사용.
- part.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
<style th:fragment="frgStyle">
.frg {
color: blue;
}
</style>
</head>
<body>
<h1>Fragment Sample</h1>
<div th:fragment="frgDiv">
<h2>frg</h2>
<p class="frg">frg message..</p>
</div>
</body>
</html>
|
cs |
- index.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
<style th:include="part::frgStyle"></style>
</head>
<body>
<h1>Strongstar Tistory</h1>
<div th:include="part::frgDiv">
<h2>index</h2>
<p>index message..</p>
</div>
</body>
</html>
|
cs |
- TestController.java
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
package com.star.springboot;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class TestController {
@RequestMapping("/")
public ModelAndView index(ModelAndView mav) {
mav.setViewName("index");
return mav;
}
}
|
cs |
- 폴더구조
- 실행 결과
책 기준으로 4.2장까지 끝났습니다.
그리고 한동안 스프링부트 관련 포스팅은 하지 않을 예정입니다.
'공부 > Spring Boot' 카테고리의 다른 글
| [Spring Boot] 6. 타임리프 (3) (0) | 2018.01.13 |
|---|---|
| [Spring Boot] 5. 타임리프 (2) (0) | 2017.12.01 |
| [Spring Boot] 4. 타임리프 (1) (2) | 2017.11.24 |
| [Spring Boot] 3. 데이터 주고받기 (0) | 2017.11.18 |
| STS, Eclipse 에서 Maven istall 할 때 발생하는 에러 해결법 (0) | 2017.11.10 |
'공부/Spring Boot' Related Articles
more
Comments