thymleaf 를 이용하여 html 파일을 바꿔봅시다.
TestController.java
package com.naya.shop.controller; import com.naya.shop.dto.TestDto; import com.naya.shop.service.TestService; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; import java.util.List; @Controller public class TestController { private final TestService testService; public TestController(TestService testService) { this.testService = testService; } @RequestMapping("/") public String test(Model model) { model.addAttribute("name", "Hello World!"); return "main/index"; } @RequestMapping("/user") public String getUser(Model model) { List<TestDto> users = testService.getUserList(); model.addAttribute("users", users); return "users/lists"; } }
thymleaf 사용할 디렉토리 생성
- main
- users
main/index.html
<!DOCTYPE html> <html lang="ko" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1 th:text="${name}">Name</h1> 11 </body> </html>
users/lists.html
<!DOCTYPE html> <html lang="ko" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div th:text="${users[0].title}"></div> <div th:text="${users[0].name}"></div> <div th:text="${users[0].reg_date}"></div> <table class="tb_col"> <tr> <th>idx</th> <th>title</th> <th>name</th> <th>reg_date</th> <th>update_date</th> </tr> <tr th:each="user : ${users}"> <td th:text="${user.idx}"></td> <td th:text="${user.title}"></td> <td th:text="${user.name}"></td> <td th:text="${user.reg_date}"></td> <td th:text="${user.update_date}"></td> </tr> </table> </body> </html>
'프로그래밍 > Java' 카테고리의 다른 글
| IntelliJ 이용하여 스프링 부트 + JPA + Mysql 간단한 예제 (0) | 2023.08.22 |
|---|---|
| [인텔리제이 2020.3] 스프링 부트 + Java + thymeleaf 수정시 자동 리로드(새로고침) 방법 (최종) (1) | 2023.08.21 |
| intelliJ 추천 플러그인 (0) | 2023.08.18 |
| intelliJ Springboot + MyBatis, log4jdbc로 console log 설정(2) (0) | 2023.08.18 |
| intelliJ Springboot + MyBatis + MySQL 셋팅 및 연동(1) (0) | 2023.08.18 |