Part 11. 화면 처리

11.2 목록 화면 처리

• list.jsp 페이지의 일부를 include 하는 방식으로 처리했음에도 많은 HTML의 내용들이 존재하므로 아래와 같이 최소한의 태그들만 적용시킨다.

• list.jsp에는 JSTL의 출력과 포맷을 적용할 수 있는 태그 라이브러를 추가한다.

< views/board/list.jsp >
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- JSTL 라이브러리 추가 -->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@include file="../includes/header.jsp" %>
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">Tables</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            DataTables Advanced Tables
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <table class= "table table-striped table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>#번호</th>
                                        <th>제목</th>
                                        <th>작성자</th>
                                        <th>작성일</th>
                                        <th>수정일</th>
                                    </tr>
                                </thead>                                                 </table>
                           </div>
                        <!-- end panel-body -->
                    </div>
                    <!-- end panel -->
                </div>
            </div>
            <!-- /.row --> 
            <%@include file="../includes/footer.jsp" %>

• 수정된 list.jsp를 저장하고 브라우저를 통해 원하는 형태로 출력되는지 확인한다.
  

11.2.1 Model에 담긴 데이터 출력

• '/board/list'를 실행했을 때 이미 BoardController는 Model을 이용해 게시물의 목록을 'list'라는 이름으로 담아 전달했으므로 list.jsp에서는 이를 출력한다.
• 출력은 JSTL을 이용해 처리한다.

• list.jsp 내에 < tbody > 와 < tr > 을 아래와 같이 작성한다.

< list.jsp >
<table class= "table table-striped table-bordered table-hover">
<thead>
   <tr>
      <th>#번호</th>
      <th>제목</th>
      <th>작성자</th>
      <th>작성일</th>
      <th>수정일</th>
   </tr>
</thead>
 <c:forEach items="${list}" var="board">
  <tr>
     <td><c:out value="${board.bno}" /></td>
     <td><c:out value="${board.title}"/></td>
     <td><c:out value="${board.writer}"/></td>
     <td><fmt:formatDate pattern="yyyy-MM-dd" value="${board.regdate}" /></td>
     <td><fmt:formatDate pattern="yyyy-MM-dd" value="${board.updateDate}" /></td>
  </tr>
 </c:forEach>
</table>

• 브라우저를 통해 결과를 확인하면 데이터베이스에 있는 전체 목록이 출력된다.