Search

[스프링 게시판] 게시글 작성, 수정, 삭제 기능 추가

@3/14/2023

게시글 작성

컨트롤러
@PostMapping("/posts") public String createPost( @ModelAttribute PostForm postForm ) { log.info("postForm.getUserId() = {}", postForm.getUserId()); postService.addPost(postForm); return "redirect:/posts"; }
Java
복사
글쓰기 view
<!-- 글 등록 --> <div class="container"> <form th:action="@{/posts}" method="post"> <!-- 제목 --> <div class="input-group mb-3"> <span class="input-group-text" id="inputGroup-sizing-default">제목</span> <input name="title" type="text" class="form-control" aria-label="title input" /> </div> <!-- 본문 --> <textarea class="form-control w-100 mt-3" style="resize: none;" id="content" name="content" rows="25" placeholder="본문을 입력해주세요"></textarea> <div class="d-flex"> <input class="btn btn-md btn-primary ms-auto my-3" type="submit" value="글 등록" /> <a class="btn btn-md btn-outline-secondary ms-2 my-3" href="/posts" value="취소">취소</a> </div> <input type="hidden" name="userId" id="userId" value="1"/> <!-- TODO - 유저 권한 기능 추가 후 변경 --> </form> </div>
HTML
복사

글 삭제

컨트롤러
@GetMapping("/posts/{postId}/delete") public String deletePost( @PathVariable Long postId ) { postService.deletePost(postId); return "redirect:/posts/"; }
Java
복사

글 수정

컨트롤러
@GetMapping("/posts/{postId}/edit") public String updatePostForm( @PathVariable Long postId, Model model ) { Post foundPost = postService.findPostById(postId); model.addAttribute("post", foundPost); return "posts/postUpdateForm"; } @PostMapping("/posts/{postId}/edit") public String updatePost( @ModelAttribute PostUpdateDTO postUpdateDTO ) { postService.updatePost(postUpdateDTO); return "redirect:/posts/" + postUpdateDTO.getPostId(); }
Java
복사
updateForm.html
<!DOCTYPE html> <html th:replace="~{/baseLayout :: baseLayout(~{::title}, ~{::section})}" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>글 수정</title> </head> <body> <section style="max-width: 800px; margin: auto;"> <!-- 글 수정 --> <div class="container"> <form th:action="@{/posts/{postId}/edit(postId = ${post.id})}" method="post"> <!-- 제목 --> <div class="input-group mb-3"> <span class="input-group-text" id="inputGroup-sizing-default">제목</span> <input th:value="${post.title}" name="title" type="text" class="form-control" aria-label="title input" /> </div> <!-- 본문 --> <textarea class="form-control w-100 mt-3" style="resize: none;" id="content" name="content" rows="25" th:text="${post.content}" placeholder="본문을 입력해주세요"></textarea> <div class="d-flex"> <input class="btn btn-md btn-primary ms-auto my-3" type="submit" value="글 수정" /> <a class="btn btn-md btn-outline-secondary ms-2 my-3" href="/posts">취소</a> </div> <input type="hidden" name="userId" id="userId" value="1"/> <!-- TODO - 유저 권한 기능 추가 후 변경 --> <input type="hidden" name="id" id="postId" th:value="${post.id}"/> </form> </div> </section> </body> </html>
Java
복사

관련 커밋

0de74ec48a71ced282b25e46a7d284d31cf65ece
commit