JSP로 반응형 게시판 만들기[8/9], 게시글 삭제 및 수정 기능

Practice

JSP로 반응형 게시판 만들기[8/9], 게시글 삭제 및 수정 기능

Juun 2022. 4. 29. 17:57

2022.04.29 - [Practice] - JSP로 반응형 게시판 만들기[7]

JSP로 반응형 게시판 만들기[7]

2022.04.28 - [Practice] - JSP로 반응형 게시판 만들기[6] JSP로 반응형 게시판 만들기[6] 2022.04.28 - [분류 전체보기] - JSP로 반응형 게시판 만들기[5] JSP로 반응형 게시판 만들기[5] 2022.04.28 - [Practic..

puenti.tistory.com

안녕하세요! 준입니다!!

게시판 만드는 것도 끝이 보이네요ㅠㅜㅠ

어제 view.jsp (view 페이지) 만들면서 계속 에러가 나오길래...

그거 처리한다고 어제 저녁부터 점심까지 해결한다고 너무 힘들었네요ㅠㅠ

에러 잘 마무리하고 남은 게시글 기능인 삭제 및 수정 기능을 추가해보도록 하겠습니다!!

BbsDAO에서 업데이트를 해주는 기능을 만들어줄께요!

public int update(int bbsID, String bbsTitle, String bbsContent) {
		String SQL = "UPDATE BBS SET bbsTitle = ?. bbsContent = ? WHERE bbsID = ?"; // bbsID를 가진 제목과 내용을 바꿔준다
		try {
				PreparedStatement pstmt = conn.prepareStatement(SQL);
				pstmt.setString(1, bbsTitle);
				pstmt.setString(2, bbsContent);
				pstmt.setInt(3, bbsID);
	
				return pstmt.executeUpdate(); // INSERT 문의 경우는 executeUpdate 문으로 작동한다
			} catch(Exception e) {
				e.printStackTrace();
			}
			return -1; // 데이터베이스 오류
	}

이런식으로 만들어볼 수 있구요!

그럼 이제 업데이트 페이지를 만들어볼게요!

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.io.PrintWriter"%> <!-- 스크립트 문장을 실행 할 수 있게 해주자 -->
<%@ page import = "bbs.Bbs"%> 
<%@ page import = "bbs.BbsDAO"%> 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset = UTF-8">
<meta name = "viewport" content="width=device-width", initial-scale="1"> 
<!-- 부트스트랩은 컴퓨터, 모바일 어떤걸로 접속하더라도 해상도에 맞게 디자인을 보여주는 템플릿. 그래서 반응형 웹에 사용되는 메타 태그를 적어준다 -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- 디자인을 담당하는 css 참조 완료 -->
<title>JSP 게시판 웹사이트</title>
</head>
<body>
	<%	/* 로그인이 된 사람들은 로그인 정보를 담을 수 있게 해주자 */
		String userID = null;
		if (session.getAttribute("userID") != null) {
			userID = (String) session.getAttribute("userID");
		}
		// 현재 세션이 존재하는 사람이라면 그 아이디값을 그대로 받아서 관리할 수 있게 해줌
		if (userID == null){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('로그인을 하세요!')");
			script.println("location.href = 'login.jsp'"); 
			script.println("</script>");
		}
		// 글의 번호가 들어오지 않았다면 밑에 코드 출력
		int bbsID = 0;
		if  (request.getParameter("bbsID") != null) {
			bbsID = Integer.parseInt(request.getParameter("bbsID"));
		}
		if (bbsID ==0){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('유효하지 않은 글입니다.')");
			script.println("location.href = 'bbs.jsp'"); 
			script.println("</script>");
		}
		
		// 유저확인을 해줘야한다!!
		Bbs bbs = new BbsDAO().getBbs(bbsID);
		if (!userID.equals(bbs.getUserID())){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('권한이 없습니다.')");
			script.println("location.href = 'bbs.jsp'"); 
			script.println("</script>");
		}
	%>

	<nav class="navbar navbar-default">
		<div class = "navbar-header">
			<button type = "button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					aria-expanded="false">
					<!-- 아이콘바 3개 -->
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>			
			</button>
			<a class = "navbar-brand" href="main.jsp">JSP 웹 사이트</a>
		</div>
		
		<div class="collapse navbar-collapse" id = "bs-example-navbar-collapse-1">
			<ul class = "nav navbar-nav">
				<li><a href="main.jsp">메인</a></li>
				<li class = "active"><a href="bbs.jsp">게시판</a></li>
			</ul>
			
			<ul class ="nav navbar-nav navbar-right">
				<li class = "dropdown">
					<a href="#" class = "dropdown-toggle"
						data-toggle="dropdown" role="button" aria-haspopup="true"
						aria-expanded="false">회원관리<span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href = "logoutAction.jsp">로그아웃</a></li>
					</ul>
				</li>
			</ul>
	
		</div>
	</nav>
	<!-- 네비게이션 구동, 하나의 웹사이트에서 전반적인 구성을 보여주는 역할 -->
	
	<div class = "container">
		<div class="row">
			<form method="post" action="updateAction.jsp?bbsID=<%= bbsID %>"> <!-- updateAction페이지에 bbsID 보내줌 -->
				<table class = "table table-striped" style="text-align: center; boerder: 1px solid #dddddd"> 
				<!-- class = "table table-striped"는 게시판 목록들이 짝수와 홀수 번갈아가면서 색이 변하게해줌 -->
					<thead>
						<tr>
							<th colspan ="2" style="background-color: #eeeeee; text-align: center;">게시판 수정 양식</th>
						</tr>				
					</thead>
					<tbody>
						<tr>
							<td><input type = "text" class="form-control" placeholder="글 제목" name="bbsTitle" maxlength="50" value="<%= bbs.getBbsTitle() %>"></td>
							<!-- input 타입은 특정한 정보를 Action 페이지에 보낼때 필요 -->
							<!-- bbs.getBbsTitle() 이전 글볼려고   -->
						</tr>
						
						<tr>
							<td><textarea class="form-control" placeholder="글 내용" name="bbsContent" maxlength="2048" style="height: 350px;"><%= bbs.getBbsContent() %></textarea></td>
						</tr>
					</tbody>
					<!-- Action 페이지로 보낼 수 있음 -->
				</table>
				<input type="submit" class="btn btn-primary pull-right" value = "글수정">
			</form>
		</div>
	</div>
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<!-- 제이쿼리를 가져오기 -->
		<script src="js/bootstrap.js"></script>
		<!-- 부트스트랩에서 기본적으로 참조 -->
</body>
</html>

이렇게 만들어볼 수 있네요!!

view.jsp 의 a태그안에 띄어쓰기 조심!!

href=update.jsp?bbsID=[특히 여기에 띄어쓰기가 있으면 경로가 잘못설정되어 오류납니다]<%= bbsID %>

원 게시글에서 수정을 누르면 수정페이지로 이동하구요!

이동한 글수정 페이지에서 글수정을 누르면 updateAction.jsp 로 연결이 잘되는거까지 확인 할 수있어요!!!

자 이까지 됐으면 글 수정페이지인 updateAction 페이지를 만들어주겠습니다!

 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "bbs.BbsDAO" %>    <!--우리가 만든 클래스를 사용해주기 위해-->
<%@ page import = "bbs.Bbs" %> 
<%@ page import = "java.io.PrintWriter" %>  <!-- JS 문장을 작성하기 위해 -->
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset = UTF-8">
<title>JSP 게시판 웹사이트</title>
</head>
<body>
	<%
		String userID = null;
		if(session.getAttribute("userID") != null){
			userID = (String) session.getAttribute("userID");
		} // 세션이 존재하는 아이디들은 세션ID값을 받게 해주자
		
		if (userID == null){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('로그인을 하세요')");
			script.println("location.href = 'login.jsp'"); // 로그인이 안된 사람은 로그인페이지로 가게한다
			script.println("</script>");
		} 
		
		// 글의 번호가 들어오지 않았다면 밑에 코드 출력
		int bbsID = 0;
		if  (request.getParameter("bbsID") != null) {
			bbsID = Integer.parseInt(request.getParameter("bbsID"));
		}
		if (bbsID ==0){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('유효하지 않은 글입니다.')");
			script.println("location.href = 'bbs.jsp'"); 
			script.println("</script>");
		}
		
		// 유저확인을 해줘야한다!!
		Bbs bbs = new BbsDAO().getBbs(bbsID);
		if (!userID.equals(bbs.getUserID())){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('권한이 없습니다.')");
			script.println("location.href = 'bbs.jsp'"); 
			script.println("</script>");
		}
		/* 성공적으로 권한이 넘어간 사람은 else로 넘어가서 성공적으로 글이 확인되었는지 확인 할 수 있다 */
		else {  
			if(request.getParameter("bbsTitle") == null || request.getParameter("bbsContent") == null
				|| request.getParameter("bbsTitle").equals("") || request.getParameter("bbsContent").equals("")) {
					/* 만약 입력안된 사항이 있다면 돌려보내주자*/
					PrintWriter script = response.getWriter();
					script.println("<script>");
					script.println("alert('입력이 안 된 사항이 있습니다')");
					script.println("history.back()"); // 이전 화면으로 돌아간다 
					script.println("</script>");	
						/* 받아야 하는 값들이 비워져 있을 경우의 수를 적어준다 */
						// 하나라도 입력이 안된 경우 이전 페이지로 돌아감
						// bbsTitle로 넘어 매개변수로 넘어온 값들을 분석할 수 있도록 해준다, update 페이지에서 bbsTitle과 bbsContent가 넘어옴
						
					} 
					else {
						BbsDAO bbsDAO = new BbsDAO();
						int result = bbsDAO.update(bbsID, request.getParameter("bbsTitle"), request.getParameter("bbsContent"));
						
						if (result == -1){ // 리턴값이 -1이면 데이터 오류가 발생한 경우니
							PrintWriter script = response.getWriter();
							script.println("<script>");
							script.println("alert('글 수정에 실패했습니다')");
							script.println("history.back()"); 
							script.println("</script>");
						} // 중복된 아이디가 있으면 이전 페이지로 돌아감
						else {
							PrintWriter script = response.getWriter();
							script.println("<script>");
							script.println("location.href = 'bbs.jsp'"); 
							script.println("</script>");
						}
					}
		}
		
			
		
	%>
</body>
</html>

writeAction 페이지에서 추가 보완한거예요!!

글 수정까지도 잘되는걸 확인해 볼 수 있네요ㅎㅎ!!!

글수정까지 잘되는걸 확인했으니 이제 마지막인 삭제 기능을 넣어볼께요!!!

BbsDAO에서 아까 만들어준 update 밑에 delete 를 추가해주겠습니다

public int delete(int bbsID) {
		String SQL = "UPDATE BBS SET bbsAvailable = 0 WHERE bbsID = ?"; // bbsID를 가진 제목과 내용을 바꿔준다, 
		//글을 삭제하더라 글에대한 정보가 남아 있을수 있도록 bbsAvailable을 0으로해준다
		try {
				PreparedStatement pstmt = conn.prepareStatement(SQL);
				pstmt.setInt(1, bbsID);
				return pstmt.executeUpdate(); // UPDATE 문의 경우는 executeUpdate 문으로 작동한다
			} catch(Exception e) {
				e.printStackTrace();
			}
			return -1; // 데이터베이스 오류
	}

bbsAvailable = 0으로 해주므로 글을 삭제하더라도 글에 대한 정보를 남아있게 해줬어요!

 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "bbs.BbsDAO" %>    <!--우리가 만든 클래스를 사용해주기 위해-->
<%@ page import = "bbs.Bbs" %> 
<%@ page import = "java.io.PrintWriter" %>  <!-- JS 문장을 작성하기 위해 -->
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset = UTF-8">
<title>JSP 게시판 웹사이트</title>
</head>
<body>
	<%
		String userID = null;
		if(session.getAttribute("userID") != null){
			userID = (String) session.getAttribute("userID");
		} // 세션이 존재하는 아이디들은 세션ID값을 받게 해주자
		
		if (userID == null){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('로그인을 하세요')");
			script.println("location.href = 'login.jsp'"); // 로그인이 안된 사람은 로그인페이지로 가게한다
			script.println("</script>");
		} 
		
		// 글의 번호가 들어오지 않았다면 밑에 코드 출력
		int bbsID = 0;
		if  (request.getParameter("bbsID") != null) {
			bbsID = Integer.parseInt(request.getParameter("bbsID"));
		}
		if (bbsID ==0){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('유효하지 않은 글입니다.')");
			script.println("location.href = 'bbs.jsp'"); 
			script.println("</script>");
		}
		
		// 유저확인을 해줘야한다!!
		Bbs bbs = new BbsDAO().getBbs(bbsID);
		if (!userID.equals(bbs.getUserID())){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('권한이 없습니다.')");
			script.println("location.href = 'bbs.jsp'"); 
			script.println("</script>");
		}
		/* 성공적으로 권한이 넘어간 사람은 else로 넘어가서 성공적으로 글이 확인되었는지 확인 할 수 있다 */
		else {  
					BbsDAO bbsDAO = new BbsDAO();
					int result = bbsDAO.delete(bbsID);
					
					if (result == -1){ // 리턴값이 -1이면 데이터 오류가 발생한 경우니
						PrintWriter script = response.getWriter();
						script.println("<script>");
						script.println("alert('글 삭제에 실패했습니다')");
						script.println("history.back()"); 
						script.println("</script>");
					} // 중복된 아이디가 있으면 이전 페이지로 돌아감
					else {
						PrintWriter script = response.getWriter();
						script.println("<script>");
						script.println("location.href = 'bbs.jsp'"); 
						script.println("</script>");
					}
					
			}
		
			
		
	%>
</body>
</html>

writeAction 페이지를 복사해서 삭제 및 수정을 해줬어요!!

위 코드를 잘 작동되는지 한 번 실행해볼께요!

삭제를 누르면 글이 잘 삭제되는거까지 확인할 수 있어요!!

그러나 삭제를 누르면 확인창 없이 바로 삭제되는걸 확인할 수 있는데요!!

view.jsp에서 확인창을 추가해주도록 할께요!!

<a onclick="return confirm('정말로 삭제하시겠습니까')" href="deleteAction.jsp?bbsID=<%= bbsID %>" class="btn btn-primary">삭제</a>

a링크 앞에 onclick 을 추가해줬어요!!

그럼 다시 한번 확인해볼께요

잘뜨네요!! 확인 버튼을 누르면 삭제가 되는거까지 확인했어요!!

이번 포스팅은 여기까지 하고 다음 포스팅은 메인페이지 디자인을 해볼께요!!

저작자표시 비영리 변경금지

'Practice' 카테고리의 다른 글

[JavaScript] JS로 그림판 만들기, 캔버스 만들기 [1/8] (0)	2022.06.06
JSP로 반응형 게시판만들기[9/9], 메인페이지 디자인 (0)	2022.04.29
JSP로 반응형 게시판 만들기[7/9], 게시판 삭제, 수정 기능 삽입 (0)	2022.04.29
JSP로 반응형 게시판 만들기[6/9], 게시판 보기, 목록 기능 구현하기 (0)	2022.04.28
JSP로 반응형 게시판 만들기[5/9], 글 쓰기 기능 구현 (0)	2022.04.28

현재글JSP로 반응형 게시판 만들기[8/9], 게시글 삭제 및 수정 기능

어제보다 오늘 더 성장하는 모습을 기록합니다

일	월	화	수	목	금	토
				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	29	30	31

Juun의 개발 기록