스프링/0. 입문, 전체방향

2장 thymeleaf

sdafdq 2023. 7. 5. 22:37
@Controller
public class HelloController {
    @GetMapping("hello")
    public String hello(Model model){
        model.addAttribute("data", "hello!!");
        return "hello";
    }
}
@GetMapping("hello")

가 hello라는 명령이 들어올 경우, localhost:8080/hello

저 아래 함수를 실행.

 

Model이란 것으로 다루고, return "hello"인데, hello.html을 찾는거임. 거기에 model까지 같이 넘겨주는거임.

( resources:templates/ +{ViewName <- (hello) }+ .html )

그래서 hello.html 보면

<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p th:text="'안녕하세요. ' + ${data}" >안녕하세요. 손님</p>
</body>
</html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<p th:text="'안녕하세요. ' + ${data}" >안녕하세요. 손님</p>

th가 thymeleaf라는 뜻이고, data (키)에 넘긴 hello!!

안녕하세요. hello!!

라고 됨.

 

기본적으로 데이터는 키, 값인듯.

'스프링 > 0. 입문, 전체방향' 카테고리의 다른 글

6강 API 방식으로 데이터 주기  (0) 2023.07.06
5강 템플릿 엔진  (0) 2023.07.06
4. 웹개발 기초  (0) 2023.07.06
3. 빌드  (0) 2023.07.06
1장. 환경설정  (0) 2023.07.05