JsonArray Thymeleaf Table에 출력하는 방법

{
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
}

 

위와 같은 형태의 JsonArray를 Thymeleaf에 반환해서

Table에 내용을 깔아주려면

 

@RequestMapping(value="/getEmployees/loadAll")
String getAllEmployees(Model model) {
    model.addAttribute("empList", <your service here that generates the data>);
    return "pagenamehere";
}

먼저 자바 쪽에서 model에 addAttribute를 사용해

JsonArray를 attribute로 추가한 뒤

 

 <table border="1">
  <tr>
   <td>Employee First Name</td>
   <td>Employee Last Name</td>
  </tr>
  <tr th:each="emp : ${empList}">
   <td th:text="${emp.firstName}">First Name</td>
   <td th:text="${emp.lastNname}">Last Name</td>
  </tr>
 </table>

 

html에서 thymeleaf 사용 시

addAddribute에 지정했던 값을 끌어와서 넣어주면

Table에서 JsonArray에 들어있던 값을 출력할 수 있다