충분히 쌓여가는
view template 페이지 만들기 본문
src>main>resources에는 static와 templates 디렉터리가 존재한다
view template은 templates 디렉터리에 만든다
파일명: greetings.mustache
mustache 플러그인 설치
File -> Settings에서 plugins 선택 -> Marketplace에서 mustache 검색 -> Handlebars/Mustache를 install
greetings.mustache의 반 화면에서 doc를 입력한 후 Tab 키를 누르면 기본 HTML 코드가 자동으로 작성된다
greetings.mustache
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h2>enough님, 반갑습니다</h2>
</body>
</html>
컨트롤러 만들고 실행하기
src>main>java 디렉터리에 기본 패키지인 com.example.firstproject가 존재하고 컨트롤러는 여기에 하나의 패키지로 만든다
New -> Package 파일명은 com.example.firstproject.controller로 만든다
controller 패키지에서 java 클래스를 생성, 클래스명은 FirstController
FirstController 클래스가 컨트롤러임을 선언하는 @Controller 어노테이션을 작성
package com.example.firstproject.controller;
import org.springframework.stereotype.Controller;
@Controller
public class FirstController {
}
반환형이 문자열인 niceToMeetYou() 메서드 작성
niceToMeetYou() 메서드로 greetings.mustache 페이지를 반환하려면 파일이름 greetings만 반환값으로 적어주면 됨
=> return "greetings";
서버가 알아서 templates 디렉터리에서 greetings.mustache 파일을 찾아 웹 브라우저로 전송한다
package com.example.firstproject.controller;
import org.springframework.stereotype.Controller;
@Controller
public class FirstController {
public String niceToMeetYou() {
return "greetings";
}
}
URL 요청
niceToMeetYou() 메서드 앞에 @GetMapping()추가, @GetMapping의 괄호 안에 URL 주소인 "/hi" 입력
이는 웹 브라우저에서 localhost:8080/hi로 접속하면 greetings.mustache 파일을 찾아 반환한다는 뜻
package com.example.firstproject.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class FirstController {
@GetMapping("/hi")
public String niceToMeetYou() {
return "greetings";
}
}
서버 재시작 후 localhost:8080/hi에 접속
한글 깨짐현상 수정
src>main>resources>application.properties 파일에서
server.servlet.encoding.force=true
추가
'Spring > 게시판 만들기' 카테고리의 다른 글
| 부스트스랩 사용 (0) | 2023.09.09 |
|---|---|
| localhost:8080/bye 페이지 만들기 (0) | 2023.09.09 |
| 모델 추가하기 (0) | 2023.09.09 |
| Hello World! 출력하기 (0) | 2023.09.09 |
| 스프링 부트 프로젝트 만들기 (0) | 2023.09.09 |
