Spring #3 View 환경설정

Spring #3 View 환경설정

2024. 7. 16. 00:58ㆍ📁 백엔드 개발/SPRING

이번에 해볼것은 정적페이지 구성과 welcomepage를 한번 구성해보는걸 해볼려고 한다.

welcompage 는 resources/static/index.html 을 구성해주면 Spring에서 자동적으로 welcompage를 만들어준다.

resources/static/index.html 파일을 만들어주고 나서 코드를 삽입한다.

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

만들어주고나서 Spring을 껐다 켜주면!!

이렇게 welcomepage가 구축이 되었다. welcomepage는 정적 페이지로 사용자가 웹사이트에 접속을 했을때

기본적으로 제공되는 페이지이다.

다음은 정적 페이지를 만들어보겠다.

위 사진에서 Hello Spring Link라는 글씨가 a태그로 감싸져 있는데 글씨를 누르면 /hello로 페이지로 이동하는 코드를

만들어보겠다.

1. 첫번째로는 controller를 만들어줘야 한다.

- controller는 사용자가 다른 페이지로 이동할때 거기에 맞는 페이지를 Mapping 시켜주는 역할을 한다.

2. controller라는 패키지를 만들고 HelloController class를 생성해준다.

package helloo.helloo_spring.controller;

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

@Controller
public class HelloController {

    @GetMapping("hello") // get 요청 처리
    public String hello(Model model) { // model 객체 매개변수, 문자열 반환
        model.addAttribute("data", "hello!");
        // model 객체에 data 속성 추가, 그 값을 hello! 설정
        return "hello"; // 뷰의 이름
        // 뷰 리졸버를 통해서 뷰 파일을 찾고 hello.html 반환
    }
}

3. 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>

HelloController hello 메서드에서 data 의 값이 hello!로 지정했기 때문에

<p th:text="'안녕하세요. ' + ${data}" ></p>

여기서 data 값이 hello! 가 되는것이다.

위 글은 김영한님의 Spring 입문 강의 바탕으로 글을 썼습니다!

'📁 백엔드 개발 > SPRING' 카테고리의 다른 글

Spring 자동 재시작 (0)	2024.07.25
Spring #5 MVC와 템플릿 엔진 (0)	2024.07.16
Spring #4 정적 컨텐츠 (0)	2024.07.16
Spring #2 라이브러리 살펴보기! (0)	2024.07.13
Spring #1 Spring 프로젝트 생성 (0)	2024.07.13

🚀 Dev Sprint: 도전은 계속된다

🚀 Dev Sprint: 도전은 계속된다

태그

최근글

댓글

공지사항

아카이브

'📁 백엔드 개발 > SPRING' 카테고리의 다른 글

관련글

티스토리툴바