Notice
Recent Posts
Recent Comments
Link
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

까마귀코딩.log

페이지 값 있을 때, 게시글 첫 화면으로 되돌리기 본문

카테고리 없음

페이지 값 있을 때, 게시글 첫 화면으로 되돌리기

까마귀코딩 2023. 3. 22. 20:42

페이지값을 유지하면서 게시글 리스트를 출력하는 경우, 

페이지 번호는 url 파라미터를 통해 전달된다.

 

이 경우 , 페이지 번호를 기억하고 있다가 

첫 화면으로 돌아갈때 , 이 값을 다시 url 에 전달하면 된다. 

 

예를들어, 페이지 번호를 "page" 라는 이름으로 

url 파라미터로 전달된다고 가정하면 , 

첫 화면으로 돌아갈때 url은 ?

 

 

https://example.com.posts?page=1 

 

위 url 에서 "page" 파라미터의 값은 페이지 번호를 나타낸다. 

 

이 값을 유지하면서 첫 화면으로 돌아가기 위해서는 다음과 같은 Url 로 이동시키면 도니다. 

 

https://example.com/posts?page=1 

 

즉 페이지 번호를 기억하고 있으면서 첫 화면으로 돌아가는것은 url만 바꾸면 되기 때문에 간단하다. 

 

이를 구현하기 위해서는 클리아언트 측 자스 코드나 서버 측 코드에서 현재 페이지 번호를 추출하고 ,

첫 화면으로 돌아갈때 이 값을 

url 에 추가하는 로직을 작성하면된다.

 

 


 

 

 

1. 첫 화면으로 돌아가기 버튼을 클릭했을때 호출될 메서드 구현 한다. 

 

public void goToFirstPage() {
 //첫 페이지로 이동하는 코드를 작성한다.
}

 

 

2. 페이지 넘버를 관리하는 변수를 선언한다. 

private int currentPageNumber = 1;
//초기 페이지 번호는 1로 설정한다.

 

3. 첫 화면으로 돌아갈때 페이지 넘버를 1로 초기화한다.

public void goToFirstPage() {
 currentPageNumber =1; 
//페이지 넘버를 1로 초기화 한다.
}

 

4. 페이지 넘버를 사용하여 첫 페이지로 이동하는 코드를 작성한다. 

 

public void goToFirstPage() {
currentPageNumber =1;
//goToPage(1);

 

5. 페이지 넘버를 관리하는 변수를 업데이트 하는 코드를작성한다. 

 

public void goToPage(int pageNumber) {
 //페이지 넘버를 업데이트 한다. 
 currentPageNumber = pageNumber;
//페이지로 이동하는 코드를 작성.
}

 

 

1.  검색 결과를 보여주는 페이지에서 검색 버튼 클랙했을때 호출되는 메서드를 수정하자.

검색버튼을 클릭했을때 페이지 번호를 1로 초기화 하도록 코드를 추가한다.


public void search() {
 //검색 기능을 수행하는 코드들~

//페이지 번호를 1로 초기화 하기 

pageNumber =1;

//검색결과를 보여주는 페이지로 이동하는 코드를 작성한다. 
}

 

 

2. 페이지가 로딩될때 페이지 번호를 확인하여, 페이지 번호가 1이면 자동으로 첫 페이지로 이동하도록 코드를추가함. 

public void loadPage() {

if(pageNumber ==1){

} }

///