-
[Spring Boot] 스프링부트 간단한 뷰(View) 만들기웹프로그래밍/Spring 2022. 2. 15. 10:43
스프링부트 프로젝트 생성 후 간단한 웹페이지를 표시하는 것을 만들어보겠다.
View 파일 만들기(HTML)
src/main/resources/static/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>스프링 부트가 제공하는 Welcome page 기능
- static/index.html 을 올려두면 Welcome page 기능을 제공한다.
- https://docs.spring.io/spring-boot/docs/2.3.1.RELEASE/reference/html/spring-boot-features.html#boot-features-spring-mvc-welcome-page
thymeleaf 템플릿 엔진
- thymeleaf 공식 사이트: https://www.thymeleaf.org/
- 스프링 공식 튜토리얼: https://spring.io/guides/gs/serving-web-content/
- 스프링부트 메뉴얼: https://docs.spring.io/spring-boot/docs/2.3.1.RELEASE/reference/html/spring-boot-features.html#boot-features-spring-mvc-template-engines
- Controller를 정의하여 템플릿 엔진 사용하기
- src/java/hello.hellospring/controller/HelloController 파일 생성하기
package hello.hellospring.controller; import org.springframework.ui.Model; // Model 정의 라이브러리 import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller // 컨트롤러라고 정의 public class HelloController { @GetMapping("hello") // Get 메소드로 요청한다 => localhost:8080/hello 요청시 실행됨 public String hello(Model model) { model.addAttribute("data", "hello!!"); return "hello"; } }<!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>'웹프로그래밍 > Spring' 카테고리의 다른 글
[Spring Boot] 스프링부트 빌드하고 실행하기 (0) 2022.02.15 [Spring Boot, Java] 네이버 검색 광고 API 이용하기(연관키워드) (0) 2021.12.20