프로젝트 24

가전제품 대여 웹사이트 (세숫대여) - 게시판 댓글 수정/삭제 기능 구현

게시글 상세보기 하단에 댓글을 작성하고, 작성된 댓글을 조회하는 작업까지 완료했다. 다음은 댓글을 수정하고, 삭제하는 기능을 구현해야 한다. 먼저 댓글 수정 작업을 시도해본다 ! 댓글 수정하기 버튼을 누르면, 수정할 수 있는 폼이 있어야한다. 게시글 수정은 따로 jsp를 만들었지만, 댓글은 상세보기 하단에 있으므로 form 형식으로 만들어준다. freeboarddetail.jsp 하단에 edit-reply form 생성 ${sessionScope.loginuser.memberId} [댓글 수정 시간 : ${freeBoardReview.replyCreateDate}] ${freeBoardReview.replyContent} 수정완료 수정취소 수정완료 버튼 클릭 이벤트처리 ( JSTL 사용 ) $(".edi..

프로젝트 2023.09.29

가전제품 대여 웹사이트 (세숫대여) - 게시판 댓글 조회 기능 구현

댓글을 작성했으면 작성한 댓글을 조회할 수 있어야 한다. 사용자가 댓글 리스트를 볼 수 있는 화면을 만들고, DB에 저장된 값을 불러오도록 한다. freeboarddetail.jsp 댓글번호 댓글내용 댓글작성자 댓글작성일자 댓글수정삭제 ${freeBoardReview.freeBoardReplyNo} 댓글수정하기 댓글삭제하기 ${sessionScope.loginuser.memberId} [댓글 수정 시간 : ${freeBoardReview.replyCreateDate}] ${freeBoardReview.replyContent} 수정완료 수정취소 그러면 DB에 저장된 댓글들이 나타난다. 하 근데 여기서 또 댓글 작성시간이 이상하게 들어온다. . 도대체 뭐가 문제인지 알 수 없다.

프로젝트 2023.09.29

가전제품 대여 웹사이트 (세숫대여) - 게시판 댓글 작성 기능 구현

게시판 상세보기 하단에 댓글을 작성하는 기능을 구현해본다. 루룰 먼저, 사용자가 댓글을 입력할 수 있는 창을 띄워야 한다 ! freeboarddetail.jsp 하단에 자유게시글 댓글 창을 만들어준다. 자유게시글 댓글 그 다음 댓글 관련 DTO를 하나 생성해준다. FreeBoardReviewDto.java @Data public class FreeBoardReviewDto { private int freeBoardReplyNo; private int freeBoardNo; private String replyContent; private Date replyCreateDate; private Date replyModifiYDate; private int replyParents; private int rep..

프로젝트 2023.09.29

가전제품 대여 웹사이트 (세숫대여) - 자유게시판 글 수정/삭제 기능 구현

게시글 조회리스트에서 글 제목을 클릭하면 해당 글의 상세보기 페이지로 넘어가는데, 여기서 수정 삭제 기능을 구현해야 한다 !! 먼저 수정 기능을 구현해본다. 첫번째로, 사용자가 볼 수 있는 게시글 수정 화면을 만들어야 한다. - src/main/webapp/WEB-INF/views/freeboard에 freeboardedit.jsp 생성 freeboardedit.jsp 자유게시글수정하기 제목 작성자 ${ sessionScope.loginuser.memberId } 첨부파일 ${freeBoardAttach.attachFileName} 글내용 ${ freeBoard.freeBoardContent } FreeBoardController.java // 자유게시글 수정하기 ( 자유게시글 상세보기 내용 불러오기 )..

프로젝트 2023.09.29

가전제품 대여 웹사이트 (세숫대여) - 자유게시판 조회수 증가 기능 구현

FreeBoardMapper.java @Update("update FreeBoard " // 자유게시판 조회수 증가 + "set freeBoardViewCount = freeBoardViewCount + 1 " + "where freeBoardNo = #{ freeBoardNo }") void updateFreeBoardviewCount(int freeBoardNo); FreeBoardService.java void updateFreeBoardviewCount(int freeBoardNo); FreeBoardServiceImpl.java @Override // 자유게시판 조회수 증가 public void updateFreeBoardviewCount(int freeBoardNo) { freeboardMap..

프로젝트 2023.09.29

가전제품 대여 웹사이트 (세숫대여) - 자유게시판 페이징 기능 구현

오늘은 게시판 하단에 페이징 기능을 구현하는 작업을 했다. 먼저, 패키지 하나를 생성하고 페이징 기능을 구현할 class 를 생성하고, 하단의 코드를 작성해야하지만 수업 때 사용했던 자료가 있어서 가지고 왔다. package com.rentalproject.ui; public class ThePager { private int pageSize;//한 페이지당 데이터 개수 private int pagerSize;//번호로 보여주는 페이지 Link 개수 private int dataCount;//총 데이터 수 private int pageNo;//현재 페이지 번호 private int pageCount;//총 페이지 수 private String linkUrl;//페이저가 포함되는 페이지의 주소 public..

프로젝트 2023.09.28

가전제품 대여 웹사이트 (세숫대여) - 자유게시판 글 상세보기 기능 구현

게시판 목록에서 제목을 누르면 해당 글의 상세보기 페이지로 이동하는 기능을 구현하였다. 게시글 상세보기 화면 freeboarddetail.jsp 자유게시글 상세정보 게시글 제목 글번호 게시글 작성 일자 작성자 첨부파일 ${freeBoardAttach.attachFileName} 조회수 글내용 ${ freeBoard.freeBoardContent } Controller FreeBoardController.java @GetMapping(path = {"/freeboarddetail"}) public String detail(@RequestParam(defaultValue = "-1") int freeBoardNo, Model model) { if(freeBoardNo == -1) { // 주소창에 detai..

프로젝트 2023.09.28

가전제품 대여 웹사이트 (세숫대여) - 자유게시판 글 목록 조회 기능

게시글 작성 후 작성된 글 목록을 볼 수 있도록 게시글 목록에 데이터를 불러오는기능을 구현하였다. 게시글 리스트 화면 freeboardlist.jsp 자유게시판 게시글 작성 게시글 번호 게시글 제목 작성자 조회수 게시글 작성 일자 ${ freeBoard.freeBoardNo } ${ freeBoard.freeBoardTitle } ${ freeBoard.freeBoardDelete? '' : sessionScope.loginuser.memberId } ${ freeBoard.freeBoardViewCount } ** 아직 로그인 / 회원가입 기능을 구현하는 팀원과 로그인 세션 작업을 하지 않은 상태 ! Dto FreeBoardDto.java @Data public class FreeBoardDto { p..

프로젝트 2023.09.27

가전제품 대여 웹사이트 (세숫대여) - 자유게시판 글 작성 기능 구현

게시판에서 게시글 작성버튼을 누르면 게시글을 작성할 수 있는 화면이 나타나고, 저장을 누르면 DB에 게시글이 작성되는 기능을 구현하였다. 게시글 작성 화면 - src/main/webapp/WEB-INF/views/freeboard에 freeboardwrite.jsp 생성 freeboardwrite.jsp 자유게시글쓰기 제목 작성자 ${ sessionScope.loginuser.memberId } 첨부파일 글내용 Dto FreeBoardDto.java @Data public class FreeBoardDto { private int freeBoardNo; private int adminId; private String freeBoardTitle; private String freeBoardContent; ..

프로젝트 2023.09.27