11.5. 책 목록 서비스 인터페이스 메소드 시그니쳐 생성
src/main/java/sample/spring/yse/BookService.java
List<Map<String, Object>> list(Map<String, Object> map);
책 목록 서비스 인터페이스 메소드 시그니쳐는 클래스 메소드와 맞춘다.
11.6. 책 목록 컨트롤러 메소드 추가
src/main/java/sample/spring/yse/BookController.java
@RequestMapping(value = "list") public ModelAndView list(@RequestParam Map<String, Object> map) { List<Map<String, Object>> list = this.bookService.list(map); ModelAndView mav = new ModelAndView(); mav.addObject("data", list); mav.setViewName("/book/list"); return mav; }
책 목록을 데이터베이스에서 가지고 온다.
List<Map<String, Object>> list = this.bookService.list(map);
데이터를 뷰에 전달할 수 있게 mav 객체에 넣는다.
mav.addObject("data", list);
/book/list 뷰를 리턴한다.
mav.setViewName("/book/list");
11.7. 책 목록 뷰 작성
책 목록 뷰를 생성한다. src => main => webapp => WEB-INF => views => book 우클릭 후 new -> file 을 선택하고 파일 이름을 list.jsp로 생성하면 된다.
src/main/webapp/WEB-INF/views/book/list.jsp
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <html> <head> <title>책 목록</title> </head> <body> <h1>책 목록</h1> <table> <thead> <tr> <td>제목</td> <td>카테고리</td> <td>가격</td> </tr> </thead> <tbody> <c:forEach var="row" items="${data}"> <tr> <td> <a href="/detail?bookId=${row.book_id}"> ${row.title} </a> </td> <td>${row.category}</td> <td><fmt:formatNumber type="number" maxFractionDigits="3" value="${row.price}" /></td> </tr> </c:forEach> </tbody> </table> <p> <a href="/create">생성</a> </p> </body> </html>
JSTL에서 반복문을 사용하기 위해서는 <c:forEach 구문을 사용할 수 있다.
<c: 태그를 사용하기 위해서는 태그 라이브러리를 선언해야 한다.
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
반복문은 아래와 같이 사용한다.
<c:forEach var="row" items="${data}">
items에는 컨트롤러에서 전달받은 데이터를 넣어준다. 반복 가능한 객체면 어디서 생성한 객체든 무관하다.
items="${data}"
var는 목록의 한 행(row)을 나타내는 변수명을 넣으면 된다.
var="row"
반복문 안에서 데이터는 ${row.이름} 으로 사용할 수 있다.
${row.title}
11.8. 책 목록 화면 확인
책 목록 페이지 http://localhost:8080/list에 접속한다.
데이터가 없으므로 빈 목록이 나오는 것이 정상이다.
생성 페이지 http://localhost:8080/create에서 예제 데이터를 몇 개 넣고 다시 확인해 보자.