[현장 실습]2021 하계 8주37일~38일차 - 게시판 만들기 3 (댓글달기, 댓글수정/삭제)

(2021.08.27 본인 네이버 블로그에서 작성한 글 옮겨옴)

 

갈수록 귀찮아지는 실습기록

​

담주 월욜이면 끝이다 !!

​

​

​

---

​

​

오늘 할일

​

1. 댓글달기

2. 댓글수정/삭제하기

​

​

​

​

댓글 달기

​

​

먼저 reply 테이블 만들기

​

CREATE TABLE reply ( `idx` int not null auto_increment primary key, con_num int not null, `name` varchar(100) NOT NULL, `pw` varchar(100) NOT NULL, `content` text NOT NULL, `date` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP);

​

​

​

그다음은 게시글을 읽을 수 있는 php 파일에 댓글 입력하는 폼을 만들자

​

read.php

​

댓글을 달 수 있도록 form 을 만들어주고

​

댓글을 달면 reply_action.php가 실행되도록 한다.

​

​

​

reply_action.php

받아온 idx값, pw, user의 이름, 댓글 내용을 가지고 쿼리를 돌린다.

​

이때 , pw는 해시를 돌려서 알아볼 수 없게 하고

​

insert 해서 reply 테이블에 내용들을 넣어준다.

​

내용을 넣으면

​

하 한글 열라깨짐..

​

한글 자꾸 깨진다.

​

근데 댓글쓰면 또 안깨진다.

​

테이블에서만 깨진다.

​

다 잘 설정했는데도 저런다. 짱난다.

​

​

​

​

​

댓글을 달아보자

 

​

​

확인해보면 !

​

​

댓글 수정/삭제하기

​

​

이번에는 댓글을 수정/삭제 해보자

​

​

1번은 댓글 등록한 것을 띄워주는 div이다

​

그 밑으로 댓글 수정/삭제할 수 있는 코드이다.

​

​

​

수정/삭제를 누르면

댓글 수정하기

댓글 삭제하기

​

이렇게 팝업이 뜬다.

요 팝업창은 read.php 상단에 제이쿼리 불러와서 구현했다.

​

​

common.js

$(document).ready(function(){
	/* re_bt클래스 클릭시 동작(댓글입력) */
	$("#rep_bt").click(function(){
		$.post("reply_ok.php",{
						bno:$(".bno").val(),
						dat_user:$(".dat_user").val(),
						dat_pw:$(".dat_pw").val(),
						content:$(".reply_content").val(),
					},	
					function(data,success){
						if(success=="success"){
							$(".reply_view").html(data);
							alert("댓글이 작성되었습니다");	
						}else{
							alert("댓글작성이 실패되었습니다");
						}
					});
				});

	$(".dat_edit_bt").click(function(){
		/* dat_edit_bt클래스 클릭시 동작(댓글 수정) */
			var obj = $(this).closest(".dap_lo").find(".dat_edit");
			obj.dialog({
				modal:true,
				width:650,
				height:200,
				title:"댓글 수정"});
		});

	$(".dat_delete_bt").click(function(){
		/* dat_delete_bt클래스 클릭시 동작(댓글 삭제) */
		var obj = $(this).closest(".dap_lo").find(".dat_delete");
		obj.dialog({
			modal:true,
			width:400,
			title:"댓글 삭제확인"});
		});

	});

); }); });

​

​

​

댓글 수정할 때에는 rep_modify_ok.php 가 실행된다.

​

​

​

​

댓글 수정해보자

​

비밀번호를 입력하고 댓글 내용을 수정한 후, 수정하기 버튼을 누르면!

(댓글 달 때 비밀번호 입력 안했다면 수정할 때에도 입력 안하면 된다.)

​

​

​

댓글 삭제도 해보자

​

​

​

​

 

​

게시글 가서 보면

​

없땅 ^~^

​

​

​

---

​

​

끗

​

​

​

​

참고) https://m.blog.naver.com/PostList.naver?blogId=bgpoilkj&categoryNo=60&logCode=0

S Writer의 IT NOTE : 네이버 블로그