Блог

Как мы можем выполнить итерацию списка на странице Thymeleaf? Предположим, у меня есть список, содержащий объект

Я могу отображать всю информацию о пользователе одну за другой на странице Thymeleaf, но на самом деле это то, что я не хочу реализовывать. Есть ли какой-нибудь способ, чтобы я мог отображать по одному пользователю за раз, и на следующей кнопке будет две кнопки, нажмите кнопку перейти к следующему доступному пользователю и отобразить информацию и скрыть информацию о предыдущем пользователе, а при нажатии предыдущей кнопки вернуться к предыдущей. Поскольку у меня более 20 или даже иногда более 50 пользователей информации.

 public class Info {
private String name;
private String dob;
private String university;
// constructor , getter and setter
}
 

мой класс контроллера

 @GetMapping("/get/All-user-info")
public String getAllUserInfo(Model model){
  List<Info> info = new ArrayList<>();
info.add(new Info("NA","22/02/2020","Florida"));
info.add(new Info("PA","22/01/2020","Florida"));
info.add(new Info("CA","22/03/2020","Florida"));
info.add(new Info("DA","22/04/2020","Florida"));
model.addAttribute("info",info);
return "page-thyme";
}

 

моя страница Thymeleaf выглядит так. Он отображает все за один раз. Я действительно не понимаю, что здесь делать.

 <div th:each="info, status : ${info}">
<p th:text="${info.name}">
<p th:text="${info.dob}">
<p th:text="${info.university}">
</div>
 

Редактировать:
Я добавил класс обслуживания

 @GetMapping("/get/All-user-info/{departmentId}")
public String getAllUserInfo(Model model, @PathVariable String departmentId){
  List<Info> info = userService.getUser(departmentId);
model.addAttribute("info",info);
return "page-thyme";
}
 

Вы можете передать индекс объекта в параметре вашего контроллера следующим образом:

 @GetMapping (path = "/modal")
public String modal(Model model, @RequestParam(name = "page", defaultValue = "0") int page) {
    List<Info> info = new ArrayList<>();
    
    info.add(new Info("NA","22/02/2020","Florida"));
    info.add(new Info("PA","22/01/2020","Florida"));
    info.add(new Info("CA","22/03/2020","Florida"));
    info.add(new Info("DA","22/04/2020","Florida"));
    model.addAttribute("info",info);
    model.addAttribute("index",page);
    return "modal";
}
 

и добавьте своего рода нумерацию страниц на вашей HTML-странице:

 <div >
  <p th:text="${info[__${index}__].name}">
  <p th:text="${info[__${index}__].dob}">
  <p th:text="${info[__${index}__].university}">
  <div th:each="info, status : ${info}"><a th:text="${status.index}" th:href="@{modal(page=${status.index})}"></a></div>
</div>