👉🏻 DB에 가기 전에 먼저 해당 게시글 정보부터 조회해 옴 (= 조회한 내용으로 수정 폼을 띄우는 역할)
@RequestMapping("updateForm.bo")
public String updateForm(int bno, Model model) {
// 게시글 수정 페이지를 포워딩 하기 전에 우선적으로 해당 게시글 정보를 조회해 올 것
Board b = boardService.selectBoard(bno); // 기존의 상세보기 서비스를 재활용
model.addAttribute("b", b);
return "board/boardUpdateForm";
}
👉🏻 수정 폼에 내가 수정하고자 하는 글의 정보가 잘 담겨 있음
🔥 게시글 수정 🔥
💻 boardUpdateForm
👉🏻 name 속성 지정해 주기
👉🏻 input type="hidden"으로 boardNo, originName, changeName도 함께 넘겨 주기
👉🏻 이때, name 속성도 필드명과 맞춰 줌으로써 Controller에서 커맨드 객체 방식 이용할 것
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#updateForm>table {width:100%;}
#updateForm>table * {margin:5px;}
</style>
</head>
<body>
<jsp:include page="../common/header.jsp" />
<div class="content">
<br><br>
<div class="innerOuter">
<h2>게시글 수정하기</h2>
<br>
<form id="updateForm" method="post" action="update.bo" enctype="multipart/form-data">
<input type="hidden" name="boardNo" value="${ b.boardNo }">
<table algin="center">
<tr>
<th><label for="title">제목</label></th>
<td><input type="text" id="title" class="form-control" value="${ b.boardTitle }" name="boardTitle" required></td>
</tr>
<tr>
<th><label for="writer">작성자</label></th>
<td><input type="text" id="writer" class="form-control" value="${ b.boardWriter }" name="boardWriter" readonly></td>
</tr>
<tr>
<th><label for="upfile">첨부파일</label></th>
<td>
<input type="file" id="upfile" class="form-control-file border" name="reupfile">
<!--
c:if 태그의 test 속성에는 originName, changeName 중 무엇이 들어가도 상관없음!
어차피 둘 중에 하나라도 있으면 첨부파일 있는 거고, 없으면 둘 다 없을 것이기 때문에!
-->
<c:if test="${ not empty b.originName }">
현재 업로드된 파일 :
<a href="${ b.changeName }" download="${ b.originName }">${ b.originName }</a>
<!-- 수정을 하기 위해서는 만약 기존 파일이 있었다면 기존 파일에 대한 정보도 넘겨 줘야 함! -->
<input type="hidden" name="originName" value="${ b.originName }">
<input type="hidden" name="changeName" value="${ b.changeName }">
</c:if>
</td>
</tr>
<tr>
<th><label for="content">내용</label></th>
<td><textarea id="content" class="form-control" rows="10" style="resize:none;" name="boardContent" required>${ b.boardContent }</textarea></td>
</tr>
</table>
<br>
<div align="center">
<button type="submit" class="btn btn-primary">수정하기</button>
<button type="button" class="btn btn-danger" onclick="javascript:history.go(-1);">이전으로</button>
</div>
</form>
</div>
<br><br>
</div>
<jsp:include page="../common/footer.jsp" />
</body>
</html>
⌨️ BoardController
@RequestMapping("update.bo")
public void updateBoard(Board b, MultipartFile reupfile) {
if(!reupfile.getOriginalFilename().equals("")) { // 새로 넘어온 첨부파일이 있는 경우 == reupfile이 빈 문자열이 아니라면
// 1. 기존 첨부파일이 있었을 경우 => 기존 첨부파일 찾아서 삭제
System.out.println(b);
} else { // 새로 넘어온 첨부파일이 없는 경우
}
}
👉🏻 b의 boardNo: 내가 수정하고자 하는 게시글의 번호 (WHERE절) 👉🏻 b의 boardTitle: 수정할 제목 (SET절) 👉🏻 b의 boardContent: 수정할 내용 (SET절) 👉🏻 b의 originName: 기존 첨부파일의 원본명 👉🏻 b의 changeName: 기존 첨부파일의 수정명
✔️ 첨부파일의 원본명, 수정명이 기존의 파일의 것으로 그대로 나옴!
👉🏻 b의 originName, changeName: jsp에서 input type="hidden"으로 넘겼기 때문에 기존의 파일 정보가 나옴
👉🏻 originName: 기존 첨부파일 원본명 👉🏻 changeName: 기존 첨부파일 수정명 + 파일 경로
3. 새로 첨부된 파일 O, 기존 첨부파일 X
👉🏻 originName: 새로 첨부된 파일의 원본명 👉🏻 changeName: 새로 첨부된 파일의 수정명 + 파일 경로
4. 새로 첨부된 파일 O, 기존 첨부파일 O
👉🏻 기존 파일 삭제, 새로 전달된 파일을 서버에 업로드 👉🏻 originName: 새로 첨부된 파일의 원본명
👉🏻 changeName: 새로 첨부된 파일의 수정명 + 파일 경로
💻 BoardController
@RequestMapping("update.bo")
public String updateBoard(Board b, MultipartFile reupfile, HttpSession session, Model model) {
if(!reupfile.getOriginalFilename().equals("")) { // 새로 넘어온 첨부파일이 있는 경우 == reupfile이 빈 문자열이 아니라면
// 1. 기존 첨부파일이 있었을 경우 => 기존 첨부파일 찾아서 삭제
if(b.getOriginName() != null) {
String realPath = session.getServletContext().getRealPath(b.getChangeName());
new File(realPath).delete();
}
// 2. 새로 넘어온 첨부파일을 수정명으로 바꾸고 서버에 업로드 시키기
String changeName = saveFile(reupfile, session);
// 3. b 객체에 새로 넘어온 첨부파일에 대한 원본명, 수정 파일명 필드에 담기
b.setOriginName(reupfile.getOriginalFilename()); // 원본 파일명 덮어 씌움
b.setChangeName("resources/uploadFiles/" + changeName);
} // 새롭게 들어온 첨부파일이 없다면 굳이 파일의 원본/수정명을 바꿀 필요 없으므로 else문 없이 끝!
// Service단으로 b 보내기
int result = boardService.updateBoard(b);
if(result > 0) { // 게시글 수정 성공
session.setAttribute("alertMsg", "성공적으로 게시글이 수정되었습니다.");
// 게시글 상세보기 페이지로 url 재요청
return "redirect:/detail.bo?bno=" + b.getBoardNo();
} else { // 게시글 수정 실패
model.addAttribute("errorMsg", "게시글 수정 실패");
return "common/errorMsg";
}
💻 BoardService
👉🏻 매개변수를 int boardNo에서 Board b로 수정해야 함!
👉🏻 처음 로직을 생각했을 때는 boardNo만 바꿔 주면 될 줄 알았는데 내용 수정, 제목 수정, 첨부파일 삭제/추가 등 넘길 정보가 많으므로 Board 객체로 넘기는 게 맞다는 판단 때문!
// 게시글 수정 서비스
int updateBoard(Board b);
수정했더니 즉각 반응 오는 BoardServiceImpl의 매개변수도 바꿔 주자!
💻 BoardServiceImpl
@Override
public int updateBoard(Board b) {
return boardDao.updateBoard(sqlSession, b);
}
💻 BoardDao
public int updateBoard(SqlSessionTemplate sqlSession, Board b) {
return sqlSession.update("boardMapper.updateBoard", b);
}
