[Spring] #8. 게시판 만들기_ 이전페이지 페이징처리

상세보기 클릭 후 목록으로 돌아갔을 때 해당 페이지 번호 기억해서 돌아가기
예) 10페이지에서 3번째 게시글 클릭 후 목록으로 돌아갔을 때 다시 10페이지로 

Criteria

page를 ?page= &amount= 를 자동생성해준다.

@Component
@Data
public class Criteria {
    private int page;
    private int amount;

    public Criteria create(int page, int amount) {
        this.page = page;
        this.amount = amount;
        return this;
    }

    public String getQueryString(){
        UriComponentsBuilder builder = UriComponentsBuilder.fromPath("")
                .queryParam("page", this.page)
                .queryParam("amount", this.amount);
        return builder.toUriString();
    }
}

 

목록/조회/수정/작성 부분에 +queryString을 추가해준다.

list.html  /script

//page, amount를 자동 저장
let queryString = [[${pagination.criteria.queryString}]];

$read.on("click", function(e){
    e.preventDefault();
    location.href = "/board/read" + queryString + "&boardNumber=" + $(this).attr("href");
});

$("a.write").on("click", function(e){
    e.preventDefault();
    location.href = "/board/write" + queryString;
});

 

read.html   /script

let queryString = [[${criteria.queryString}]];

function goUpdate(){
        location.href = "/board/update" + queryString + "&boardNumber=" + boardNumber;
    }

    $("a.list").on("click", function(e){
        e.preventDefault();
        location.href = "/board/list" + queryString;
    });

 

 

update.html   /script

let queryString = [[${criteria.queryString}]];

$("a.list").on("click", function(e){
    e.preventDefault();
    location.href = "/board/list" + queryString;
});

 

write.html   /script

let queryString = [[${criteria.queryString}]];

$("a.list").on("click", function(e){
    e.preventDefault();
    location.href = "/board/list" + queryString;
});