BackEnd/SpringBoot12 Thymeleaf 페이지 레이아웃 적용 Thymeleaf 페이지 레이아웃 만들기전에 pom.xml 에 dependency 추가합니다. pom.xml 에 추가하고나서 새로고침 실행합니다. templates 밑에 fragments 폴더를 생성합니다. 그리고나서 footer.html, header.html 파일을 생성합니다. fragments 폴더 밑에 하위 레이아웃 footer.html 를 작성합니다. fragments 폴더 밑에 상위 레이아웃 header.html 를 작성합니다. templates 폴더 밑에 thymeleafEx07.html 를 작성합니다. templates 폴더 밑에 layouts 폴더를 생성합니다. layouts 폴더 밑에 layout1.html 를 작성합니다. 위와같이 클라이언트 화면을 작성하고 이제 서버쪽 Contr.. 2022. 4. 13. Thymeleaf th:each 1.th:each : 여러 개의 데이터를 가지고 있는 컬렉션데이터를 화면에 출력하는걸 알수있습니다. 화면에 보시면 먼저 controller 패키지 -> ThymeleafExController.java 파일에 GetMapping /ex03 추가하고 thymeleafExample03 메소드를 생성합니다. 그럼 다음 thymeleafEx ->thymeleafEx03.html 파일을 생성합니다. Controller 서버 파일에 컬렉션 데이터를 Model 에 담아서 보내서 th:each 사용하여 여러개 데이터 를 잘 받을수 있는걸 확인해보겠습니다. 크롬접속후 url -> localhost:8090/thymeleaf/ex03 접속합니다. 위에 화면에 여러개 담아져 있던 데이터들이 th:each 사용하여 데이터가 잘.. 2022. 4. 12. Thymeleaf 사용법 1.th:text 예제 사용법 dto 패키지에 ItemDto.class 파일을 생성해줍니다. 그럼 다음 controller 패키지에 ThymeleafExController.java 파일을 생성합니다. 생성후 url -> @GetMapping /ex02 -> thymeleafExample02 메소드에 방금전 생성했던 ItemDto를 set로 값을 넣습니다. 넣은후 Model에 데이터를 담습니다. return 값으로 thymeleafEx -> thymeleafEx02.html에 데이터를 보냅니다. 위와 같이 사진 화면을 보시면 Thymeleaf 문법에 th:text으로 사용하는걸 확인할수 있습니다. 데이터를 잘 나온걸 확인할수 있습니다. 감사합니다. 2022. 4. 12. Thymeleaf Thymeleaf 1. Thymeleaf는 View Template Engine입니다. 2. 태그의 속성으로 thymeleaf 명령어를 사용할 수 있으며 html 파일 내에서 사용이 가능합니다. 3. com.shop 패키지에 controller 패키지를 추가합니다. 4. controller 패키지에 ThymeleafExController.class 파일을 생성합니다. 5. resource 폴더 아래에 templates 폴더를 생성합니다. 6. thymeleafEx01.html 파일을 생성합니다. 클라이언트가 서버에 ThymeleafExController > GetMapping으로 url 주소을 요청하여 서버에 담겨져 있는 데이터를 model 에 담아서 view 화면 thymeleafEx01.html 파일.. 2022. 4. 12. 이전 1 2 3 다음
