2. thymeleaf를 이용한 화면 작성
1 mythymeleaf 만들기
project : maven
springboot : 최대한 낮은 버전 / SNAPSHOT X로 선택
artifact, name : mythymeleaf
java: 8
dependencies : Thymeleaf / Spring Web / Spring Boot DevTools
2 greeting.html 만들기
greeting.html 만들기
3 GreetingController 만들기
controller 폴더를 만들어서 GreetingController 클래스 만들기
package com.example.mythymeleaf.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
@Controller
public class GreetingController {
@GetMapping("/greeting")
public String greeting(@RequestParam(name="name", required=false, defaultValue="World") String name, Model model) {
model.addAttribute("name", name);
return "greeting";
}
}
4 visual Studio code 열어서 html 편집
<!DOCTYPE HTML>
<html xmlns:th=“http://www.thymeleaf.org”>
<head>
<title>Getting Started: Serving Web Content</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” />
</head>
<body>
<p th:text=“‘Hello, ‘ + ${name} + ‘!'”>홍길동</p>
</body>
</html>
5 Live Server 다운로드 및 실행 / Five Server X
6 인텔리제이 mythymeleaf 실행
초록 삼각형 눌러서 실행 시키기
“Web server failed to start. Port 8080 was already in use.” 가 발생하셨다면 인텔리제이를 모두 껐다가 다시 실행시키시면 바로 해결됩니다.
Hello! I could have sworn I’ve been to this blog
before but after checking through some of the post I realized it’s
new to me. Nonetheless, I’m definitely glad I found it and
I’ll be bookmarking and checking back often!
https://shorturl.fm/p0hPG