FirstSpringBoard#6-5] 검색 기능결과 화면 페이징 처리

안녕하세요.

그간 바빠서 포스팅을 못하고 있었네요.

javascript에 흥미를 느껴서 node.js랑 express, jquery에 빠져있느라 스프링에 너무 소홀했습니다.

저번 시간에 MySQL에서 제공하는 limit()를 이용해서 페이징 처리를 구현해보았습니다.

그 덕분에 컨트롤러의 로직이 대폭 줄어들었습니다.

DB에 가는 부담도 줄었고요.

하지만 검색 결과에 대해서 페이징 처리가 반영이 안됐었는데요.

이번 시간에는 검색결과 화면도 페이징 처리를 해보겠습니다.

검색 결과에 대해서 페이징 처리를 하기위해서는 검색결과에 대한 페이지 개수를 구해줘야합니다.
그러나 현재 Controller에서는 검색 유무와 관계없이 전체 게시물에 대한 페이지 개수를 가져옵니다.
boardService.getTotalCount(); 메소드에서 전체 게시물에 대한 페이지 개수를 리턴 받고있어요.
Mapper.xml 파일에서 페이지 개수를 구하는 매핑 구문을 수정해줘야합니다.

이전에는 전체 게시물 수를 구하던 것에 파라미터로 HashMap을 넣어줬습니다.
HashMap에는 검색 조건이 들어있어요.
검색 조건이 존재한다면 동적 SQL으로 검색결과에 따른 전체 게시물 수를 구할 수 있게 된겁니다.
컨트롤러도 수정된 매핑 구문에 맞춰서 수정해줍니다.
수정된 내용은 아래 소스코드와 같아요.

이로써 검색결과에 맞는 페이지 개수를 view 파일로 넘겨주게 되었습니다.

view 파일도 수정해줘야합니다.

그리고 페이지 이동할 때 앵커 태그에 query string으로 검색값을 넘겨줘야지.

페이지 이동도 원활하게 됩니다.

index.jsp 파일을 수정해주세요.

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html>

<div class="container row">
		<div class="page-hearder col-md-offset-3" style="padding-bottom: 20px">
			<h1>메인화면</h1>
		</div>
		<div class="col-sm-offset-9">
                <form action="getList.do" method="get">
                    <select name="searchCondition" id="">
                        <option value="writer">작성자</option>
                        <option value="content">내용</option>
                    </select>
                    <input type="text" name="searchKeyword" id="search">
                    <input class="btn btn-sm btn-default" type="submit" value="검색">
                </form>
            </div>
		<div class="col-md-10 col-md-offset-3">
			<table class="table table-striped ">
				<tr class="text-center">
					<th>번호</th>
					<th style="text-align: center">제목</th>
					<th>작성자</th>
					<th>등록일</th>
					<th>조회</th>
				</tr>
				<c:forEach items="${boardList}" var="board">
				<tr>
					<td class="col-sm-1">${board.id}</td>
					<td style="text-align:center"><a href="boardRead.do?id=${board.id}">${board.subject }</a></td>
					<td class="col-sm-2">${board.name}</td>
					<td class="col-sm-2">${board.regDate}</td>
					<td class="col-sm-1">${board.count}</td>
				</tr>
				</c:forEach>
			</table>
			<div class="btn-group col-md-offset-10">
			<a href="board_write.jsp" class="btn btn-default">글쓰기</a>
			</div>
		</div>
		<div class="col-md-offset-6">
			<ul class="pagination">
				<li><a href="getList.do?nowpage=0&searchCondition=${vo.searchCondition}&searchKeyword=${vo.searchKeyword}"">처음</a></li>
				
				
				<c:choose>
				<c:when test="${nowpage <= 0}">
				<li class="disabled"><a href="#">이전</a></li>
				</c:when>
				<c:otherwise>
				<li><a href="getList.do?nowpage=${nowpage-1}&searchCondition=${vo.searchCondition}&searchKeyword=${vo.searchKeyword}"">이전</a></li>
				</c:otherwise>
				</c:choose>
				
				
				<c:forEach var="i" begin="0" end="${totalpage}" >
  				<li><a href="getList.do?nowpage=${i}&searchCondition=${vo.searchCondition}&searchKeyword=${vo.searchKeyword}"">${i+1}</a></li>
				</c:forEach>
				
				
  				<c:choose>
  				<c:when test="${nowpage >= totalpage }">
  				<li class="disabled"><a href="#">다음</a></li>
  				</c:when>
  				<c:otherwise>
  				<li><a href="getList.do?nowpage=${nowpage+1}&searchCondition=${vo.searchCondition}&searchKeyword=${vo.searchKeyword}">다음</a></li>
  				</c:otherwise>
  				</c:choose>
  				<li><a href="getList.do?nowpage=${totalpage}&searchCondition=${vo.searchCondition}&searchKeyword=${vo.searchKeyword}"">마지막</a></li>
			</ul>
		</div>
	</div>

이제 저희가 구현하려던 기본적인 게시판 프로젝트는 완성이 되었습니다.

많은 도움이 되었는지 모르겠습니다.

기존 게시판 기능에 로그인, 회원가입, 유효성 검사, 댓글 기능, 파일 업로드 기능을 넣는 과정을 새로 연재 해보려고합니다.

그 동안 부족한 연재를 봐주셔서 감사합니다.

오늘 진행한 코드는 아래 링크에서 볼 수 있습니다.

https://github.com/anomie7/SpringPractice/commit/1e75c102f4e7cd34cd206a4838e73863f35331e9

저작자표시 비영리

'Spring Framework 개발 일지 > Spring으로 게시판 만들기' 카테고리의 다른 글

FirstSpringBoard#00] git와 github를 이용해서 실습 코드 조회하기 (0)	2017.09.05
FirstSpringBoard#6-4] mysql limit 기능을 이용한 페이징 (0)	2017.09.05
FirstSpringBoard#6-3] 마지막 페이지에 대한 페이징 처리 (0)	2017.09.05
FirstSpringBoard#6-2] 검색 기능 비즈니스 로직 구현 (0)	2017.09.05
FirstSpringBoard#6-1] 페이징 기능 구현하기 (0)	2017.09.01

마지막의 마지막까지 다하는 최선

FirstSpringBoard#6-5] 검색 기능결과 화면 페이징 처리

'Spring Framework 개발 일지 > Spring으로 게시판 만들기' 카테고리의 다른 글

티스토리툴바

FirstSpringBoard#6-5] 검색 기능결과 화면 페이징 처리

'Spring Framework 개발 일지 > Spring으로 게시판 만들기' 카테고리의 다른 글

'Spring Framework 개발 일지/Spring으로 게시판 만들기' Related Articles

티스토리툴바