본문 바로가기

728x90

전체보기

(65)
jsp로 crud를 사용한 다이어리 만들기(5)-일기 상세 보기 jsp로 crud를 사용한 다이어리 만들기(4)20240322,20240325 jsp로 crud를 사용한 다이어리 만들기(3) 20240322 jsp로 crud를 사용한 다이어리 만들기(2) 필요하다고 생각한 jsp파일들을 미리 폴더를 만들어 생성해놨다. logoutAction은 login과 같이 폴더를broad-backend.tistory.com 이번에는 달력에서 일기 제목을 클릭하면일기가 상세하게 보이게 만들었다. 위의 화면이 클릭했을 때 일기 상세 내용이다. 마찬가지로 로그인 없이 페이지 접근시 분기문을 사용해 로그인 폼으로 이동하도록 했다. 그리고 diaryListOfMonth.jsp에서 일기 제목클릭시 diaryDate값이 넘어온다.getParameter()를 사용해 diaryDate값을 받아온..
jsp로 crud를 사용한 다이어리 만들기(4)-메인 달력 다이어리 20240322,20240325 jsp로 crud를 사용한 다이어리 만들기(3)20240322 jsp로 crud를 사용한 다이어리 만들기(2) 필요하다고 생각한 jsp파일들을 미리 폴더를 만들어 생성해놨다. logoutAction은 login과 같이 폴더를 묶어놨다. checkDateAction은 일기를 작성하고자 하는broad-backend.tistory.com이전 글에서 addDiaryAction까지 만들었다. 그리고 css도 추가해서 나름 꾸몄다. css는 힘든거같다.. 작성한 일기는 두가지 형태로 볼 수 있다.달력모양의 다이어리리스트(목록)모양나는 달력모양의 일기장을 메인으로 해놨다. 왼쪽 상단에 버튼이 있으며 누를 시 해당 모양의 일기장으로 이동가능하다!달력모양의 다이어리 jsp이다마찬가지로 로..
jsp로 crud를 사용한 다이어리 만들기(3)-로그아웃,일기쓰기 20240322 jsp로 crud를 사용한 다이어리 만들기(2)필요하다고 생각한 jsp파일들을 미리 폴더를 만들어 생성해놨다. logoutAction은 login과 같이 폴더를 묶어놨다. checkDateAction은 일기를 작성하고자 하는 날을 체크하기 위해 만든 것이다. 처음으로 logibroad-backend.tistory.com 이전글에 이어 로그인을 성공하면 diaryListOfMonth로 이동하게 만들었다.그리고 loginForm, loginAction는 my_session을 ON일때 분기하였지만그 외의 페이지부터는 my_session이 OFF일때는 loginForm.jsp로 먼저 이동하도록 구현했다.   다시 본론으로 돌아와서현재는 로그아웃 버튼과 글쓰기 버튼만 구현해놓은 상태이다.로그아웃을..
jsp로 crud를 사용한 다이어리 만들기(2)-로그인 필요하다고 생각한 jsp파일들을 미리 폴더를 만들어 생성해놨다.logoutAction은 login과 같이 폴더를 묶어놨다. checkDateAction은 일기를 작성하고자 하는 날을 체크하기 위해 만든 것이다.  처음으로 loginForm.jsp를 구현했다.일단 처음에는 [DB]diary.login의 my_session을 확인 하도록 한다.[DB]diary.login의 my_session은 로그인이 되어있는 상태인지 알 수 있는 data이다.ON일 경우 로그인이 되어있는 상태이고, OFF일 경우 로그아웃인 상태이다 my_session이 ON일 경우는 해당 페이지를 보여 줄 필요가 없기떄문에 바로 diaryListOfMonth로 보여주도록 했다OFF일 경우는 아래 처럼 id와 pw를 입력하는 폼이 나타나게..
jsp로 crud를 사용한 다이어리 만들기(1) 지금까지 했던 crud게시판 만들기와 html, css, jsp로 다이어리를 만들고자 한다. 구현된 프로그램을 대략적으로 생각한 모습, 조건프로그램은 처음 화면에 해당하는 달의 달력을 보여줄것이다.달력의 날짜를 누르면 해당하는 날의 일기를 보여 줄 것이다.달력형식 말고도 전체 작성한 일기들을 리스트 형식으로도 표시 할 것이며 클릭 했을 경우 위의 조건 처럼 보여줄 것이다처음 화면에서 글쓰기를 누르면 일기를 입력할 수 있게 만들것이다.하루에 하나의 일기만 가능하다일기는 입력, 삭제, 수정이 가능하다일기는 날짜, 제목, 날씨, 기분 내용을 작성할 수 있다.매일 어떤 점심을 먹었는지 체크하여 전체 통계를 확인할 수 있다.해당하는 일기에 댓글처럼 그 날의 생각과 코멘트를 달 수 있게 할 것이다.아래는 어떤 파일..
css,bootstrap사용해서 게시판만들기(5) 작성된 게시글을 수정(UPDATE)할 수 있는 기능을 만들었다. pw가 맞아야 수정이 가능하도록 쿼리를 작성했다. updateBoardForm.jsp 게시글 수정 제목 글쓴이 비밀번호 내용 완료 초기화 updateBoardAction.jsp cityboardOne.jsp // 실패 -> updateCityboardForm.jsp if(row == 1) { response.sendRedirect("./boardOne.jsp?no=" + no); } else { response.sendRedirect("./updateBoardForm.jsp?no=" + no); } // DB 반납 stmt.close(); conn.close(); %>
css,bootstrap사용해서 게시판만들기(4) 게시판을 삭제하는 부분을 만들었다. 게시판을 삭제하기 전에 해당하는 게시글 NO의 댓글의 DB가 먼저 삭제되야한다. 해당 댓글의 row들이 삭제된 후 에 게시판이 작성되도록 만들었다. deleteBoardAction.jsp
css,bootstrap사용해서 게시판만들기(3) 이번엔 전의 게시판의 글에 댓글 기능을 추가했다. 댓글 입력, 삭제, 페이징 기능도 추가했다. 일단 boardOne.jsp에 댓글을 달 수 있는 폼을 추가했다. 댓글 입력하기 댓글 입력 댓글을 폼을 통해 입력하면 해당 내용이 insertCommentAction.jsp로 넘어간다. insertCommentAction.jsp 댓글을 삭제할 수 있는 jsp이다. deleteComment.jsp

728x90