폴더 만들기
Static은 url이 노출되지 않음으로 css image js파일을 넣을 것임으로 각각의 폴더를 생성하고 templates폴더에는 thymeleaf가 포함되어야 하는 html을 넣어야 인식을 제대로 할 수 있다.
css폴더 안에는 getbootstrap.com에 있는 css를 가져와 사용한다
js폴더 안에는 jquery페이지에 있는 source를 가져와 사용한다.
확인할 html파일 index.html생성
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script src="js/jquery-3.5.0.min.js"></script>
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
alert("Hello, Spring Boot World!!!");
});
</script>
</head>
<body>
<div>
<img src="images/pork.png" />
</div>
<div class="jumbotron">
<h1>Hello, Spring Boot World</h1>
<p>...</p>
<p>
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</div>
</body>
</html>controller가 있는 HomeController 클래스 생성
@Controller
public class HomeController {
@GetMapping("/")
public ModelAndView home(ModelAndView mav) {
mav.setViewName("index.html");
return mav;
}
}index에 확장자를 붙이게 된다면 정적페이지로 인식하여 작용을 하며 html에 타임리프를 사용하게 된다면 확장자를 붙이지 않으면 된다.
'SpringBoot 코딩' 카테고리의 다른 글
| 6. Database(NCloud)를 이용한 SpringBoot (BootJdbcDemo) (0) | 2021.11.24 |
|---|---|
| 5. Thymeleaf사용하기 (templatedemo) (0) | 2021.11.24 |
| 3. spring initializr을 이용한 project만들기(demo) (0) | 2021.11.23 |
| 2. Spring Starter Project로 SpringBoot만들기(demo) (0) | 2021.11.23 |
| 1. SpringBoot이용하기 (Springbootdemo) (0) | 2021.11.23 |
