09-회원제 게시판 만들기_SpringBoot와 JPA
04-게시판(board)파트 - SpringBoot
[게시판-글쓰기]
index.html에 글쓰기 링크(/board/save)를 추가한다. 단 글쓰기는 로그인을 할 경우에만 보이도록 한다.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>index.html</title>
</head>
<body>
<div th:align="center">
<h2>index.html</h2><br><br>
<a href="member/save">회원가입</a><br><br>
<a href="member/login">로그인</a><br><br>
<a href="member/logout">로그아웃</a><br><br>
세션값 이메일: <p th:text="${session['loginEmail']}"></p>
<span th:if="(${session.loginEmail}!=null)">
<div>
<a class="nav-link" href="/board/save" style="font-size: 15px">글쓰기</a><br><br>
<a href="member/mypage">나의정보 조회</a><br><br>
<a href="member/update">내정보 수정(update)</a><br><br>
</div></span><br><br>
<span th:if="(${session.loginEmail}=='admin@aaa.com')">
<div>
<h3>관리자 메뉴</h3><br>
<a class="nav-link" href="/admin/memberList" style="font-size: 15px">회원 목록</a><br><br>
</div></span>
</div>
<br><br><br><br><br>
</body>
</html>
resources 폴더에 board 폴더를 생성한 후 save.html로 글쓰기 화면을 만든다.
작성자는 로그인한 Email이 자동으로 표기되도록 한다. 또한 어느 회원이 쓴 글인지에 대한 정보도 같이 가지고 있어야 하기에
회원번호(memberId)는 hidden으로 서버에 같이 저장이 되게끔 만든다.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:font-size="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>글쓰기</title>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div th:align="center">
<h2>글쓰기</h2><br>
<form action ="/board/save" method="post" enctype="multipart/form-data" th:object="${board}">
작성자<br>
<input type="text" name="boardWriter" th:value="${session.loginEmail}" readonly><br><br>
제목<br>
<input type="text" name="boardTitle" th:field="*{boardTitle}"><br><br>
글 내용<br>
<input type="text" name="boardContents" th:field="*{boardContents}"><br><br>
<input type="file" name="boardFile" th:field="*{boardFile}"><br><br><br>
<input type="hidden" name="memberId" th:field="*{memberId}">
<input type="submit" value="글 등록">
</form>
</div>
</div>
</body>
</html>
위의 정의된 필드로 구성된 DTO 파일을 dto package에 BoardSaveDTO라는 이름에 class형식으로 만들어준다.
package com.ex.test01.dto;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.web.multipart.MultipartFile;
import java.time.LocalDateTime;
@Data
@AllArgsConstructor
@NoArgsConstructor
public class BoardSaveDTO {
private String boardWriter;
private String boardTitle;
private String boardContents;
private MultipartFile boardFile;
private String boardFilename;
private LocalDateTime boardDate;
private int boardHits;
private String memberId;
}
controller package에 BoardController를 class형식으로 만들어준다.
그리고 BoardController에 글작성 화면이 보이게하는 메서드(save)를 작성해준다.
@RequestMapping("/board")라는 코드를 추가하면 브라우저에서/board로 들어오는 주소에 대해
controller 內 주소 작성 시 /board의 주소 뒷부분만 작성하면 되게 만들어준다.
package com.ex.test01.controller;
import com.ex.test01.dto.*;
import com.ex.test01.service.BoardService;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
@Controller
@RequiredArgsConstructor
@RequestMapping("/board")
public class BoardController {
private final BoardService bs;
// 글작성 화면 띄우기
@GetMapping("/save")
public String saveForm(Model model) {
model.addAttribute("board", new BoardSaveDTO());
return "/board/save";
}
}
여기까지 작성 후 서버를 실행하여 글쓰기 페이지가 정상적으로 뜨는지 확인한다.
정상적으로 화면이 뜨면 글작성을 모두 마치고 글등록 버튼을 눌렀을때
해당 글이 DB에 저장이 되게끔 하는 메서드를 BoardController에 만들어준다.
글 등록이 완료되면 화면은 index 페이지를 띄워주게끔 작성한다.
@PostMapping("/save")
public String save(@ModelAttribute("board") BoardSaveDTO boardSaveDTO) throws IOException {
Long boardId = bs.save(boardSaveDTO);
return "redirect:/";
}
service package에 BoardService를 interface 형식으로 BoardServiceImpl을 class 형식으로 만들어준다.
그리고 BoardController 內 bs.save을 클릭하면 BoardService에 내용이 자동으로 추가된다.
package com.ex.test01.service;
import com.ex.test01.dto.BoardSaveDTO;
import java.io.IOException;
public interface BoardService {
Long save(BoardSaveDTO boardSaveDTO) throws IOException;
}
BoardServiceImpl에 관련 내용을 추가한다.
package com.ex.test01.service;
import com.ex.test01.dto.*;
import com.ex.test01.entity.BoardEntity;
import com.ex.test01.entity.MemberEntity;
import com.ex.test01.repository.BoardRepository;
import com.ex.test01.repository.MemberRepository;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Service;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.multipart.MultipartFile;
import java.io.File;
import java.io.IOException;
@Service
@RequiredArgsConstructor
public class BoardServiceImpl implements BoardService{
private final BoardRepository br;
private final MemberRepository mr;
@Override
public Long save(@ModelAttribute("board") BoardSaveDTO boardSaveDTO) throws IOException {
MultipartFile boardFile = boardSaveDTO.getBoardFile();
String boardFilename = boardFile.getOriginalFilename();
boardFilename = System.currentTimeMillis() + "-" + boardFilename;
String savePath = "F:\\Development_F\\source\\springboot\\test01\\src\\main\\resources\\templates\\img\\" + boardFilename;
if (!boardFile.isEmpty()) {
boardFile.transferTo(new File(savePath));
}
boardSaveDTO.setBoardFilename(boardFilename);
MemberEntity memberEntity = mr.findByMemberEmail(boardSaveDTO.getBoardWriter());
BoardEntity boardEntity = BoardEntity.saveBoard(boardSaveDTO, memberEntity);
return br.save(boardEntity).getBoardId();
}
}
여기까지 작성한 후 entity package에 BoardEntity를 class 형식으로 만든 후 Entity의 기본적인 내용을 작성하고
글작성이 저장될 수 있게끔 saveBoard 항목을 하단에 추가하여 작성해준다.
package com.ex.test01.entity;
import com.ex.test01.dto.BoardSaveDTO;
import lombok.Getter;
import lombok.Setter;
import javax.persistence.*;
@Entity
@Getter
@Setter
@Table(name="board_table")
public class BoardEntity extends BaseEntity {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column
private Long boardId;
@Column
private String boardWriter;
@Column
private String boardTitle;
@Column(length = 2000)
private String boardContents;
@Column
private String boardFilename;
@Column
private int boardHits;
// 한명의 회원이 여러개의 게시글을 작성할 수 있기에 @ManyToOne으로 구성
@ManyToOne(fetch = FetchType.LAZY)
@JoinColumn(name = "memberId")
private MemberEntity memberEntity;
// 글저장
public static BoardEntity saveBoard(BoardSaveDTO boardSaveDTO, MemberEntity memberEntity) {
// public static BoardEntity saveBoard(BoardSaveDTO boardSaveDTO) {
BoardEntity boardEntity = new BoardEntity();
boardEntity.setBoardWriter(boardSaveDTO.getBoardWriter());
boardEntity.setBoardTitle(boardSaveDTO.getBoardTitle());
boardEntity.setBoardContents(boardSaveDTO.getBoardContents());
boardEntity.setBoardFilename(boardSaveDTO.getBoardFilename());
boardEntity.setMemberEntity(memberEntity);
boardEntity.setBoardHits(0);
return boardEntity;
}
}
repository package에 BoardRepository를 interface 형식으로 만든 후 아래와 같이 작성한다.
package com.ex.test01.repository;
import com.ex.test01.entity.BoardEntity;
import org.springframework.data.jpa.repository.JpaRepository;
public interface BoardRepository extends JpaRepository<BoardEntity, Long> {
}
글작성 시 글 작성시간과 글 수정 시 글 수정시간을 보여주기 위해서는 이에 대한 필드를 entity에서 선언해야 한다.
entity package에 BaseEntity를 class 형식으로 만든 후 아래와 같이 작성한다.
package com.ex.test01.entity;
import lombok.Getter;
import org.hibernate.annotations.CreationTimestamp;
import org.hibernate.annotations.UpdateTimestamp;
import org.springframework.data.jpa.domain.support.AuditingEntityListener;
import javax.persistence.Column;
import javax.persistence.EntityListeners;
import javax.persistence.MappedSuperclass;
import java.time.LocalDateTime;
@MappedSuperclass
@EntityListeners(AuditingEntityListener.class)
@Getter
public class BaseEntity {
@CreationTimestamp
@Column(updatable = false)
private LocalDateTime createTime;
@UpdateTimestamp
@Column(insertable = false)
private LocalDateTime updateTime;
}
여기까지 작성 후 회원으로 로그인하여 글쓰기페이지(/board/save.html)에서 글작성 및 글등록 버튼을 눌러
작성한 글이 저장이 잘 되었는지를 db화면에서 확인해본다. 또한 브라우저에는 index화면이 뜨는지도 확인한다.
댓글남기기