Spring 실습 16일차

페이징

우선 페이징 처리를 하기 위해선 데이터가 많아야 하니 SQL에 더미데이터를 넣어주자.

DECLARE
    --변수 : 일반(SCALAR) 변수, 참조형 변수, COMPOSITE(배열) 변수
    --V_LPROD_ID NUMBER := 0;
    V_LPROD_ID LPROD.LPROD_ID%TYPE := 0;
BEGIN
    --PL/SQL에서 SELECT랑 INTO는 바늘과 실의 관계.
    SELECT MAX(LPROD_ID)+1 INTO V_LPROD_ID
    FROM    LPROD;
    
    --I : 자동 선언 정수형 변수
    FOR I IN V_LPROD_ID .. 735 LOOP   
        INSERT INTO LPROD(LPROD_ID, LPROD_GU, LPROD_NM)
        VALUES(I, 'U'||TRIM(TO_CHAR(I,'000')), '테스트'||I);
    END LOOP;
    
    COMMIT;
END;

 

lprod테이블의 마지막 번호를 v_lprod_id에 넣고 735까지 반복하려 자동으로 insert가 되게 하는 PL / SQL문이다.

 

utils패키지에 페이징을 담당할 ArticlePage클래스를 하나 만들어주자

package kr.or.ddit.utils;

import java.util.List;

public class ArticlePage<T> {
	// 전체글 수
	private int total;
	// 현재 페이지 번호
	private int currentPage;
	// 전체 페이지수
	private int totalPages;
	// 블록의 시작 페이지 번호
	private int startPage;
	// 블록의 종료 페이지 번호
	private int endPage;
	// 검색어
	private String keyword = "";
	// 요청URL
	private String url = "";
	// select 결과 데이터
	private List<T> content;
	// 페이징 처리
	private String pagingArea = "";

	// 생성자(Constructor) : 페이징 정보를 생성
	// 						753 			1		    10	   select결과10행
	public ArticlePage(int total, int currentPage, int size, List<T> content, String keyword) {
		// size : 한 화면에 보여질 목록의 행 수
		this.total = total;// 753
		this.currentPage = currentPage;// 1
		this.content = content;
		this.keyword = keyword;

		// 전체글 수가 0이면?
		if (total == 0) {
			totalPages = 0;// 전체 페이지 수
			startPage = 0;// 블록 시작번호
			endPage = 0; // 블록 종료번호
		} else {// 글이 있다면
			// 전체 페이지 수 = 전체글 수 / 한 화면에 보여질 목록의 행 수
			// 3 = 31 / 10
			totalPages = total / size;// 75

			// 나머지가 있다면, 페이지를 1 증가
			if (total % size > 0) {// 나머지3
				totalPages++;// 76
			}

			// 페이지 블록 시작번호를 구하는 공식
			// 블록시작번호 = 현재페이지 / 페이지크기 * 페이지크기 + 1
			startPage = currentPage / 5 * 5 + 1;// 1

			// 현재페이지 % 페이지크기 => 0일 때 보정
			if (currentPage % 5 == 0) {
				startPage -= 5;
			}

			// 블록종료번호 = 시작페이지번호 + (페이지크기 - 1)
			// [1][2][3][4][5][다음]
			endPage = startPage + (5 - 1);// 5

			// 종료페이지번호 > 전체페이지수
			if (endPage > totalPages) {
				endPage = totalPages;
			}
		}

		pagingArea += "<div class='col-sm-12 col-md-7'>";
		pagingArea += "<div class='dataTables_paginate paging_simple_numbers' id='example2_paginate'>";
		pagingArea += "<ul class='pagination'>";
		pagingArea += "<li class='paginate_button page-item previous ";
		if (this.startPage < 6) {
			pagingArea += "disabled ";
		}
		pagingArea += "'";
		pagingArea += "id='example2_previous'>";
		pagingArea += "<a href='" + this.url + "?currentPage=" + (this.startPage - 5) + "&keyword=" + this.keyword
				+ "' aria-controls='example2' data-dt-idx='0' tabindex='0' ";
		pagingArea += "class='page-link'>Previous</a></li>";

		for (int pNo = this.startPage; pNo <= this.endPage; pNo++) {
			pagingArea += "<li class='paginate_button page-item ";
			if (this.currentPage == pNo) {
				pagingArea += "active";
			}
			pagingArea += "'>";
			pagingArea += "<a href='" + this.url + "?currentPage=" + pNo + "&keyword=" + this.keyword
					+ "' aria-controls='example2' data-dt-idx='1' tabindex='0' ";
			pagingArea += "class='page-link'>" + pNo + "</a>";
			pagingArea += "</li>";
		}
		pagingArea += "<li class='paginate_button page-item next ";
		if (this.endPage >= this.totalPages) {
			pagingArea += "disabled";
		}
		pagingArea += "' id='example2_next'><a ";
		pagingArea += "href='" + this.url + "?currentPage=" + (this.startPage + 5) + "&keyword=" + this.keyword
				+ "' aria-controls='example2' data-dt-idx='7' ";
		pagingArea += "tabindex='0' class='page-link'>Next</a></li>";
		pagingArea += "</ul>";
		pagingArea += "</div>";
		pagingArea += "</div>";
	}// end 생성자
}

 

