극초보용 - 주문서제작 1 > 그누보드5 팁자료실

그누보드5 팁자료실

극초보용 - 주문서제작 1 정보

극초보용 - 주문서제작 1

본문

주문서를 만드는 것 정말 쉽습니다.
HTML을 몰라도 php를 몰라도 ctrl-c, crtl-v 만으로도 가능합니다.
심지어 나모로도 가능합니다.
HTML 모르면 나모라도 써서 제작이 가능합니다.

따라해보세요.

1. 확장 변수

말부터 어렵습니다.
그냥 약속된 명칭이라고 생각하세요.
게시판을 그누보드에서 생성하게 되면 맨 아래 열개의 칸이 있습니다.
바로 이곳이 확장 변수입니다.
확장 변수는 실제 wr_1 ~ wr_10 까지 사용하고 wr_로 시작하는 변수를 가지고 있습니다.
확장 변수를 사용하려고 그 안에 값을 집어 넣어도 게시판에서는 아무 일도 생기지 않습니다.
확장 변수를 넣으면 자동으로 입력폼과 출력이 되면 좋겠지만 애석하게도 그렇지 않지요.

2. 입력폼 제작

확장 변수가 있다는 것만 알고 바로 입력폼을 제작하겠습니다.
입력폼은 스킨에 보면 write.skin.php이라고 있습니다.
이것을 에디터로 엽니다.
에디터는 노트패드 같은 것을 말하는데 개발하기에는 부족하니 에디터 플러스나 울트라 에디터 같은 것을 사용합니다.

열면 아래와 같은 부분이 있습니다.
basic 기준으로 107번쨰입니다.

* 아래 소스에 마우스를 올리면 복사 아이콘이 나옵니다.


        <tr>
            <th scope="row"><label for="wr_subject">제목<strong class="sound_only">필수</strong></label></th>
            <td>
                <div id="autosave_wrapper">
                    <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input required" size="50" maxlength="255">
                    <?php if ($is_member) { // 임시 저장된 글 기능 ?>
                    <script src="<?php echo G5_JS_URL; ?>/autosave.js"></script>
                    <button type="button" id="btn_autosave" class="btn_frmline">임시 저장된 글 (<span id="autosave_count"><?php echo $autosave_count; ?></span>)</button>
                    <div id="autosave_pop">
                        <strong>임시 저장된 글 목록</strong>
                        <div><button type="button" class="autosave_close"><img src="<?php echo $board_skin_url; ?>/img/btn_close.gif" alt="닫기"></button></div>
                        <ul></ul>
                        <div><button type="button" class="autosave_close"><img src="<?php echo $board_skin_url; ?>/img/btn_close.gif" alt="닫기"></button></div>
                    </div>
                    <?php } ?>
                </div>
            </td>
        </tr>

        <tr>
            <th scope="row"><label for="wr_content">내용<strong class="sound_only">필수</strong></label></th>
            <td class="wr_content">
                <?php if($write_min || $write_max) { ?>
                <!-- 최소/최대 글자 수 사용 시 -->
                <p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
                <?php } ?>
                <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
                <?php if($write_min || $write_max) { ?>
                <!-- 최소/최대 글자 수 사용 시 -->
                <div id="char_count_wrap"><span id="char_count"></span>글자</div>
                <?php } ?>
            </td>
        </tr>

바로 이 부분에서 ctrl-c, ctrl-v를 하면 입력폼이 완성됩니다.
해볼까요?

일단 맨 위 제목 부분인데 임시 저장된 글 기능을 사용하지 말고 단순하게 입력만 받읍시다.

        <tr>
            <th scope="row"><label for="wr_subject">제목<strong class="sound_only">필수</strong></label></th>
            <td>
                    <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input required" size="50" maxlength="255">
            </td>
        </tr>

이렇게 input 부분만 남겨 둡니다.
이제 이것을 복사해서 계속 사용하면 됩니다.
</tr>과 <tr> 사이에 넣으면 그 위치에 나옵니다.

위에서 wr_1 ~ wr_10 까지의 확장 변수가 있다고 했습니다.
wr_subject에 wr_1부터 바꾸면 새로운 입력 항목이 생성이 됩니다.

wr_1을 적어 보겠습니다.

        <tr>
            <th scope="row"><label for="wr_1">가격<strong class="sound_only">필수</strong></label></th>
            <td>
                    <input type="text" name="wr_1" value="<?php echo $write['wr_1'] ?>" id="wr_1" required class="frm_input required" size="50" maxlength="255"> 원
            </td>
        </tr>

