728x90
Welcome Page 만들기
정적 페이지 동작 확인
src/main/resources/static/index.html 파일 생성
index.html 파일 작성
<!-- 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>서버 재시작 후 localhost:8080 요청
정적 페이지가 로드된다.
템플릿 엔진 동작 확인
hello-spring/src/main/java/hello-spring/controller/HelloController 파일을 생성 및 작성
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";
}
}"data" 속성의 값을 "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>
http://localhost:8080/hello 요청
spring으로 변경한 후 서버 재시작
http://localhost:8080/hello 다시 요청
spring으로 글자가 변경된 것을 확인할 수 있다.
728x90
'스프링 부트 > 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술' 카테고리의 다른 글
| 6. MVC와 템플릿 엔진 (0) | 2023.03.07 |
|---|---|
| 5. 정적 컨텐츠 (0) | 2023.03.07 |
| 4. 빌드하고 실행하기 (0) | 2023.03.07 |
| 2. 라이브러리 살펴보기 (0) | 2023.03.07 |
| 1. 프로젝트 생성 (0) | 2023.03.07 |