[Spring boot] Thymeleaf + Model

🟤 JAVA/🟤 Spring

[Spring boot] Thymeleaf + Model

HYEJU01 2024. 9. 5. 23:45

레이아웃 템플릿 적용: layout03 템플릿에 container 부분을 전달하여 해당 템플릿의 특정 부분만 교체하는 방법을 보여줍니다. 이처럼 여러 페이지에서 공통된 레이아웃을 유지하면서, 특정 부분만 동적으로 교체할 수 있습니다.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	
	<h3>이 화면에 진입할 때 TestVO를 Model에 담아 화면처리를 합니다.</h3>
	<p>
		1. 회원정보확인 링크에는 quiz_result01?키=값 형태로 번호를 넘기고 출력해 주세요

		2. 아래 class="container" 부분만 layout03 템플릿에 전달 될 수 있도록 처리하세요
	</p>




	<th:block th:replace="~{/include/layout03 :: 함수( ~{ :: .container } ) }">

	<div class="container">
		회원번호: [[${vo.num}]]
		이름: [[${vo.name}]]
		나이: [[${vo.age}]]
		<br>
		<a th:href="@{/view/quiz01_result(num=${vo.num}) }">회원정보확인</a>
	</div>

	</th:block>
	
	
	
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <h3>결과화면</h3>
    넘어온 값: [[${num}]]
</body>
</html>

    @GetMapping("/quiz01")
    public String qui01(Model model) {

        TestVO vo = TestVO.builder()
                .num(1)
                .name("홍길동")
                .addr("서울시")
                .age(20)
                .build();

        model.addAttribute("vo", vo);

        return "view/quiz01";
    }

    @GetMapping("/quiz01_result")
    public String quiz01_result(@ModelAttribute("num") String num) { //다음 화면에서 num이라는 이름으로 쓸수 있게 해줌
        return "view/quiz01_result";
    }

저작자표시 비영리 변경금지

현재글[Spring boot] Thymeleaf + Model

개발일지📝

[Spring boot] Thymeleaf + Model

'🟤 JAVA/🟤 Spring'의 다른글

티스토리툴바

[Spring boot] Thymeleaf + Model

'🟤 JAVA/🟤 Spring'의 다른글

관련글

티스토리툴바