어제의 나보다 성장한 오늘의 나

[Spring-boot] 스프링 부트 간단한 페이지 만들기 (Welcome page , Controller) 본문

Java Spring

[Spring-boot] 스프링 부트 간단한 페이지 만들기 (Welcome page , Controller)

today_me 2023. 1. 3. 14:44
반응형

 

 

오늘은 갓 만든 프로젝트를 가지고 간단한 페이지를 만들어 보겠습니다.

먼저 처음 실행시키면 뜨게 되는 Welcome page (index.html)을 만들어보고

Controller를 이용하여 아주 간단한 hello.html 페이지도 만들어보겠습니다.

 

 

 


 

 

Welcome Page 만들기

 

 

 

src / main / resources / static 경로에 index.html 파일 생성

 

 

 

index.html

<!DOCTYPE html>
<html>
	<head>
    	<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    	<title>Document</title>
	</head>
    <body>
    	<h1>Hello</h1>
    </body>
</html>

 

 

 

URL -  localhost:8080 

 

 

 Controller 이용해서 간단한 동작하는 페이지 만들어 보기

 

 

 

Src/main/java/hello.hellospring 경로에 controller 폴더와 그 안에 HelloController 컨트롤러 파일 생성

 

 

 

 

HelloController.java 

package hello.hellospring.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","hello");
        return "hello";
    }

}

 

 

 

 

 

 

 

 

Src/main/resources/templates 경로에 hello.html 만들기

 

 

 

hello.html

<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<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="Content-Type" content="text/html" charset="UTF-8">
    <title>Document</title>
</head>
    <body>
	    <p th:text="'안녕하세요. ' + ${data}">안녕하세요 손님</p>
    </body>	
</html>

                                       

 

                              

localhost:8080/hello 

 

 

감사합니다...!

반응형
Comments