이온디 유한회사 Since 2000.

-오픈XE마켓/워드프레스사이트제작의뢰/홈페이지만들기/홈페이지제작/홈페이지관리/서버관리/쇼핑몰제작/카페24/고도몰/퍼스트몰/shopify/아임웹/제로보드/XE제작분야 1위/로고제작/명함인쇄/고급명함제작/국내최다홈페이지제작전문기업.

메뉴 건너뛰기

메뉴 바로가기 본문으로 바로가기

개발팁

xe 게시물 추천 취소 기능 만들기

2018.12.02 조회 19 댓글 0 추천 0

XE의 문서읽기 화면에서 추천을 하지 않았을 경우에는 추천버튼이 나타나게 하고,


추천을 한 경우에는 추천취소버튼이 나타나도록 해보겠습니다.


XE 스킨을 간단하게라도 다룰수 있어야 따라하실 수 있습니다.


XE의 기본 게시판 스킨인 default 를 기준으로 설명합니다.



1. 문서 내용 밑에 추천 버튼 만들기


먼저 게시판스킨의 _read.html파일을 엽니다. (default스킨 이라면 modules/board/skins/default/_read.html)


 default스킨 기준으로 {$oDocument->getContent(false)}와 같이 본문내용을 출력해주는 부분을 찾습니다.


또는 각자 사용하고 있는 스킨에서  추천버튼을 자체적으로 출력한다면 추천버튼이 나오는 부분을 찾습니다.


sketchbook 스킨 을 예로 들면

1
2
3
4
5
6
<!--// Vote -->
<div cond="$mi->votes!='N'" class="rd_vote">
    <a class="bg_f_f9 bd_login" href="#" onclick="doCallModuleAction('document','procDocumentVoteUp','{$oDocument->document_srl}');return false"|cond="$is_logged" style="border:2px solid #{$mi->color};color:#{$mi->color};">
        <b>♥ {$oDocument->get('voted_count')}</b>
        <p>{$lang->cmd_vote}</p>
    </a>

이 부분이 추천버튼 입니다.



이제 본문내용을 출력하는 부분(_read.html파일의 44번째줄) 밑에 추천/비추천 버튼을 아래와 같이 만듭니다.



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
</form>
        <!--@else-->
        {$oDocument->getContent(false)}
 
 
        <!--// 추천/추천취소 버튼 만들기 -->
        <!--@if($is_logged)-->
            {@
                // document_voted_log 테이블에서서 현재 로그인한 사용자의 추천 로그 확인
               $args->document_srl = $document_srl;
               $args->member_srl = $logged_info->member_srl;
               $args->point = 1;
               $output = executeQuery('document.getDocumentVotedLogInfoWithPoint',$args);
            }
        <!--@end-->
 
        <!--@if($output->data->count)-->
            <a href="javascript:void(0)" onclick="doCallModuleAction('document','procDocumentVoteUpRemove','{$document_srl}');return false;">추천취소</a>
        <!--@else-->
            <a href="javascript:void(0)" onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}');return false;">추천</a>
        <!--@end-->
         
         
        <!--@end-->
    </div>
    <!-- /READ BODY -->
    <!-- READ FOOTER -->


설명


$output = executeQuery('document.getDocumentVotedLogInfoWithPoint',$args); 는 document모듈의 getDocumentVotedLogInfoWithPoint라는 쿼리를 $args라는 인자와 함께 실행시켜주고 결과값을 $output 에 담는 코드입니다. (해당쿼리는 XE에있는 기본 쿼리가 아닌 사용저 정의 쿼리입니다.)


그리고 밑에 $output->data>count를 통해서 쿼리 결과값의 count라는 컬럼값을 불러옵니다.


count의 값이 1이면 현재 로그인한 사용자가 추천한 로그가 document_voted_log 테이블에 1개 있다는 뜻이고


즉 사용자가 추천한 기록이 있으므로 '추천취소' 버튼을 보여줍니다.


추천버튼을 눌렀을때 실행되는 자바스크립트함수 doCallModuleAction()는 xe.js에 정의 되어있는데 XE 모듈의 액션을 xml로 요청하는 역활을 합니다.




2. document 모듈의 쿼리 만들기


추천로그를 검색하는 쿼리와 추천로그를 삭제하는 쿼리 두개를 새로 만듭니다.


modules/document/queris/getDocumentVotedLogInfoWithPoint.xml 파일을 아래와 같이 만듭니다.

파일 다운로드



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<query id="getDocumentVotedLogInfo" action="select">
    <tables>
        <table name="document_voted_log" />
    </tables>
    <columns>
        <column name="count(*)" alias="count" />
    </columns>
    <conditions>
        <condition operation="equal" column="document_srl" var="document_srl" filter="number" notnull="notnull" />
        <group pipe="and">
            <condition operation="equal" column="member_srl" var="member_srl" filter="number" pipe="and" />
            <condition operation="equal" column="ipaddress" var="ipaddress" pipe="and" />
            <condition operation="equal" column="point" var="point" pipe="and" />
        </group>
    </conditions>
</query>




그리고


modules/document/queris/deleteDocumentVotedLogWithMemberSrl.xml 파일을 아래와 같이 만듭니다.

파일 다운로드