Mapper패키지에 LprodMapper인터페이스도 하나 만들어주고

package kr.or.ddit.mapper;

import java.util.List;
import java.util.Map;

import kr.or.ddit.vo.LprodVO;
import kr.or.ddit.vo.ProductVO;

public interface LprodMapper {

	public int getTotal();
	
	public int createPost(LprodVO lprodVO);

	public List<LprodVO> list(Map<String, Object> map);

	public LprodVO detail(LprodVO lprodVO);

	public int updatePost(LprodVO lprodVO);

	public int deletePost(LprodVO lprodVO);

	public int getLprodId();

	public int insertProduct(ProductVO productVO);

}

 

LprodController의 list메소드를 수정해주자

@RequestMapping(value="/list",method=RequestMethod.GET)
public ModelAndView list(ModelAndView mav
        ,@RequestParam(value="currentPage",required=false,defaultValue="1") int currentPage 
        ,@RequestParam(value="keyword",required=false,defaultValue="") String keyword) {
    log.info("list에 왔다");

    Map<String,Object> map = new HashMap<String,Object>();
    map.put("keyword", keyword);
    map.put("currentPage", currentPage);

    // 전체 행의 수
    int total = this.lprodService.getTotal();
    log.info("total : " + total);

    //Model(데이터)
    //상품분류 목록
    List<LprodVO> lprodVOList = this.lprodService.list(map);

    log.info("list->lprodVOList : " + lprodVOList);
    mav.addObject("lprodVOList", new ArticlePage<LprodVO>(total, currentPage, 10, lprodVOList, keyword));

    //View(jsp)
    mav.setViewName("lprod/list");

    return mav;
}

 

코드 분석

@RequestParam(value="currentPage",required=false,defaultValue="1") int currentPage

 

파람으로 currentPage를 받을껀데, requierd가 false면 값이 없어도 된다는 뜻, 만약 없다면 기본 값은 1로 설정하겠다는 내용으로 그 값을 currentPage라는 변수명에 담겠다는 말이다.

new ArticlePage<LprodVO>(total, currentPage, 10, lprodVOList, keyword));

 

total = 총 페이지수

currentPage = 페이지 위치

10 = 한 페이지 당 출력할 수

lprodVOList = 출력할 대상

keyword = 검색할 단어

 

JSP 수정

<div class="col-sm-12 col-md-7">
 <div class="dataTables_paginate paging_simple_numbers"
    id="example2_paginate">
    <ul class="pagination">
       <li class="paginate_button page-item previous
       <c:if test="${articlePage.startPage<6}">disabled</c:if>"
          id="example2_previous">
          <a href="/lprod/list?currentPage=${articlePage.startPage-5}" aria-controls="example2" data-dt-idx="0" tabindex="0" 
             class="page-link">Previous</a></li>
       <c:forEach var="pNo" begin="${articlePage.startPage}" end="${articlePage.endPage}">
          <li class="paginate_button page-item
              <c:if test="${pNo==param.currentPage}">active</c:if>
           "><a href="/lprod/list?currentPage=${pNo}"
             aria-controls="example2" data-dt-idx="1" tabindex="0"
             class="page-link">${pNo}</a></li>
       </c:forEach>
       <li class="paginate_button page-item next" id="example2_next">
       <c:if test="${articlePage.endPage==articlePage.totalPages}"></c:if>
       <a href="/lprod/list?currentPage=${articlePage.startPage+5}" aria-controls="example2" data-dt-idx="7" tabindex="0"
            class="page-link">Next</a></li>
    </ul>
 </div>
</div>

 

페이징을 위한 요소를 추가해준다. a링크를 통해 get방식으로 currentPage 데이터를 보내준다.

 

