VSCode - Spring Boot 프로젝트에서 MVC 패턴으로 View 호출

6680 단어 SpringbootvscodeSpringboot

이전 포스팅에서 만든 Spring Boot 프로젝트에서 MVC 패턴으로 View 화면을 호출해보자.

MVC 패턴 사용하기 위한 설정

1> build.gradle 파일에 라이브러리 추가

-- implementation 'org.apache.tomcat.embed:tomcat-embed-jasper' 추가

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-web'
	developmentOnly 'org.springframework.boot:spring-boot-devtools'
	providedRuntime 'org.springframework.boot:spring-boot-starter-tomcat'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'

	implementation 'org.apache.tomcat.embed:tomcat-embed-jasper'
}

-- View 화면에 사용할 템플릿 엔진을 위한 라이브러리
-- Spring Boot 용 템플릿은 jsp뿐 아니라 Thymeleaf, Freemarker, Groovy 등도 지원 (Spring Boot 에선 Thymeleaf나 Freemarker 추천)

2> application.properties 파일에 url 주소에 대한 prefix와 suffix 설정

spring.mvc.view.prefix=/WEB-INF/template/
spring.mvc.view.suffix=.jsp

3> Controller 수정

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

@Controller
public class HelloController {
    
    @RequestMapping("/")
    public String index(
        @RequestParam(name = "name", required = false, defaultValue = "World")
        String name, 
        Model model
    ) {
        model.addAttribute("name", name);
        return "index";
    }
}

4> prefix 경로에 index.jsp 파일 생성

5> 간단하게 index.jsp 작성

<!DOCTYPE html>
<html>
    <head>
        <title>Hello, ${name}!</title>
    </head>
    <body>
        <div>Hello, ${name}!</div>
    </body>
</html>

6> 프로젝트 Run

로그인/회원가입 구현하기 - (2) SignIn/Up Screens
HTML과 CSS로 포트폴리오 만들기 ver.2

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage