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

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

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

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

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

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

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

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

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

sketchbook 스킨 을 예로 들면

<!--// 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번째줄) 밑에 추천/비추천 버튼을 아래와 같이 만듭니다.

</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 파일을 아래와 같이 만듭니다.

파일 다운로드

<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 파일을 아래와 같이 만듭니다.

파일 다운로드

<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 파일에 새로 선언합니다.(제일 밑에)

// 추천 취소하기
    function procDocumentVoteUpRemove()
    {
        // 로그인 정보가 없으면 리턴
        $member_srl = $_SESSION['member_srl'];
        if(!$member_srl) return 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번째줄 아래에 다음과 같이 한 줄을 추가해 주세요.

    <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. 결과 화면

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

주간 인기 검색어 상세보기

2024년 11월 04일 ~ 11월 10일