$$config title: ?sbb게시판 기술서 keywords: - 스프링부트 활용 - 질문게시판 - 기술서 $$ # ?️소개 --- 스프링부트를 이용한 자유로운 질문게시판 # ?사이트 - [sbb 질문게시판](http://115.85.183.155/question/list) - 도메인 연결후 위 링크는 수정 예정 # ?개발환경 및 기술스택 - Spring Boot - HTML3 / CSS5 /JS - jQuery - h2-database - Bootstrap - Java - Intellij - Windows 11 # ?요구사항과 기능구현 여부? --- | 목록 | 요구사항 | 구현여부 | | -- | -- | -- | | RQ-1 | ROOT URL | ✅ | | RQ-2 | 리스트페이지에서 등록버튼을 누르면 게시글 등록폼으로 이동한다. |✅ | | RQ-3 | 게시글 상세페이지에 목록 버튼이 있고 버튼을 누르면 리스트페이지로 이동한다 | ✅ | | RQ-4 | 리스트 페이지에서는 목록번호, 제목, 글쓴이, 작성시간이 표시된다 | ✅ | | RQ-5 | 리스트페이지에서 등록된 시간 순서로 게시글 리스트가 출력된다.(최신순) | ✅ | | RQ-6 | 게시글 상세페이지에서는 게시글의 내용, 작성된 시간이 표시된다. | ✅ | | RQ-7 | 게시글 상세페이지에서 게시글을 수정한 경우 게시글 수정된 내용과 수정 시간이 표시된다 | ✅ | | RQ-8 | 게시글 상세페이지에서 댓글을 작성할 경우 댓글 내용과 댓글 작성 시간이 표시된다. | ✅ | | RQ-9 | 게시글 상세페이지에서 댓글을 수정할 경우 수정할 내용과 수정시간이 표시된다. | ✅ | | RQ-10 | 게시판의 페이지는 1페이지부터 시작한다. | ✅ | | RQ-11 | 게시글의 상세페이지에서 작성자 확인이 가능하다 | ✅ | | RQ-12 | 네비바에는 로고, 로그인, 회원가입 버튼이 있다. | ✅ | | RQ-13 | 로고버튼을 누르면 메인페이지(리스트페이지로 이동한다.) | ✅ | | RQ-14 | 로그인 버튼을 누르면 로그인폼으로 이동한다. | ✅ | | RQ-15 | 회원가입 버튼을 누르면 회원가입 폼으로 이동한다. | ✅ | | RQ-16 | 로그인이 되면 로그인 자리에는 로그아웃으로 변경된다. | ✅ | | RQ-17 | 로그아웃 버튼을 누르면 로그아웃이 되며 로그아웃 자리에는 로그인버튼으로 변경된다. | ✅ | | RQ-18 | 로그인을 하지 않고 게시글을 작성하려 할 경우 로그인 검증으로 인해 로그인 폼으로 이동한다. | ✅ | | RQ-19 | 게시글이나 댓글을 작성했던 아이디가 일치해야 글이나 댓글의 수정이 가능하다. | ✅ | | RQ-20 | 게시글이나 댓글을 작성했던 아이디가 일치해야 글이나 댓글의 삭제가 가능하다. | ✅ | | RQ-21 | 마크다운 기능 | ✅ | | RQ-22 | 앵커기능 | ✅ | | RQ-23 | 추천기능 | ✅ | | RQ-24 | 원하는 키워드를 검색하면 키워드에 맞는 내용이 검색된다. | ✅ | # ?기능? --- - ROOT URL - 게시글 작성기능 - 게시글 수정기능 - 게시글 삭제 기능 - 게시글 작성시간, 수정시간 표시 - 부트스트랩 - 네비바(로고, 로그인,회원가입) - 스프링 시큐리티 - 회원가입 - 로그인 - 로그아웃 - 로그인 검증 - 댓글 작성 - 댓글 수정 - 댓글 삭제 - 댓글 작성시간, 수정시간 표시 - 글쓴이 표시 - 페이징 - 마크다운 - 앵커 - 추천 - 검색 # ⌨️배포환경 --- - Termius - Gabia - 네이버 클라우드 # ?리스트페이지 ![리스트페이지](https://i.imgur.com/FJNy2OR.png) ```java public String list(Model model, @RequestParam(value = "page", defaultValue = "0") int page, @RequestParam(value = "kw", defaultValue = "") String kw) { Page paging = this.questionService.getList(page, kw); model.addAttribute("paging", paging); model.addAttribute("kw", kw); return "question_list"; } ``` # ?게시글 작성 폼 ![게시글 작성 폼](https://i.imgur.com/KOfGkmG.png) ```html

