MVC와 템플릿 엔진

HOYA·2023년 4월 3일

스프링 입문

목록 보기

2/5

MVC: Model, View, Controller

요즘에는 Controller와 View를 나누는 것이 기본 ➡️
그래서 View는 화면에 관련된 일만, Controller는 비지니스로직과 뒷단 로직을 처리한다. 그리고 Model에 화면에 필요한 것을 담아서 View에 넘겨주는 역할을 한다.

controller 설정

우선 Controller 패키지를 생성 ➡️ 패키지명은 Controller ➡️ Controller 패캐지안에 Java class로 HelloController 만들기

thymeleaf 템플릿 엔진

@Controller
public class HelloController {

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

controller > HelloController.java

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

resource > templates > hello.html

http://localhost:8080/hello로 들어가게 되면

이런식으로 문자열 hello를 받아서 hello.html을 보여주게 된다.

동작 환경 설명

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

스프링 부트 템플릿엔진 기본 viewName 매핑
resources:templates/ +{ViewName}+ .html

MVC와 템플릿 엔진

@Controller
public class HelloController {

    @GetMapping("hello-template")
    public String helloMvc(@RequestParam("name") String name, Model model) {
        model.addAttribute("name", name);
        return "hello-template";
    }
}

controller > HelloController.java

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Hello-spring</title>
</head>
<body>
<p th:text="'hello ' + ${name}">hello! empty</p>
</body>
</html>

resource > templates > hello-template.html

http://localhost:8080/hello-mvc?name=spring로 들어가게 되면

이런식으로 문자열 hello-template를 받아서 hello-template.html을 보여주게 된다.

MVC, 템플릿 엔진 이미지

위 동작 환경 설명과 같음으로 생략

/hello-mvc?name=spring 이런식으로 ? 뒤에 name은 spring이라는 파라미터를 전달해준다.

API

@ResponseBody 문자 반환

@Controller
public class HelloController {

    @GetMapping("hello-string")
    @ResponseBody
    public String helloString(@RequestParam("name") String name) {
        return "hello " + name;
    }
}

http://localhost:8080/hello-string?name=spring를 실행시켜주면

이런식으로 HTML형식이 아닌 String값을 반환한다.

@ResponseBody 객체 반환

@Controller
public class HelloController {

    @GetMapping("hello-api")
    @ResponseBody
    public Hello helloApi(@RequestParam("name") String name) {
        Hello hello = new Hello();
        hello.setName(name);
        return hello;
    }

    static class Hello {
        private String name;

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }
    }
}