일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
Tags
- appendleft
- spring
- LCM
- Java
- unity
- 인프런
- 그리디 알고리즘
- deque
- 우선순위큐
- 소수찾기
- python3
- JPA
- 파이썬
- mvc
- 누적합
- pypy3
- BFS
- 소수판별
- DP
- C#강의
- 프로그래머스
- 연관관계
- popleft
- c#
- 백준
- 완전탐색
- Python
- 브루투포스
- 1일1솔
- 합 구하기
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