| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
Tags
- 연관관계
- 누적합
- Java
- pypy3
- appendleft
- 소수판별
- c#
- 합 구하기
- 우선순위큐
- 백준
- 프로그래머스
- python3
- 소수찾기
- Python
- 브루투포스
- 파이썬
- 인프런
- unity
- 완전탐색
- 1일1솔
- spring
- deque
- mvc
- JPA
- DP
- LCM
- BFS
- popleft
- C#강의
- 그리디 알고리즘
Archives
- Today
- Total
jae_coding
(Spring, Java) Welcome Page (static, dynamic) 본문
반응형
1. Static page 구성하기
project > src > main > static > index.html 만들기
<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Hello
<a href="/welcome">hello</a>
</body>
</html>
html파일을 넣어주면 Spring Boot 환경에서 변하지 않는 정적인 페이지를 만들어낼 수 있다.
2. Dynamic page 구성하기
main > java > controller package생성 > Controller.java
package hello.hellospring.controller;
import org.springframework.ui.Model;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class HelloController {
@GetMapping("hello")
public String hello(Model model){
// key: data, value: hello!!
model.addAttribute("data", "hello!");
// return name: hello (resources > templates > hello.html)
return "hello";
}
}
resources > templates > hello.html
thymeleaf 사용, key 값읕 data
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<!--data: model에서의 key 값-->
<p th:text="'안녕하세요. ' + ${data}" >안녕하세요. 손님</p>
</body>
</html>

출처: 김영한 유튜브
http://localhost:8080/hello을 웹사이트에 입력을 하게 되면 8080뒤의 data 값을 받아들여 hello.html 웹사이트가 출력이 되는 것을 확인 할 수 있습니다.

반응형
'Spring, java' 카테고리의 다른 글
| [스프링 핵심 원리]객체 지향 설계 & 스프링 (0) | 2022.08.24 |
|---|---|
| Spring 매개변수 출력하기 (0) | 2022.08.18 |
| (Spring, Java) MVC, 템플릿 엔진, port변경 (0) | 2022.08.12 |
| (Spring, Java) Build and Run (0) | 2022.08.11 |
| (Spring, java) 시작하기, 설정하기 (0) | 2022.08.11 |
Comments