wr_subject를 wr_1로 단순히 바꿉니다.
필수 입력으로 하려면 required class="frm_input required"로 그래도 두고 아니면 class="frm_input"로 바꿉니다.
필수라는 한글은 무시해도 됩니다.

차이가 있다면 $write['wr_1']을 나중에 수정할 떄 이전 값이 나옵니다.
그냥 복사해서 쓰시면 됩니다.

size도 적당하게 수정하시면 되겠지요.

그리고 저장하고 나서 쓰기를 누르면 방금 ctrl-c, crtl-v 한 내용이 입력항목으로 나옵니다.
제목이라는 것을 상품으로 바꾸고 싶으시면 바꾸어도 됩니다. 한글로 된 것은 바꾸어도 아무 문제가 없습니다.

선택형을 넣어 볼까요?
wr_2를 사용하겠습니다.
wr_10을 사용해도 되고 뒤의 숫자는 어떤 것을 써도 됩니다.
순서대로 쓰는 것이 출력 시 편하겠지요?

        <tr>
            <th scope="row"><label for="wr_2">상품<strong class="sound_only">필수</strong></label></th>
            <td>
                    <input type="radio" name="wr_2" value="big" id="wr_2" required class="frm_input required"> 큰 것  <input type="radio" name="wr_2" value="small" id="wr_2" required class="frm_input required"> 작은 것
            </td>
        </tr>

위 처럼하면 한 가지만 선택하게 할 수 있지요.
필수로 설정한 상태고요.

그런데 이 경우 나중에 수정할 때 이전 값이 나오지를 않아요.
이전에 선택한 것이 적용되게 하려면 다음처럼 고치면 됩니다.
그냥 아래 것 복사해서 붙여 넣으시면 됩니다.

        <tr>
            <th scope="row"><label for="wr_2">상품<strong class="sound_only">필수</strong></label></th>
            <td>
                    <input type="radio" name="wr_2" value="big" id="wr_2" required class="frm_input required" <? if($write['wr_2'] == 'big') echo "checked"; else echo "";?>" > 큰 것  <input type="radio" name="wr_2" value="small" id="wr_2" required class="frm_input required" <? if($write['wr_2'] == 'small') echo "checked"; else echo "";?>"> 작은 것
            </td>
        </tr>

<? if($write['wr_2'] == 'big') echo "checked"; else echo "";?>"을 넣으면 나중에 수정 시 처음에 선택했던 곳에 체크되어 나옵니다.
아예 작은 것을 기본 선택으로 하게 하려면
<? if($write['wr_2'] == 'big' || $write['wr_2'] == '') echo "checked"; else echo "";?>" 로 $write['wr_2'] == '' 를 추가하며 됩니다.
큰 것으로 하려면 당연 큰 것 쪽에 넣으면 되지요.
상품이 5개면 다섯개의 input을 복사해서 사용하면 됩니다.

또 한가지가 있네요.

        <tr>
            <th scope="row"><label for="wr_3">수량<strong class="sound_only">필수</strong></label></th>
            <td>
		<select name="wr_3">
			<option value="1" selected> 1
			<option value="2"> 2
		</select>
            </td>
        </tr>

수량을 선택할 수 있습니다.
복사해서 쓰면 됩니다.

자 이제 저장하고 글쓰기를 눌러 보세요.
엄청 쉽죠.
html 공부할 것도 없고 php 공부할 것도 없고 ctrl-c, crtl-v만 알아도 주문서 제작 이제 가능합니다.


다음 강좌 안내

2. 게시판 리스트에 출력하기

3. 계산식 적용하기

4. 꼼수 응용


===========================================================================================

280원 무제한 도메인 등록 호스팅(http://hostingis.com), 무제한 용량/무제한 도메인 등록 호스팅(http://hostingis.com), 서버 호스팅(http://hostingis.com), 웹서버 관리툴 cpanel 보다 좋은 cypanel(http://cypanel.com)
추천
8

댓글 12개

알고 있습니다.
그런데 초보 때는 그것도 어렵더라고요.
알면 엄청 편한데...

처음에 그렇게 작성된 것 보고 어떻게 복사해야 하나 엄청나게 고민했었지요.
지금이야 보기 편해서 그런 것만 보는데.

테러보이님 추천들 감사합니다!!!!
컥! 추천 들켰네요.


저도 초보때는 먼가 만들고 싶은데 방법을 몰라 고생했었을적이 많아죠.

좋은 강좌글 감사해요 ㅎㅎㅎ
전체 2,431 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT