반응형
페이징을 하는 방법은 아주 다양하다. 여기서는 그중 가장 쉬운 방법으로 해볼것이다.
우선 데이터를 늘이기위해 아래 쿼리를 디비에서 날려준다.
insert into board (`userid`, `subject`, `content`, `regdate`, `status`)
select userid, concat("제목_",right(rand(),6)), concat(content,"_",right(rand(),6)), now(), status from board;
이렇게 여러번 해주면 100개가 넘는 데이터가 생길것이다.
리스트 페이지를 보면 전체 게시물이 한 페이지에 다 보인다. 백여개야 괜찮지만 수천개가 되면 얘기가 달라진다.
그래서 한페이지에 10개정도만 보이고 다음 페이지를 누르면 다음 페이지가 보이도록 하는 작업을 페이징이라고 한다.
한페이지에 10개만 보이도록 index.php를 수정한다.
<?php
include $_SERVER["DOCUMENT_ROOT"]."/inc/header.php";
$search_keyword = $_GET['search_keyword'];
if($search_keyword){
$search_where = " and (subject like '%".$search_keyword."%' or content like '%".$search_keyword."%')";
}
$sql = "select * from board where 1=1";
$sql .= " and status=1";
$sql .= $search_where;
$order = " order by ifnull(parent_id, bid) desc, bid asc";
$limit = " limit 0, 20";
$query = $sql.$order.$limit;
echo "query=>".$query."<br>";
$result = $mysqli->query($query) or die("query error => ".$mysqli->error);
while($rs = $result->fetch_object()){
$rsc[]=$rs;
}
?>
<table class="table">
<thead>
<tr>
<th scope="col">번호</th>
<th scope="col">글쓴이</th>
<th scope="col">제목</th>
<th scope="col">등록일</th>
</tr>
</thead>
<tbody>
<?php
$i=1;
foreach($rsc as $r){
//검색어만 하이라이트 해준다.
$subject = str_replace($search_keyword,"<span style='color:red;'>".$search_keyword."</
span>",$r->subject);
?>
<tr>
<th scope="row"><?php echo $i++;?></th>
<td><?php echo $r->userid?></td>
<td>
<?php
if($r->parent_id){
echo " ";
}
?>
<a href="/view.php?bid=<?php echo $r->bid;?>"><?php echo $subject?></a></td>
<td><?php echo $r->regdate?></td>
</tr>
<?php }?>
</tbody>
</table>
<form method="get" action="<?php echo $_SERVER["PHP_SELF"]?>">
<div class="input-group mb-12" style="margin:auto;width:50%;">
<input type="text" class="form-control" name="search_keyword" id="search_keyword" placeholder="제목과 내용에서 검색합니다." value="<?php echo $search_keyword;?>" aria-label="Recipient's username" aria-describedby="button-addon2">
<button class="btn btn-outline-secondary" type="button" id="button-addon2">검색</button>
</div>
</form>
<p style="text-align:right;">
<?php
if($_SESSION['UID']){
?>
<a href="write.php"><button type="button" class="btn btn-primary">등록</button><a>
<a href="/member/logout.php"><button type="button" class="btn btn-primary">로그아웃</button><a>
<?php
}else{
?>
<a href="/member/login.php"><button type="button" class="btn btn-primary">로그인</button><a>
<a href="/member/signup.php"><button type="button" class="btn btn-primary">회원가입</button><a>
<?php
}
?>
</p>
<?php
include $_SERVER["DOCUMENT_ROOT"]."/inc/footer.php";
?>
limit라는 부분이 추가됐다. 쿼리만 살펴보면
select * from board where 1=1 and status=1 order by ifnull(parent_id, bid) desc, bid asc limit 0, 20;
이렇게 된다. 쿼리를 날려서 나온 결과에서 0부터 20번째까지 데이터만 가져오는 쿼리이다.
그럼 두번째 페이지는 어떻게 불러오면 될까
select * from board where 1=1 and status=1 order by ifnull(parent_id, bid) desc, bid asc limit 20, 20;
첫번째 페이지가 0부터 20개까지니까 0부터 19번까지 보여줬을것이다. 그러니 두번째 페이지는 그 다음인 20번째부터 20개를 보여주면 된다. 그 다음은?
select * from board where 1=1 and status=1 order by ifnull(parent_id, bid) desc, bid asc limit 40, 20;
select * from board where 1=1 and status=1 order by ifnull(parent_id, bid) desc, bid asc limit 60, 20;
select * from board where 1=1 and status=1 order by ifnull(parent_id, bid) desc, bid asc limit 80, 20;
이렇게 증가하게 될것이다.
소스를 조금 수정해보자
/index.php
<?php
include $_SERVER["DOCUMENT_ROOT"]."/inc/header.php";
$search_keyword = $_GET['search_keyword'];
if($search_keyword){
$search_where = " and (subject like '%".$search_keyword."%' or content like '%".$search_keyword."%')";
}
$sql = "select * from board where 1=1";
$sql .= " and status=1";
$sql .= $search_where;
$order = " order by ifnull(parent_id, bid) desc, bid asc";
$limit = " limit 0, 10";
$query = $sql.$order.$limit;
//echo "query=>".$query."<br>";
$result = $mysqli->query($query) or die("query error => ".$mysqli->error);
while($rs = $result->fetch_object()){
$rsc[]=$rs;
}
?>
<table class="table">
<thead>
<tr>
<th scope="col">번호</th>
<th scope="col">글쓴이</th>
<th scope="col">제목</th>
<th scope="col">등록일</th>
</tr>
</thead>
<tbody>
<?php
$i=1;
foreach($rsc as $r){
//검색어만 하이라이트 해준다.
$subject = str_replace($search_keyword,"<span style='color:red;'>".$search_keyword."</
span>",$r->subject);
?>
<tr>
<th scope="row"><?php echo $i++;?></th>
<td><?php echo $r->userid?></td>
<td>
<?php
if($r->parent_id){
echo " ";
}
?>
<a href="/view.php?bid=<?php echo $r->bid;?>"><?php echo $subject?></a></td>
<td><?php echo $r->regdate?></td>
</tr>
<?php }?>
</tbody>
</table>
<form method="get" action="<?php echo $_SERVER["PHP_SELF"]?>">
<div class="input-group mb-12" style="margin:auto;width:50%;">
<input type="text" class="form-control" name="search_keyword" id="search_keyword" placeholder="제목과 내용에서 검색합니다." value="<?php echo $search_keyword;?>" aria-label="Recipient's username" aria-describedby="button-addon2">
<button class="btn btn-outline-secondary" type="button" id="button-addon2">검색</button>
</div>
</form>
<p>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center">
<li class="page-item disabled">
<a class="page-link">Previous</a>
</li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#">Next</a>
</li>
</ul>
</nav>
</p>
<p style="text-align:right;">
<?php
if($_SESSION['UID']){
?>
<a href="write.php"><button type="button" class="btn btn-primary">등록</button><a>
<a href="/member/logout.php"><button type="button" class="btn btn-primary">로그아웃</button><a>
<?php
}else{
?>
<a href="/member/login.php"><button type="button" class="btn btn-primary">로그인</button><a>
<a href="/member/signup.php"><button type="button" class="btn btn-primary">회원가입</button><a>
<?php
}
?>
</p>
<?php
include $_SERVER["DOCUMENT_ROOT"]."/inc/footer.php";
?>
한화면에서 다 보이도록 limit를 10으로 바꾸고 화면 아래에 페이징 부분을 추가했다.
이렇게 보이면 된다. 이제 전체 페이지를 계산하고 아래 페이징을 몇개 보여줄지 이런것들을 다시 수정해보자
/index.php
<?php
include $_SERVER["DOCUMENT_ROOT"]."/inc/header.php";
$search_keyword = $_GET['search_keyword'];
if($search_keyword){
$search_where = " and (subject like '%".$search_keyword."%' or content like '%".$search_keyword."%')";
}
$pageNumber = $_GET['pageNumber']??1;//현재 페이지, 없으면 1
if($pageNumber < 1) $pageNumber = 1;
$pageCount = $_GET['pageCount']??10;//페이지당 몇개씩 보여줄지, 없으면 10
$startLimit = ($pageNumber-1)*$pageCount;//쿼리의 limit 시작 부분
$firstPageNumber = $_GET['firstPageNumber'];
$sql = "select * from board where 1=1";
$sql .= " and status=1";
$sql .= $search_where;
$order = " order by ifnull(parent_id, bid) desc, bid asc";
$limit = " limit $startLimit, $pageCount";
$query = $sql.$order.$limit;
//echo "query=>".$query."<br>";
$result = $mysqli->query($query) or die("query error => ".$mysqli->error);
while($rs = $result->fetch_object()){
$rsc[]=$rs;
}
//전체게시물 수 구하기
$sqlcnt = "select count(*) as cnt from board where 1=1";
$sqlcnt .= " and status=1";
$sqlcnt .= $search_where;
$countresult = $mysqli->query($sqlcnt) or die("query error => ".$mysqli->error);
$rscnt = $countresult->fetch_object();
$totalCount = $rscnt->cnt;//전체 게시물 갯수를 구한다.
$totalPage = ceil($totalCount/$pageCount);//전체 페이지를 구한다.
if($firstPageNumber < 1) $firstPageNumber = 1;
$lastPageNumber = $firstPageNumber + $pageCount - 1;//페이징 나오는 부분에서 레인지를 정한다.
if($lastPageNumber > $totalPage) $lastPageNumber = $totalPage;
if($firstPageNumber > $totalPage) {
echo "<script>alert('더 이상 페이지가 없습니다.');history.back();</script>";
exit;
}
?>
<table class="table">
<thead>
<tr>
<th scope="col">번호</th>
<th scope="col">글쓴이</th>
<th scope="col">제목</th>
<th scope="col">등록일</th>
</tr>
</thead>
<tbody>
<?php
$idNumber = $totalCount - ($pageNumber-1)*$pageCount;
foreach($rsc as $r){
//검색어만 하이라이트 해준다.
$subject = str_replace($search_keyword,"<span style='color:red;'>".$search_keyword."</
span>",$r->subject);
?>
<tr>
<th scope="row"><?php echo $idNumber--;?></th>
<td><?php echo $r->userid?></td>
<td>
<?php
if($r->parent_id){
echo " ";
}
?>
<a href="/view.php?bid=<?php echo $r->bid;?>"><?php echo $subject?></a></td>
<td><?php echo $r->regdate?></td>
</tr>
<?php }?>
</tbody>
</table>
<form method="get" action="<?php echo $_SERVER["PHP_SELF"]?>">
<div class="input-group mb-12" style="margin:auto;width:50%;">
<input type="text" class="form-control" name="search_keyword" id="search_keyword" placeholder="제목과 내용에서 검색합니다." value="<?php echo $search_keyword;?>" aria-label="Recipient's username" aria-describedby="button-addon2">
<button class="btn btn-outline-secondary" type="button" id="button-addon2">검색</button>
</div>
</form>
<p>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center">
<li class="page-item">
<a class="page-link" href="<?php echo $_SERVER['PHP_SELF']?>?pageNumber=<?php echo $firstPageNumber-$pageCount;?>&firstPageNumber=<?php echo $firstPageNumber-$pageCount;?>&search_keyword=<?php echo $search_keyword;?>">Previous</a>
</li>
<?php
for($i=$firstPageNumber;$i<=$lastPageNumber;$i++){
?>
<li class="page-item <?php if($pageNumber==$i){echo "active";}?>"><a class="page-link" href="<?php echo $_SERVER['PHP_SELF']?>?pageNumber=<?php echo $i;?>&firstPageNumber=<?php echo $firstPageNumber;?>&search_keyword=<?php echo $search_keyword;?>"><?php echo $i;?></a></li>
<?php
}
?>
<li class="page-item">
<a class="page-link" href="<?php echo $_SERVER['PHP_SELF']?>?pageNumber=<?php echo $firstPageNumber+$pageCount;?>&firstPageNumber=<?php echo $firstPageNumber+$pageCount;?>&search_keyword=<?php echo $search_keyword;?>">Next</a>
</li>
</ul>
</nav>
</p>
<p style="text-align:right;">
<?php
if($_SESSION['UID']){
?>
<a href="write.php"><button type="button" class="btn btn-primary">등록</button><a>
<a href="/member/logout.php"><button type="button" class="btn btn-primary">로그아웃</button><a>
<?php
}else{
?>
<a href="/member/login.php"><button type="button" class="btn btn-primary">로그인</button><a>
<a href="/member/signup.php"><button type="button" class="btn btn-primary">회원가입</button><a>
<?php
}
?>
</p>
<?php
include $_SERVER["DOCUMENT_ROOT"]."/inc/footer.php";
?>
완성된 모습이다.
조금 어려울수 있지만 결국 산수다. 주석달려있는 글을 보고 이해해보자. 안되면 그냥 복사해서 사용하면 된다.
개발하다 힘들면 눌러.
반응형
'PHP강좌 > 게시판만들기강좌' 카테고리의 다른 글
| php+mysql 게시판 만들기 강좌 #18. 회원 게시판 - 댓글 (0) | 2022.02.04 |
|---|---|
| php+mysql 게시판 만들기 강좌 #17. 회원 게시판 - 더보기 feat. Ajax (2) | 2022.02.03 |
| php+mysql 게시판 만들기 강좌 #15. 회원 게시판 - 답글 달기 (0) | 2022.01.30 |
| php+mysql 게시판 만들기 강좌 #14. 회원 게시판 - 검색하기 (1) | 2022.01.30 |
| php+mysql 게시판 만들기 강좌 #13. 회원전용게시판 - 삭제하기 (0) | 2022.01.27 |