Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- JDBC
- Servlet
- 인프런
- 알고리즘
- JPQL
- Exception
- 김영한
- spring
- Thymeleaf
- pointcut
- java
- 백준
- SpringBoot
- jpa
- Spring Boot
- Proxy
- Android
- 스프링 핵심 기능
- Greedy
- QueryDSL
- springdatajpa
- 자바
- 스프링
- db
- AOP
- 스프링 핵심 원리
- 그리디
- http
- kotlin
- transaction
Archives
- Today
- Total
개발자되기 프로젝트
view 환경설정 본문
1. Welcome Page 만들기
recsources/static/index.html 넣어두면 welcome page로 지정됨.
<!DOCUTYPE HTML>
<html>
<head>
<title>Hello</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Hello
<a href="/hello">hello</a>
</body>
</html>
Welcome page까먹었을 때???
spring.io에 접속해서 Welcome Page에 대한 내용을 직접 찾아볼 수 있다.
2. thymleaf 템플릿 엔진
1) @controller
Spring이 model을 만들어서 넣어주고, method를 실행시킨다.
model에 key & value형태로 attributeName=data & attributeValue=hello!를 넣어준다.
@Controller
public class HelloController {
@GetMapping("/hello")
public String hello(Model model){
model.addAttribute("data", "hello!");
//addAttribute(addtibuteName, attributeValue)
return "hello";
}
}
이 때 return이 "hello"인데, 해당 이름을 가진 tamplates하위의 html파일을 실행시키라는 의미이다.
- controleller에서 리턴 값으로 문자를 반환하면, viewResolver가 해당 화면을 찾아가서 처리한다.
(기본 : templates 하위의 {viewName}이름을 가진 html파일)
2) html 작성
xmlns:th="http://www.thymeleaf.org"> 를 통해 thymeleaf 템플릿 엔진을 선언했다.
선언을 하면 이제 thymeleaf 문법 사용이 가능하다.
여기서 ${data}에 위의 controller에서 작성한 addtibuteValue에 해당하는 값을 받아온다.
(data는 addtributeName에 해당되고, 값은 addtibuteValue에 해당된다.)
<!DOCUTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Hello</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text = "'안녕하세요.' + ${data}">안녕하세요. 손님</p>
</body>
</html>
3) 실행 결과
출력되는 화면은 "안녕하세요."와 data의 값인 "hello!"가 결합된 형태이다.
'Spring Boot' 카테고리의 다른 글
비즈니스 요구 사항 정리 (0) | 2021.07.22 |
---|---|
스프링 웹 개발 기초 (0) | 2021.07.21 |
Rest Template (0) | 2021.07.01 |
Bean & Ioc & Application Context (0) | 2021.06.16 |
AOP 관련 용어 , Aspect, Advice, Execution .. (0) | 2021.06.05 |
Comments