[WEB] 41일차 - 게시판 만들기 (삭제, 페이지 화면 구현)

BoardServlet > delete() 메서드 추가

public void delete(HttpServletRequest request, HttpServletResponse response)

throws IOException {

// 1. no, pass를 받는다.

// 2. 비밀번호 확인 : dao.chkPass(no,pass);

// 3. 맞으면 no 에 해당하는 글을 삭제하고(: dao.delete(no)) 목록화면으로 간다.

// 4. 틀리면 다시 읽기 화면으로 돌아간다.

String no = request.getParameter("no");

String pass = request.getParameter("pass");

boolean result = dao.chkPass(no,pass);

System.out.println("삭제결과 : "+result);

if(result) {

dao.delete(no);

response.sendRedirect(request.getContextPath()+"/bd/list");

}else {

response.sendRedirect(request.getContextPath()+"/bd/read?msg=pass&no="+no);

}

BoardDao > delete() 메서드 추가

public boolean delete(String no) {

Connection conn = null;

PreparedStatement pstmt = null;

try {

conn = ds.getConnection();

pstmt = conn.prepareStatement("delete from board where no = ?");

pstmt.setString(1, no);

return pstmt.executeUpdate() > 0;

} catch(SQLException e) {

e.printStackTrace();

} finally {

if(pstmt!=null) try{pstmt.close();}catch(Exception e){e.printStackTrace();}

if(conn!=null) try{conn.close();}catch(Exception e){e.printStackTrace();}

}

return false;

}

Read.jsp 삭제 기능 구현

<?xml version="1.0" encoding="EUC-KR" ?>

<%@ page language="java" contentType="text/html; charset=EUC-KR"

pageEncoding="EUC-KR"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<% String cp = request.getContextPath(); %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$(function() {

$("#dialog").dialog({

autoOpen : false,

modal : true

});

function doUpdate() {

$('#dialog').dialog(

"option",

"buttons",

{

"수정확인" : function() {

if($('#pass').val().length == 0) { //.val() : #pass의 value값 가져오기

$('#dialog').find('div')

.addClass('ui-state-error')

.html('비밀번호를 반드시 입력하세요');

return;

}

document.forms['f'].action = '<%=cp%>/bd/preupdate?no=${item.no}';

document.forms['f'].submit(); //form태그의 name을 []안에 넣어줌

"취소" : function() {

$(this).dialog('close');

}

});

$('#dialog').dialog('open');

}

function doDelete() {

$('#dialog').dialog(

"option",

"buttons",

{

"삭제확인" : function() {

if($('#pass').val().length == 0) { //.val() : #pass의 value값 가져오기

$('#dialog').find('div')

.addClass('ui-state-error')

.html('비밀번호를 반드시 입력하세요');

return;

}

document.forms['f'].action = '<%=cp%>/bd/delete?no=${item.no}';

document.forms['f'].submit(); //form태그의 name을 []안에 넣어줌

"취소" : function() {

$(this).dialog('close');

}

});

$('#dialog').dialog('open');

}

function doList() {

document.forms['listForm'].submit();

}

</script>

#content {

border-style: dotted;

border-color: #3aa;

padding: 10px;

}

#rp_content {

width: 440px;

border-style: double;

border-color: #8cc;

padding: 10px;

}

#rp_head {

background-color: #fcc;

}

</style>

</head>

<body>

<form action="<%=cp %>/bd/list" name="listForm">

String value = request.getParameter("value")==null

? "" : request.getParameter("value");

if(value != null && !"".equals(value))

value = new String(value.getBytes("iso-8859-1"),"euc-kr");

</form>

<c:if test="${param.msg == 'pass' }" >

<div class="ui-state-error">비밀번호가 틀렸습니다.</div>

</c:if>

<c:if test="${param.msg == 'update' }" >

<div class="ui-state-error">수정되었습니다.</div>

</c:if>

<form action="<%=cp%>/bd/preupdate?no=${item.no}" method="post" name="f">

</fieldset>

</form>

</div>

번호 : ${item.no } <br />

제목 : ${item.title } <br />

글쓴이 : ${item.writer } <br />

작성일 : ${item.wdate } <br />

조회수 : ${item.rcount } <br />

<br />

내용 :<br />

${item.content } <br />

</p></div>

</p>

<hr />

<div>

작성자 : <input type="text" name="writer" />

비밀번호 : <input type="password" name="pass" /><br/>

</span> <span> <input type="submit" value="등록" /><br />

</span>

</div>

</form>

<c:forEach var="reply" items="${replyList }">

<div><span id="rp_head">${reply.writer }</span><span style="position: relative; left: 50px;">${reply.wdate }</span></div>

<div id="rp_content">${reply.content }</div>

</div>

</c:forEach>

</body>

</html>

list.jsp 페이지 구현

<?xml version="1.0" encoding="EUC-KR" ?>

<%@ page language="java" contentType="text/html; charset=EUC-KR"

pageEncoding="EUC-KR"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<% String cp = request.getContextPath(); %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

.mainouter {

background-image: url("http://cfs.tistory.com/custom/blog/92/928179/skin/images/");

}

.footer {

background-image: url("http://cfs.tistory.com/custom/blog/92/928179/skin/images/");

}

.myBoard th {

text-align: center;

border-style: none;

border-color: #c55;

padding: 7px 3px;

}

.myBoard td {

text-align: center;

border-style: none;

border-color: #c55;

padding: 6px;

}

.myBoard tr {

border-style: dashed;

border-color: #c55;

background-color: #fff4f4;

}

#line td {

}

/* 아직 안가본 곳, 가본 곳 */

.myBoard a:LINK, .myBoard a:VISITED {

text-decoration: none; color: black;

}

.myBoard a:HOVER { /* 마우스 커서 올렸을때 */

text-decoration: underline; color: #366; font-weight: bold;

}

.myBoard a:ACTIVE { /* 마우스 버튼을 눌렀을때 */

text-decoration: none; color: black;

}

</style>

function init() {

no = setInterval(setTime, 1000);

}

function setTime() {

var target = document.getElementById('target');

var date = new Date();

target.innerHTML = date.toLocaleString();

}

function doList(page) {

document.forms['listForm'].page.value = page;

document.forms['listForm'].submit();

}

function doRead(no) {

var f = document.forms['listForm'];

f.action = '<%=cp%>/bd/read';

f.no.value = no;

f.submit();

}

</script>

</head>

<form action="<%=cp %>/bd/list" name="listForm">

String value = request.getParameter("value")==null

? "" : request.getParameter("value");

if(value != null && !"".equals(value))

value = new String(value.getBytes("iso-8859-1"),"euc-kr");

</form>

<div style="width: 640px;" align="left"><p><a href="<%=cp %>/bd/precreate"><input type="button" value="글쓰기" /></a></p></div>

</tr>

<c:forEach var="item" items="${list }">

<tr>

<%-- <td style="text-align: left; padding-left: 20px;"><a href="<%=cp %>/bd/read?no=${item.no}"> ${item.title } (<span style="color: red;">${item.replycount}</span>)</a></td> --%>

<a href="javascript:doRead('${item.no}');"> ${item.title } (<span style="color: red;">${item.replycount}</span>)</a></td>

<td>${item.writer }</td>

<td>${item.wdate }</td>

<td>${item.rcount }</td>

</tr>

</c:forEach>

<tr>

<c:forEach var="i" begin="1" end="${totPage }">

<c:if test="${page != i }">

</c:if>

<c:if test="${page == i }">

</c:if>

</c:forEach>

</td>

</tr>

<tr>

</select>

</form>

</td>

</tr>

</table></div>

</div>

</body>

</html>

저작자표시 비영리

'Dev. 640시간 뭉개기 > 강의내용정리' 카테고리의 다른 글

[WEB/SPRING] 43일차 - 스프링, mybatis, maven 연동 및 환경 세팅 (0)	2012.10.05
[WEB/SPRING] 42일차 - 게시판 만들기(페이징 처리 완료), 스프링 툴 설치 및 세팅 (0)	2012.09.24
[WEB] 40일차 - 게시판 만들기 (ck editor설치, 수정), redirect, forward (0)	2012.09.21
[WEB] 39일차 - 게시판 만들기 (DB설계, 조회, 쓰기, 댓글) (0)	2012.09.21
[WEB] 38일차 - Filter, EL, JSTL (0)	2012.09.19

소림사의 홍반장!