1
2
3
4
5
6
7
8
9
10
<query id="deleteDocumentVotedLogWithMemberSrl" action="delete">
    <tables>
        <table name="document_voted_log" />
    </tables>
    <conditions>
        <condition operation="in" column="document_srl" var="document_srl" filter="number" notnull="notnull" />
        <condition operation="equal" column="member_srl" var="member_srl" filter="number" notnull="notnull" pipe="and" />
        <condition operation="equal" column="point" var="point" filter="number" notnull="notnull" pipe="and" />
    </conditions>
</query>





3. document 모듈의 controller 함수 선언하기


추천취소 기능을 수행할 함수를 modules/document/document.controller.php 파일에 새로 선언합니다.(제일 밑에)



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
// 추천 취소하기
    function procDocumentVoteUpRemove()
    {
        // 로그인 정보가 없으면 리턴
        $member_srl $_SESSION['member_srl'];
        if(!$member_srlreturn new Object(0, 'No Logged User Information');
 
        // args
        $args->document_srl = Context::get('target_srl'); // doCallModuleAction의 전달값 받기
 
        // 추천 점수 삭감
        $oDocumentModel = &getModel('document');
        $oDocument $oDocumentModel->getDocument($args->document_srl, false, false); // 현재 문서 가져오기
        $args->voted_count = $oDocument->get('voted_count') - 1;
        $output = executeQuery('document.updateVotedCount'$args);
        if(!$output->toBool()) return new Object(0, 'Failed to update vote count');
 
        // 추천 로그 삭제
        $args->point = 1; // 삭제할 로그의 추천점수(추천 : 1, 비추천 : -1)
        $args->member_srl = $member_srl// 삭제할 로그의 member_srl 
        $output = executeQuery('document.deleteDocumentVotedLogWithMemberSrl'$args);
        if(!$output->toBool()) return new Object(0, 'Failed to remove log');
 
        // 세션 삭제
        $_SESSION['voted_document'][$args->document_srl] = false;
 
return new Object(0, '추천을 취소하였습니다.');
    }




그리고 위 함수를 doCallModuleAction()의 함수에서 사용하기 위해 document 모듈 정보에 등록합니다.


modules/document/conf/module.xml 파일을 열어서 27번째줄 아래에 다음과 같이 한 줄을 추가해 주세요.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    <actions>
        <action name="dispDocumentPrint" type="view" standalone="true" />
        <action name="dispDocumentPreview" type="view" standalone="true" />
        <action name="dispDocumentManageDocument" type="view" standalone="true" />
        <action name="dispTempSavedList" type="view" standalone="true" />
 
        <action name="getDocumentCategories" type="model" standalone="true" />
        <action name="getDocumentMenu" type="model" standalone="true" />
 
        <action name="procDocumentVoteUp" type="controller" standalone="true" />
        <action name="procDocumentVoteUpRemove" type="controller" standalone="true" />
        <action name="procDocumentVoteDown" type="controller" standalone="true" />
        <action name="procDocumentDeclare" type="controller" standalone="true" />
        <action name="procDocumentAddCart" type="controller" standalone="true" />
        <action name="procDocumentManageCheckedDocument" type="controller" standalone="true" />
        <action name="procDocumentInsertModuleConfig" type="controller" standalone="true" />





4. 결과 화면


아래처럼 본문내용 밑에 추천/추천취소 버튼이 나타납니다.


추천.png



추천 취소할 때

추천취소.png

이 글이 마음에 드셨나요?지인과 공유해보세요.

이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

댓글0
번호 제목 조회 추천 날짜
공지 [라이믹스] Another XE, 라이믹스 소개/설치하기 10 0 2019.01.09
공지 [XE소식] XE제작문의는 이온디 제작의뢰로 가주세요. 7 0 2018.12.10
공지 [사이트맵] XE/라이믹스 사이트맵 불편 기능을 알려주세요. 33 0 2017.09.23
343 [사용팁] gradeup 모듈 수정하기 9 0 2018.12.10
342 [아이디어/건의] SEO 일반페이지에서도 가능하게끔. 11 0 2018.12.09
341 [사용팁] [SEO] 네이버 웹마스터도구 채널 설정 9 0 2018.12.09
340 [아이디어/건의] 신디케이션 모듈 코어에서 제거 요청 10 0 2018.12.09
339 [개발팁] 게시물수+추천수+오늘업로드된게시물수 1 13 0 2018.12.09
338 [개발팁] 게시판 전체 추천수 구하기 9 0 2018.12.09
337 [개발팁] 레이아웃(외부페이지)에서 XE의 게시판 갯수를 구하는 법 6 0 2018.12.09
336 [아이디어/건의] 관리자 메뉴의 불편함 38 0 2018.12.09
335 [누리고] store_search 4 0 2018.12.09
334 [개발팁] 게시판에서 최근 내가 작성한글 수정하기 14 0 2018.12.08
[개발팁] xe 게시물 추천 취소 기능 만들기 19 0 2018.12.02
332 [개발팁] 콘텐츠판 모듈 스킨 - 무료일 경우 스타일 변경 20 0 2018.11.27
331 [사용팁] XE 메일 발송 설정 19 0 2018.11.25
330 [자유게시판] 콘텐츠판 모듈 스킨 카테고리 구현 0 0 2018.11.23

상담신청

카카오채팅