메뉴 건너뛰기

조회 수 2890 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

스킨 제작할 때 가장 많이 활용되는 여분 필드 사용 방법을 살펴보겠습니다. 

 

여분 필드란..


게시판을 사용할 때 작성자, 이메일 주소, 홈페이지 주소, 제목, 내용 등 기본적으로 정해진 항목만 입력받을 수 있는데 기본 입력 항목 외에 추가로 입력받고 싶은 값들이 있을 때 주로 활용되는 필드입니다

 

그누보드는 각 게시판별로 여분 필드를 1번부터 10번까지 총 10개를 기본 제공합니다

기본 여분 필드명은 다음과 같습니다. 1번부터 10번까지 있습니다

번호는 순서대로 사용할 필요는 없고 원하는 곳에 남는 필드를 가져다 쓰면 됩니다

 

wr_1
wr_2
wr_3
wr_4
wr_5
wr_6
wr_7
wr_8
wr_9
wr_10​​

 
 
각 항목에 required 를 사용하면 해당 입력 항목을 필수 입력으로 설정할 수 있습니다.
필수가 아닌 선택 입력으로 하고 싶으면 required​ 부분만 지우면 됩니다.
 
 
1. input 입력 방식으로 사용할 때
 
<input type="text" name="wr_1" value="<?php echo $write['wr_1'] ?>" id="wr_1" required class="frm_input" size="20">
 
 
2. textarea 입력 방식으로 사용할 때
 
<textarea name="wr_2" id="wr_2" required rows="5"><?php echo $write['wr_2'] ?></textarea>
 
 
3. 셀렉트 박스로 사용할 때
 
<select name="wr_3" id="wr_3" required>
    <option value="">선택하세요.</option>
    <option value="남자" <?php echo ($write['wr_3'] == "남자") ? "selected" : "";?>>남자</option>
    <option value="여자" <?php echo ($write['wr_3'] == "여자") ? "selected" : "";?>>여자</option>
</select>
 
 
4. 라디오 버튼으로 사용할 때
 
<input type="radio" name="wr_4" value="봄" <?php echo ($write['wr_4'] == "봄") ? "checked" : "";?> required> 봄
<input type="radio" name="wr_4" value="여름" <?php echo ($write['wr_4'] == "여름") ? "checked" : "";?> required> 여름
<input type="radio" name="wr_4" value="가을" <?php echo ($write['wr_4'] == "가을") ? "checked" : "";?> required> 가을
<input type="radio" name="wr_4" value="겨울" <?php echo ($write['wr_4'] == "겨울") ? "checked" : "";?> required> 겨울

 

 

5. 체크박스로 사용할 때 (단일 선택)

 

<input type="checkbox" name="wr_5" value="예약신청" <?php echo ($write['wr_5'] == "예약신청") ? "checked" : "";?>> 예약신청 

 

 

5-1. 체크박스 다중 선택

 

다중 선택할 땐 각각 다른 여분필드를 여러 개 추가해서 사용하는 방법이 있고

<input type="checkbox" name="wr_5" ..........

<input type="checkbox" name="wr_6" ​..........

<input type="checkbox" name="wr_7 ​..........

 

아니면 여분 필드 하나를 여러 개로 쪼개서 사용하는 방법이 있습니다. 

아래 내용은 그렇게 좋은 방법은 아니며 아주 기초적인 내용이므로 참고만 하세요.

 

예를 들어 여분필드 8번을 사용한다고 했을 때 write.skin.php 파일에서 이렇게 원하는 개수만큼 추가해서 넣어주고

 

<?php
$ex_8 = explode("|", $write['wr_8']);
?>
<input type="checkbox" name="ex8_00" value="사과" <?php echo ($ex_8[0] == "사과") ? "checked" : "";?>> 사과
<input type="checkbox" name="ex8_01" value="수박" <?php echo ($ex_8[1] == "수박") ? "checked" : "";?>> 수박
<input type="checkbox" name="ex8_02" value="딸기" <?php echo ($ex_8[2] == "딸기") ? "checked" : "";?>> 딸기
<input type="checkbox" name="ex8_03" value="포도" <?php echo ($ex_8[3] == "포도") ? "checked" : "";?>> 포도
<input type="checkbox" name="ex8_04" value="참외" <?php echo ($ex_8[4] == "참외") ? "checked" : "";?>> 참외

 

동일한 스킨 폴더 안에 write_update.skin.php 파일을 새로 만들어 줍니다.

basic 스킨에서는 이 파일은 기본적으로 없을 겁니다. 

파일을 새로 생성한 다음 아래 내용 그대로 복사해서 넣습니다.

위에서 쪼개 놓은 필드를 다시 합쳐서 DB 에 넣는 내용입니다.

 

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

 

$wr_8 = "$ex8_00|$ex8_01|$ex8_02|$ex8_03|$ex8_04";

$sql8 = " update {$write_table} set wr_8 = '{$wr_8}' where wr_id = '{$wr_id}' ";

sql_query($sql8);

?>

 

여분필드를 저렇게 쪼개서 저장하고 view.skin.php 파일에서 일반적인 출력 방법인

<?php echo $view['wr_8'] ?> 이렇게 하면 중간 빈자리까지 구분 기호 '|' 가 있어서 뭔가 어색해 보일 겁니다. 

그럴 땐 개별적으로 다시 분리를 해서 출력하는 방법도 있습니다.
비효율적인 방법이지만 이미지로 디자인하거나 페이지 중간에 개별적으로 끼워 넣을 때는 더 편할 때도 있을 겁니다.

직접 해보시고 차이점을 비교해보세요.

 

<?php

$ex_8 = explode("|", $write['wr_8']);

?>

<?php if($ex_8[0]) { ?>사과 <?php } ?>

<?php if($ex_8[1]) { ?> 수박 <?php } ?>

<?php if($ex_8[2]) { ?> 딸기 <?php } ?>

<?php if($ex_8[3]) { ?> 포도 <?php } ?>

<?php if($ex_8[4]) { ?> 참외<?php } ?>


  1. No Image 29Apr
    by
    2019/04/29 Views 876 

    그누보드5 검색최적화 방법입니다

  2. No Image 29Apr
    by
    2019/04/29 Views 861 

    영카트5 DB 테이블별로 덤프하기

  3. No Image 13Apr
    by
    2017/04/13 Views 2947 

    게시판 기본 스킨 목록 페이지 살펴보기 1 - list.skin.php

  4. No Image 13Apr
    by
    2017/04/13 Views 2321 

    게시판 기본 스킨 목록 페이지 살펴보기 2 - 상세 설명

  5. No Image 13Apr
    by
    2017/04/13 Views 2546 

    게시판 기본 스킨 글쓰기 페이지 살펴보기 1 - write.skin.php

  6. No Image 13Apr
    by
    2017/04/13 Views 2902 

    게시판 기본 스킨 글쓰기 페이지 살펴보기 2 - 상세 설명

  7. No Image 13Apr
    by
    2017/04/13 Views 2526 

    게시판 기본 스킨 내용보기 페이지 살펴보기 2 - 상세 설명

  8. No Image 13Apr
    by 조쉬
    2017/04/13 Views 2890 

    여분필드를 활용한 게시판 스킨 제작 - 기본적인 사용 방법

  9. 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-1

  10. 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-2

  11. 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-3

  12. No Image 12Apr
    by
    2017/04/12 Views 2773 

    게시판 글쓰기 페이지에 스마트 에디터 2개 이상 사용하기

  13. DatePicker 달력 플러그인을 활용한 날짜 입력 쉽게하기

  14. DatePicker 달력 플러그인을 활용한 날짜 입력 쉽게하기

  15. 이름이나 연락처 중간 부분을 *** 표시로 숨기기

  16. 게시판 글쓰기 페이지에 다음 API 주소 입력기 사용하기

  17. No Image 12Apr
    by
    2017/04/12 Views 1912 

    게시판 스킨 목록 페이지에 이전 다음 페이지 링크 만들기

  18. 여분필드를 활용한 게시판 스킨 제작 - 여분 필드 10개 이상 사용하기

  19. 배열을 사용해서 여분필드 한 개로 연락처 입력란 3등분하기

  20. No Image 22Dec
    by
    2016/12/22 Views 2341 

    게시판 스킨 파일 구조

Board Pagination Prev 1 2 3 Next
/ 3

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved