view 환경설정

OneTwoThree·2023년 6월 17일
0

welcome page

  • resource/static/index.html 을 만들면 처음에 들어갔을 때 웰컴페이지 역할을 해준다

  • 스프링부트 doc
    여기서 필요한 기능을 검색해서 사용할 줄 알아야 한다(예를들어 index.html 검색해서 웰컴페이지 어떻게 작동하는지 확인)

    템플릿 엔진

  • thymeleaf 사용

  • 동적인 페이지 반환 가능

    Controller

  • 웹 애플리케이션의 첫번째 진입점

    @GetMapping("hello")
    public String  hello(Model model){
        model.addAttribute("data","hello!");

        return "hello";
    }
  • 컨트롤러에서 리턴 값으로 문자열을 반환하면 뷰 리졸버가 화면을 찾아서 처리함
  • 스프링부트 기본 viewName 매핑은 다음과 같다

    resources/templates/+{viewName}+.html

View

<!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 템플릿 엔진을 사용함
  • ${data} 형식으로 컨트롤러에서 파라미터로 받은 model에서 addAttribute 할 때 사용한 key 값을 사용해 value를 화면에 표시함

0개의 댓글