Profile
이온디

2018.12.02

개발팁

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

조회 수 26 추천 수 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

Profile
7
Lv
이온디

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

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

0개의 댓글

에디터
번호 제목 조회 수 추천 수 날짜
공지 [라이믹스] Another XE, 라이믹스 소개/설치하기 17 0 2019.01.09
공지 [XE소식] XE제작문의는 이온디 제작의뢰로 가주세요. 17 0 2018.12.10
공지 [사이트맵] XE/라이믹스 사이트맵 불편 기능을 알려주세요. 36 0 2017.09.23
[개발팁] xe 게시물 추천 취소 기능 만들기 26 0 2018.12.02
332 [개발팁] 콘텐츠판 모듈 스킨 - 무료일 경우 스타일 변경 30 0 2018.11.27
331 [사용팁] XE 메일 발송 설정 30 0 2018.11.25
330 [자유게시판] 콘텐츠판 모듈 스킨 카테고리 구현 0 0 2018.11.23
329 [개발팁] [누리고]결제방법 없을 경우 체크하는 방법 20 0 2018.11.21
328 [자유게시판] 콘텐츠판 모듈의 검색 17 0 2018.11.19
327 [개발팁] XE 댓글 평점 리뷰 기능 만들기 (랭킹 게시판) 136 0 2018.11.13
326 [사용팁] XE 댓글 한번만 1회만 제한 45 0 2018.11.11
325 [자유게시판] 포인트 충전 모듈에서 kakaopay 결제방법 추가하기 808 0 2018.09.08
324 [궁금한점] xe js, css minifying 141 0 2018.08.27
323 [사용팁] [라이믹스] AJAX communication error while requesting admin.procAdminRecompileCacheFile 오류 201 0 2018.08.01
322 [추천자료] 누리고 푸시앱 65 0 2018.07.26
321 [자유게시판] XE 문자메세지 알림 설치하기 40 0 2018.07.25
320 [자유게시판] 부운영자 모듈 27 0 2018.07.25
319 [추천자료] XE 개발자센터 모듈 v.0.4.5 28 0 2018.07.25