-
[피식짐]웰컴페이지 만들기 (연습)카테고리 없음 2021. 11. 13. 19:04
스프링부트에서는 따로 설정을 안하고, 메인페이지(웰컴페이지) 명을 index.html로 설정해놓으면 그 내용이 뜬다.
코드화면 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <b1>Hello</b1> <a href="/hello">Hello</a> </body> </html>요 html 기본코드는 그냥 저어엉말 기본인데, 하나하나 치기보다는 VisualStudio Code에서 html파일 만들고 거기에 html:5치고 엔터치면 만들어진다. 거기에 Hello 들만 적어준거임.
IntelliJ나 다른 서버구축환경에서 프론트 코드까지 치는건 너무 비효율적이다.
실제 웹 화면
.controller/Controller
package psick.psickGym.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HelloController { @GetMapping("hello") public String hello(Model model){ model.addAttribute("data", "말똥"); return "hello"; } }resources/static/index.thml (서버의 영향을 안 받는 정적화면이라 static. static의 뜻이 '정적인'이다)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <b1>Hello</b1> <a href="/hello">Hello</a> </body> </html>resources/templates/hello.html
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p th:text="'안녕하세요. ' + ${data}"> 안녕하세요. 손님이름 </p> </body> </html>웹화면에서 localhost:8080/hello 로 들어가면,
Controller에서 attributeValue값에 넣은 값으로 리턴받아서 저기에 출력해준다.
나같은 경우 안녕하세요 말똥 으로 나온다.
*참고 영상 : https://www.youtube.com/watch?v=tbNfjC4Wwh8&list=PLumVmq_uRGHgBrimIp2-7MCnoPUskVMnd&index=4
반응형