BackEnd/Spring & Springboot Study

[프로젝트 환경설정] 03. View 환경설정

View 환경설정

Welcome Page 만들기

resources/static/index.html

<!DOCTYPE HTML>
<html>
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Hello
<a href="/hello">hello</a>
</body>
</html>

 

 

 

 

thymeleaf 템플릿 엔진

package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HelloController {
    @GetMapping("hello")
    public String hello(Model model) {
        model.addAttribute("data", "hello!!");
        return "hello";
    }
}

 

resources/templates/hello.html 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="'안녕하세요. ' + ${data}" >안녕하세요. 손님</p>
</body>
</html>

 

thymeleaf 템플릿엔진 동작 확인

실행: http://localhost:8080/hello

 

 

동작 환경 그림 컨트롤러에서 리턴 값으로 문자를 반환하면 뷰 리졸버( viewResolver )가 화면을 찾아서 처리한다.

스프링 부트 템플릿엔진 기본 viewName 매핑

resources:templates/ +{ViewName}+ .html >

 

참고: spring-boot-devtools 라이브러리를 추가하면, html 파일을 컴파일만 해주면 서버 재시작 없이 View 파일 변경이 가능하다. > 인텔리J 컴파일 방법: 메뉴 build Recompile

 

Springboot로 정적파일 및 Thymeleaf를 이용한 실행을 알아보았다.

저작자표시

'BackEnd > Spring & Springboot Study' 카테고리의 다른 글

[스프링 웹 개발 기초] - 05. 정적 컨텐츠  (0) 2021.04.09
[프로젝트 환경설정] 04. 빌드하고 실행하기  (0) 2021.04.09
[프로젝트 환경설정] 02. 라이브러리 살펴보기  (0) 2021.03.31
[프로젝트 환경설정] 01. Spring Boot로 프로젝트 생성하기  (0) 2021.03.23
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술  (0) 2021.03.23