반응형
이번에 해볼것은 정적페이지 구성과 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 입문 강의 바탕으로 글을 썼습니다!
반응형
'WEB > 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 |