jesus

HIS .Institute

  • Signup
    Sign up
    or use email
    Forgot Password?
  • Signin
    Sign in
    Forgot Password?
    or Social Login
국립공주대학교
GROWITH 프로젝트아름다운 프로젝트맛 탐정단Space Creation
경북대학교
  • App
  • Book
  • Lecture
  • 0 . . Template
  • 1 . Introduction.
  • 1 1. . About Spring
  • 1 2. . About Spring Boot
  • 1 3. . Dev. Environment
  • 1 4. . Hello World
  • 1 5. . Summary
  • 2 . Basic Database.
  • 2 1. . MySql & Heidi
  • 2 2. . JDBC
  • 2 3. . MyBatis
  • 2 4. . JPA
  • 2 5. . Summary
  • 3 . Basic Spring Security.
  • 3 1. . About Spring Security
  • 3 2. . Signup/Signin/Signout
  • 3 3. . Security Information
  • 3 4. . Fragment
  • 3 5. . Summary
  • 4 . Basic Project.
  • 4 1. . Question & Answer
  • 4 2. . Board & Reply
  • 4 3. . Cart & Product
  • 4 4. . Image Upload
  • 4 5. . Summary
  • 5 . Advanced Project.
  • 5 1. . Admin
  • 5 2. . Chat with Ajax
  • 5 3. . Other Login - Korean
  • 5 4. . Like & View Count
  • 5 5. . Summary
  • 6 . Expert Project.
  • 6 1. . Map - Korean
  • 6 2. . Mail - Korean
  • 6 3. . SMS - Korean
  • 6 4. . Credit Card - Korean
  • 6 5. . Summary
  • 7 . Frontend Project.
  • 7 1. . HTML/CSS/JS
  • 7 2. . Bootstrap
  • 7 3. . Theme
  • 7 4. . Etc
  • 7 5. . Summary
  • 8 . Mini Project.
  • 8 1. . Storyboard
  • 8 2. . Backend - Korean
  • 8 3. . Frontend
  • 8 4. . Portfolio
  • 8 5. . Summary
  • 9 . Deploy. Project.
  • 9 1. . AWS
  • 9 2. . Gabia
  • 9 3. . Domain
  • 9 4. . Etc
  • 9 5. . Summary
  • A 1. Bug Repost.
  • Appendix 0. .

Github : fragmentexam




  

IMPORTANT !!!





// https://mvnrepository.com/artifact/nz.net.ultraq.thymeleaf/thymeleaf-layout-dialect
 implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect:3.3.0'





      Controller

package com.example.fragmentexam;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class FragController {
@GetMapping("/")
public String index() {
return "index";
}



@GetMapping("/readlist")
public String readlist() {
return "readlist";
}

@GetMapping("/readdetail")
public String readdetail() {
return "readdetail";
}

}


      layout.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
[header]

<th:block layout:fragment="content"></th:block>

[footer]
</body>
</html>



      index.html

before


<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
[index.html]

<p><a href="/readlist">readlist</a>
 <p><a href="/readdetail">readdetail</a>
</body>
</html>


after

<html layout:decorate="~{layout}">
<div layout:fragment="content">
[index.html]

<p><a href="/readlist">readlist</a>
 <p><a href="/readdetail">readdetail</a>
</div>
</html>


      readlist.html

before

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>


[readlist.html]


</body>
</html>


after

<html layout:decorate="~{layout}">
 <div layout:fragment="content">


[readlist.html]


</div>
</html>



      readdetail.html

before

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>


[readdetail.html]

</body>
</html>


after


<html layout:decorate="~{layout}">
 <div layout:fragment="content">


[readdetail.html]

</div>
</html>


  

 


 



HISInstitute |
Hankook Information System Institute

austiny@snu.ac.kr / austiny@gatech.edu

Chat GPT