질문등록

``` ```java @GetMapping("/create") public String questionCreate(QuestionForm questionForm) { return "question_form"; } @PostMapping("/create") public String questionCreate(@Valid QuestionForm questionForm, BindingResult bindingResult, Principal principal) { if (bindingResult.hasErrors()) { return "question_form"; } SiteUser siteUser = this.userService.getUser(principal.getName()); this.questionService.create(questionForm.getSubject(), questionForm.getContent(), siteUser); return "redirect:/question/list"; } ``` # ?게시글 작성 후 상세페이지 ![게시글 작성 후 상세페이지](https://i.imgur.com/rQpykQH.png) ```java @GetMapping(value = "/detail/{id}") public String detail(Model model, @PathVariable("id") Integer id, AnswerForm answerForm) { Question question = this.questionService.getQuestion(id); model.addAttribute("question", question); return "question_detail"; } ``` # ?댓글 작성 후 상세페이지 ![댓글 작성 후 상세페이지](https://i.imgur.com/ik4qs7j.png) ```java public String createAnswer(Model model, @PathVariable("id") Integer id, @Valid AnswerForm answerForm, BindingResult bindingResult, Principal principal) { Question question = this.questionService.getQuestion(id); SiteUser siteUser = this.userService.getUser(principal.getName()); if (bindingResult.hasErrors()) { model.addAttribute("question", question); return "question_detail"; } Answer answer = this.answerService.create(question, answerForm.getContent(), siteUser); return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); } ``` # ?댓글 수정 페이지 ![댓글 수정 페이지](https://i.imgur.com/h8zIKWG.png) ```html

댓글 수정

``` ```java @GetMapping("/modify/{id}") public String answerModify(AnswerForm answerForm, @PathVariable("id") Integer id, Principal principal) { Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } answerForm.setContent(answer.getContent()); return "answer_form"; } @PostMapping("/modify/{id}") public String answerModify(@Valid AnswerForm answerForm, BindingResult bindingResult, @PathVariable("id") Integer id, Principal principal) { if (bindingResult.hasErrors()) { return "answer_form"; } Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } this.answerService.modify(answer, answerForm.getContent()); return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); } ``` # 로그인 페이지 ![로그인 페이지](https://i.imgur.com/Ulo61np.png) ```html

``` # 회원가입페이지 ![회원가입페이지](https://i.imgur.com/n0ZVv9M.png) ```html

회원가입

``` ```java @GetMapping("/signup") public String signup(UserCreateForm userCreateForm) { return "signup_form"; } @PostMapping("/signup") public String signup(@Valid UserCreateForm userCreateForm, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return "signup_form"; } if (!userCreateForm.getPassword1().equals(userCreateForm.getPassword2())) { bindingResult.rejectValue("password2", "passwordInCorrect", "2개의 패스워드가 일치하지 않습니다."); return "signup_form"; } try { userService.create(userCreateForm.getUsername(), userCreateForm.getEmail(), userCreateForm.getPassword1()); }catch(DataIntegrityViolationException e) { e.printStackTrace(); bindingResult.reject("signupFailed", "이미 등록된 사용자입니다."); return "signup_form"; }catch(Exception e) { e.printStackTrace(); bindingResult.reject("signupFailed", e.getMessage()); return "signup_form"; } return "redirect:/"; } ```