DAO
댓글 상세
//댓글 상세(댓글 수정,삭제시 작성자 회원번호 체크 용도로 사용)
public BoardReplyVO getReplyBoard(int re_num)
throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
ResultSet rs = null;
BoardReplyVO reply = null;
String sql = null;
try {
//커넥션풀로부터 커넥션을 할당
conn = DBUtil.getConnection();
//SQL문 작성
sql = "SELECT * FROM zboard_reply WHERE re_num=?";
//PreparedStatement 객체 생성
pstmt = conn.prepareStatement(sql);
//?에 데이터 바인딩
pstmt.setInt(1, re_num);
//SQL문 실행
rs = pstmt.executeQuery();
if(rs.next()) {
reply = new BoardReplyVO();
reply.setRe_num(rs.getInt("re_num"));
reply.setMem_num(rs.getInt("mem_num"));
}
}catch(Exception e) {
throw new Exception(e);
}finally {
DBUtil.executeClose(rs, pstmt, conn);
}
return reply;
}댓글 수정
//댓글 수정
public void updateReplyBoard(BoardReplyVO reply)
throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
String sql = null;
try {
//커넥션풀로부터 커넥션 할당
conn = DBUtil.getConnection();
//SQL문 작성
sql = "UPDATE zboard_reply SET re_content=?,"
+ "re_modifydate=SYSDATE,re_ip=? WHERE re_num=?";
//PreparedStatement 객체 생성
pstmt = conn.prepareStatement(sql);
//?에 데이터를 바인딩
pstmt.setString(1, reply.getRe_content());
pstmt.setString(2, reply.getRe_ip());
pstmt.setInt(3, reply.getRe_num());
//SQL문 실행
pstmt.executeUpdate();
}catch(Exception e) {
throw new Exception(e);
}finally {
DBUtil.executeClose(null, pstmt, conn);
}
}댓글 삭제
//댓글 삭제
public void deleteReplyBoard(int re_num)throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
String sql = null;
try {
//커넥션풀로부터 커넥션을 할당
conn = DBUtil.getConnection();
//SQL문 작성
sql = "DELETE FROM zboard_reply WHERE re_num=?";
//PreparedStatement 객체 생성
pstmt = conn.prepareStatement(sql);
//?에 데이터 바인딩
pstmt.setInt(1, re_num);
//SQL문 실행
pstmt.executeUpdate();
}catch(Exception e) {
throw new Exception(e);
}finally {
DBUtil.executeClose(null, pstmt, conn);
}
}Action
댓글 수정
package kr.board.action;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.codehaus.jackson.map.ObjectMapper;
import kr.board.dao.BoardDAO;
import kr.board.vo.BoardReplyVO;
import kr.controller.Action;
public class UpdateReplyAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
//전송된 데이터 인코딩 타입 지정
request.setCharacterEncoding("utf-8");
//댓글 번호 반환
int re_num = Integer.parseInt(
request.getParameter("re_num"));
BoardDAO dao = BoardDAO.getInstance();
BoardReplyVO db_reply = dao.getReplyBoard(re_num);
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
Map<String,String> mapAjax =
new HashMap<String,String>();
if(user_num==null) {//로그인이 되지 않은 경우
mapAjax.put("result", "logout");
}else if(user_num!=null
&& user_num == db_reply.getMem_num()) {
//로그인한 회원번호와 작성자 회원번호 일치
BoardReplyVO reply = new BoardReplyVO();
reply.setRe_num(re_num);
reply.setRe_content(
request.getParameter("re_content"));
reply.setRe_ip(request.getRemoteAddr());
dao.updateReplyBoard(reply);
mapAjax.put("result", "success");
}else {
//로그인한 회원번호와 작성자 회원번호 불일치
mapAjax.put("result", "wrongAccess");
}
//JSON 데이터 변환
ObjectMapper mapper = new ObjectMapper();
String ajaxData = mapper.writeValueAsString(mapAjax);
request.setAttribute("ajaxData", ajaxData);
return "/WEB-INF/views/common/ajax_view.jsp";
}
}댓글 삭제
package kr.board.action;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.codehaus.jackson.map.ObjectMapper;
import kr.board.dao.BoardDAO;
import kr.board.vo.BoardReplyVO;
import kr.controller.Action;
public class DeleteReplyAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
//전송된 데이터 인코딩 타입 지정
request.setCharacterEncoding("utf-8");
//댓글번호
int re_num = Integer.parseInt(
request.getParameter("re_num"));
Map<String,String> mapAjax =
new HashMap<String,String>();
BoardDAO dao = BoardDAO.getInstance();
BoardReplyVO db_reply = dao.getReplyBoard(re_num);
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
if(user_num==null) {//로그인이 되지 않은 경우
mapAjax.put("result", "logout");
}else if(user_num!=null
&& user_num == db_reply.getMem_num()) {
//로그인한 회원번호와 작성자 회원번호 일치
dao.deleteReplyBoard(re_num);
mapAjax.put("result", "success");
}else {
//로그인한 회원번호와 작성자 회원번호 불일치
mapAjax.put("result","wrongAccess");
}
//JSON 데이터로 변환
ObjectMapper mapper = new ObjectMapper();
String ajaxData = mapper.writeValueAsString(mapAjax);
request.setAttribute("ajaxData", ajaxData);
return "/WEB-INF/views/common/ajax_view.jsp";
}
}JS
Board.Reply
$(function(){
let rowCount = 10;
let currentPage;
let count;
/* ===============================
* 댓글 목록
* =============================== */
//댓글 목록
function selectList(pageNum){
currentPage = pageNum;
//로딩 이미지 노출
$('#loading').show();
//서버와 통신
$.ajax({
url:'listReply.do',
type:'post',
data:{pageNum:pageNum,rowCount:rowCount,board_num:$('#board_num').val()},
dataType:'json',
success:function(param){
//로딩 이미지 감추기
$('#loading').hide();
count = param.count;
if(pageNum==1){
//처음 호출시는 해당 ID의 div의 내부 내용물을 제거
$('#output').empty();
}
$(param.list).each(function(index,item){
let output = '<div class="item">';
output += '<h4>' + item.id + '</h4>';
output += '<div class="sub-item">';
output += '<p>' + item.re_content + '</p>';
if(item.re_modifydate){
output += '<span class="modify-date">최근 수정일 : ' + item.re_modifydate + '</span>';
}else{
output += '<span class="modify-date">등록일 : ' + item.re_date + '</span>';
}
//로그인한 회원번호와 작성자의 회원번호 일치 여부 체크
if(param.user_num == item.mem_num){
output += ' <input type="button" data-renum="' + item.re_num + '" value="수정" class="modify-btn">';
output += ' <input type="button" data-renum="' + item.re_num + '" value="삭제" class="delete-btn">';
}
output += '<hr size="1" noshade width="100%">';
output += '</div>';
output += '</div>';
//문서 객체에 추가
$('#output').append(output);
});
//page button 처리
if(currentPage>=Math.ceil(count/rowCount)){
//다음 페이지가 없음
$('.paging-button').hide();
}else{
//다음 페이지가 존재
$('.paging-button').show();
}
},
error:function(){
$('#loading').hide();
alert('네트워크 오류 발생');
}
});
}
//페이지 처리 이벤트 연결(다음 댓글 보기 버튼 클릭시 데이터 추가)
$('.paging-button input').click(function(){
selectList(currentPage + 1);
});
/* ===============================
* 댓글 등록
* =============================== */
//댓글 등록
$('#re_form').submit(function(event){
if($('#re_content').val().trim()==''){
alert('내용을 입력하세요');
$('#re_content').val('').focus();
return false;
}
//form 이하의 태그에 입력한 데이터를 모두 읽어서 쿼리 스트링으로 반환
let form_data = $(this).serialize();
//서버와 통신
$.ajax({
url:'writeReply.do',
type:'post',
data:form_data,
dataType:'json',
success:function(param){
if(param.result == 'logout'){
alert('로그인해야 작성할 수 있습니다.');
}else if(param.result == 'success'){
//폼 초기화
initForm();
//댓글 작성이 성공하면 새로 삽입한 글을 포함해서 첫 번째
//페이지의 게시글 목록을 다시 호출함
selectList(1);
}else{
alert('댓글 등록 오류');
}
},
error:function(){
alert('네트워크 오류 발생');
}
});
//기본 이벤트 제거
event.preventDefault();
});
//댓글 작성 폼 초기화
function initForm(){
$('textarea').val('');
$('#re_first .letter-count').text('300/300');
}
/* ===============================
* 댓글 수정
* =============================== */
$(document).on('click','.modify-btn',function(){
//댓글 번호
let re_num = $(this).attr('data-renum');
//댓글 내용
let content = $(this).parent().find('p').html().replace(/<br>/gi,'\n');
//g:지정문자열 모두,i:대소문자 무시
//댓글 수정폼 UI
let modifyUI = '<form id="mre_form">';
modifyUI += '<input type="hidden" name="re_num" id="mre_num" value="' + re_num + '">';
modifyUI += '<textarea rows="3" cols="50" name="re_content" id="mre_content" class="rep-content">' + content +'</textarea>';
modifyUI += '<div id="mre_first"><span class="letter-count">300/300</span></div>';
modifyUI += '<div id="mre_second" class="align-right">';
modifyUI += ' <input type="submit" value="수정">';
modifyUI += ' <input type="button" value="취소" class="re-reset">';
modifyUI += '</div>';
modifyUI += '<hr size="1" noshade width="96%">';
modifyUI += '</form>';
//이전에 이미 수정하는 댓글이 있을 경우 수정버튼을 클릭하면 sub-item
//클래스로 지정된 div를 환원시키고 수정폼을 제거함
initModifyForm();
//수정버튼을 감싸고 있는 div
$(this).parent().hide();
//수정폼을 수정하고자 하는 데이터가 있는 div에 노출
$(this).parents('.item').append(modifyUI);
//입력한 글자수 셋팅
let inputLength = $('#mre_content').val().length;
let remain = 300 - inputLength;
remain += '/300';
//문서 객체에 반영
$('#mre_first .letter-count').text(remain);
});
//댓글 수정폼 초기화
function initModifyForm(){
$('.sub-item').show();
$('#mre_form').remove();
}
//수정폼에서 취소버튼 클릭시 수정폼 초기화
$(document).on('click','.re-reset',function(){
initModifyForm();
});
//댓글 수정
$(document).on('submit','#mre_form',function(event){
if($('#mre_content').val().trim()==''){
alert('내용을 입력하세요');
$('#mre_content').val('').focus();
return false;
}
//폼에 입력한 데이터 반환
let form_data = $(this).serialize();
//서버와 통신
$.ajax({
url:'updateReply.do',
type:'post',
data:form_data,
dataType:'json',
success:function(param){
if(param.result == 'logout'){
alert('로그인해야 수정할 수 있습니다.');
}else if(param.result == 'success'){
$('#mre_form').parent().find('p').html($('#mre_content').val().replace(/</g,'<').replace(/>/g,'>').replace(/\n/g,'<br>'));
$('#mre_form').parent().find('.modify-date').text('최근 수정일 : 5초미만');
//수정폼 삭제 및 초기화
initModifyForm();
}else if(param.result == 'wrongAccess'){
alert('타인의 글을 수정할 수 없습니다.');
}else{
alert('댓글 수정 오류 발생');
}
},
error:function(){
alert('네트워크 오류 발생');
}
});
//기본 이벤트 제거
event.preventDefault();
});
/* ===============================
* 댓글 등록 및 수정 공통
* =============================== */
//textarea에 내용 입력시 글자수 체크
$(document).on('keyup','textarea',function(){
//입력한 글자수 구함
let inputLength = $(this).val().length;
if(inputLength > 300){//300자를 넘어선 경우
$(this).val($(this).val().substring(0,300));
}else{//300자 이하인 경우
let remain = 300 - inputLength;
remain += '/300';
if($(this).attr('id') == 're_content'){
//등록폼 글자수
$('#re_first .letter-count').text(remain);
}else{
//수정폼 글자수
$('#mre_first .letter-count').text(remain);
}
}
});
/* ===============================
* 댓글 삭제
* =============================== */
$(document).on('click','.delete-btn',function(){
//댓글번호
let re_num = $(this).attr('data-renum');
//서버와 통신
$.ajax({
url:'deleteReply.do',
type:'post',
data:{re_num:re_num},
dataType:'json',
success:function(param){
if(param.result == 'logout'){
alert('로그인해야 삭제할 수 있습니다.');
}else if(param.result == 'success'){
alert('삭제 완료!');
selectList(1);
}else if(param.result == 'wrongAccess'){
alert('타인의 글을 삭제할 수 없습니다.');
}else{
alert('댓글 삭제 오류 발생');
}
},
error:function(){
alert('네트워크 오류 발생');
}
});
});
/* ===============================
* 초기 데이터(목록) 호출
* =============================== */
selectList(1);
});Properties
Board
/board/updateReply.do=kr.board.action.UpdateReplyAction
/board/deleteReply.do=kr.board.action.DeleteReplyAction
Lucky Things🍀