lprod_SQL.xml, lprod_SQL.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="lprod">

	<sql id="where">
		AND(
	       	   LPROD_ID LIKE '%' || #{keyword} || '%' 
	        OR LPROD_GU LIKE '%' || #{keyword} || '%' 
	        OR LPROD_NM LIKE '%' || #{keyword} || '%'            
	    	)
	</sql>

	<!-- LprodVO(lprodId=14, lprodGu=P501, lprodNm=분식류) -->
	<insert id="createPost" parameterType="lprodVO">
		INSERT INTO LPROD(LPROD_ID, LPROD_GU, LPROD_NM)
		VALUES(#{lprodId},#{lprodGu},#{lprodNm})
	</insert>
	
	<select id="list" parameterType="hashMap" resultType="lprodVO">
		WITH U AS (
			SELECT ROW_NUMBER() OVER(ORDER BY LPROD_ID DESC) RNUM, T.*
			FROM(
			    SELECT LPROD_ID, LPROD_GU, LPROD_NM
			    FROM   LPROD
			    WHERE  1 = 1
			    <include refid="where"></include>
			    ) T
			)
			SELECT U.*
			FROM U
			WHERE U.RNUM BETWEEN ((#{currentPage} * 10)-(10 - 1)) AND (#{currentPage} * 10)
	</select>	
	
	<!-- LPROD : 1 -->
	<resultMap type="lprodVO" id="lprodMap">
		<result property="lprodId" column="LPROD_ID"/>
		<result property="lprodGu" column="LPROD_GU"/>
		<result property="lprodNm" column="LPROD_NM"/>
		<collection property="productVOList" resultMap="productMap"></collection>
	</resultMap>
	
	<!-- PRODUCT : N -->
	<resultMap type="productVO" id="productMap">
		<result property="productId" column="PRODUCT_ID"/>
		<result property="pname" column="PNAME"/>
		<result property="unitPrice" column="UNIT_PRICE"/>
		<result property="description" column="DESCRIPTION"/>
		<result property="manufacturer" column="MANUFACTURER"/>
		<result property="category" column="CATEGORY"/>
		<result property="unitsInStock" column="UNITS_IN_STOCK"/>
		<result property="condition" column="CONDITION"/>
		<result property="filename" column="FILENAME"/>
		<result property="quantity" column="QUANTITY"/>
	</resultMap>
	
	<select id="detail" parameterType="lprodVO" resultMap="lprodMap">
		SELECT A.LPROD_ID, A.LPROD_GU, A.LPROD_NM
             , B.PRODUCT_ID, B.PNAME, B.UNIT_PRICE, B.DESCRIPTION, B.MANUFACTURER
             , B.CATEGORY, B.UNITS_IN_STOCK, B.CONDITION, B.FILENAME, B.QUANTITY
		FROM     LPROD A LEFT OUTER JOIN PRODUCT B ON(A.LPROD_GU = SUBSTR(B.PRODUCT_ID,1,4))
		WHERE  A.LPROD_GU = #{lprodGu}
	</select>
	
	<!-- 
	LprodVO(lprodId=9, lprodGu=P403, lprodNm=문구류2)
	 -->
	<update id="updatePost" parameterType="lprodVO">
		UPDATE LPROD
		SET    LPROD_ID = #{lprodId}, LPROD_NM = #{lprodNm}
		WHERE  LPROD_GU = #{lprodGu}
	</update>
	
	<delete id="deletePost" parameterType="lprodVO">
		DELETE FROM LPROD 
		WHERE LPROD_GU = #{lprodGu}
	
	</delete>

	<!-- LPROD 테이블의 MAX(LPROD_ID)+1 -->
	<select id="getLprodId" resultType="int">
		SELECT NVL(MAX(LPROD_ID),0)+1 FROM LPROD
	</select>
	
	<!-- 
	//ProductVO(productId=P5011, pname=라면, unitPrice=1, ..)
	 -->
	<insert id="insertProduct" parameterType="productVO">
		INSERT INTO PRODUCT(PRODUCT_ID, PNAME, UNIT_PRICE)
		VALUES(#{productId}, #{pname}, #{unitPrice})
	</insert>
</mapper>

 

위 jsp의 코드는 ArticlePage에 pagingArea로써 저장해놨기 떄문에 아래와 같이 사용해도된다.

<div class="row">
    ${articlePage.pagingArea}
</div>

 

검색 기능 추가

//상품분류 목록
List<LprodVO> lprodVOList = this.lprodService.list(map);

 

파라미터로 keyword와 currentPage를 담은 map을 전달한다.

<sql id="where">
    AND(
           LPROD_ID LIKE '%' || #{keyword} || '%' 
        OR LPROD_GU LIKE '%' || #{keyword} || '%' 
        OR LPROD_NM LIKE '%' || #{keyword} || '%'            
        )
</sql>

<select id="getTotal" resultType="int">
    SELECT COUNT(*) 
    FROM   LPROD
    WHERE  1 = 1
    <include refid="where"></include>
</select>

 

where에 keyword값이 들어가고, 그 들어가는 구문을 select절에서 include로 불러오게 한다.

 

검색어로 30을 검색했을 때, 페이지를 넘기면 keyword도 함께 넘어가며 페이징처리가 된다.