먼저 home화면을 다음과 같이 예제 코드를 사용하여 구성하였다.
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
<div>
<h1>Hello Spring</h1>
<p>회원 기능</p>
<p>
</p>
<a href="/members/new">회원 가입</a>
<a href="/members">회원 목록</a>
</div>
</div> <!-- /container -->
</body>
</html>home컨트롤러에 @GetMapping 추가하여 home.html을 연결하였다. 우선 순위 상 index.html보다 위에 있으므로 index.html이 아닌 home.html이 띄워지게 된다.
package hello.hellospring.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class HomeController {
@GetMapping("/")
public String home() {
return "home";
}
}
http://localhost:8080/ 에 접속하면 다음과 같은 화면이 나온다.
html코드를 확인하면 회원 가입은 http://localhost:8080/members/new, 회원 목록은 http://localhost:8080/members 에 연결 되어 있다. 다음에는 두 주소에 해당하는 페이지를 만들 것이다.
