게시물 목록

게시물 목록 페이지 만들기에 대해 설명 합니다.

Data ID

GET_POST_LIST

Request

Method : get

Name Value
page 페이지 번호
page_link_url 페이지 이동 링크 URL
page_link_hash 페이지 이동 링크 Hash(Hash 페이지 내에서 Hash링크로 이동해야 하는경우 필요)
bbs_seq 게시판 시퀀스
list_per_page 페이지당 출력될 목록 개수
block_per_page 페이지 내 페이징 블럭에 표시될 페이지 링크 수
search_type 검색 필터 구분(default:작성자/제목/본문, distance:거리m)
search_keyword 검색 키워드
order 정렬구분(create_date:작성일, distance:거리)
sort 정렬방식(asc:내림차순, desc:오름차순)

Response

JSON : output.post_list[n], PHP : $output['post_list'][n]

Name Value
post_key 게시물 고유 Key
bbs_key 게시판 고유 Key
subject 게시물 제목
depth 게시물 들여쓰기 단계
member_key 작성자 회원 key(회원일 경우만)
email 작성자 이메일
cell_phone 작성자 휴대폰 번호
reg_name 작성자 이름
create_date 작성일
modify_date 변경일
read_count 게시물 조회수
notice_flg 공지게시물 여부 Y/N
comment_flg 댓글 허용 여부 Y/N

HTML attributes

Tag : div

Name Value Description
id post_list  
data-load-type vue-load vue를 통해 선택한 페이지의 목록을 새로 로딩합니다. VueJS
page-link 하이퍼링크를 통해 선택한 페이지의 목록으로 이동합니다. PHP

HTML

등록인2024-12-24 00:46:29
게시물의 제목이 표시됩니다.

게시물의 내용이 표시됩니다

VueJS

<div id="post_list" data-load-type="vue-pagination" class="row">
    <div class="col-12 my-3" vv-for="post in output.post_list">
        <div class="card h-100">
            <img />
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <small>{\{post.reg_name}}</small><small>\{\{post.create_date\}\}</small>
                </div>
                <hr/>
                <h5 class="card-title">\{\{ post.subject \}\}</h5>
                <p class="card-text">
                    \{\{ post.content \}\}
                </p>
            </div>
        </div>
    </div>
</div>

PHP

<div id="post_list" data-load-type="page-link" class="row">
	<?php foreach($output['post_list'] as $intKey=>$arrPost){ ?>
    <div class="col-12 my-3">
        <div class="card h-100">
            <img src="<?=$arrPost['files'];?>"/>
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <small><?=$arrPost['reg_name'];?></small><small><?=$arrPost['create_date'];?></small>
                </div>
                <hr/>
                <h5 class="card-title"><?=$arrPost['subject'];?></h5>
                <p class="card-text">
	                <?=$arrPost['content'];?>
                </p>
            </div>
        </div>
    </div>
	<? } ?>
</div>

관련 링크