jae_coding

(Spring, Java) Welcome Page (static, dynamic) 본문

Spring, java

(Spring, Java) Welcome Page (static, dynamic)

재코딩 2022. 8. 11. 17:33
반응형

1. Static page 구성하기

project > src > main > static > index.html 만들기

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

html파일을 넣어주면 Spring Boot 환경에서 변하지 않는 정적인 페이지를 만들어낼 수 있다.

 

2. Dynamic page 구성하기

main > java > controller package생성 >  Controller.java

package hello.hellospring.controller;

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

@Controller
public class HelloController {

    @GetMapping("hello")
    public String hello(Model model){
        // key: data, value: hello!!
        model.addAttribute("data", "hello!");
        // return name: hello (resources > templates > hello.html)
        return "hello";
    }
}

resources > templates > hello.html

thymeleaf 사용, key 값읕 data

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

출처: 김영한 유튜브

 

http://localhost:8080/hello을 웹사이트에 입력을 하게 되면 8080뒤의 data 값을 받아들여 hello.html 웹사이트가 출력이 되는 것을 확인 할 수 있습니다.

반응형
Comments