웹 개발 (38) 썸네일형 리스트형 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 css,bootstrap사용해서 게시판만들기(2) 이전의 게시판list에 추가하여 글을 쓸 수 있는 insertBoardForm.jsp를 만들었다. 제목과 글쓴이 비밀번호와 내용을 입력한다 초기화는 button type을 reset으로 설정했다 완료는 button type을 submit으로 설정했다. insertBoardForm.jsp 게시글 입력 제목 글쓴이 비밀번호 내용 완료 초기화 insertBoardForm.jsp를 통해 입력받은 값들은 insertBoardAction.jsp에 getParameter()을 통해 각각 타입에 맞게 변수에 저장한다. 쿼리문에 맞게 변수값들을 적절히 대입하여 쿼리를 실행할 수 있도록 했다. DB를 연결하고 쿼리의 ?부분의 값을 setxxx()메소드를 사용해 알맞은 변수로 교체해준다. 쿼리가 제대로 실행이 되었다면 ro.. css,bootstrap사용해서 게시판만들기(1) 게시판을 간단하게 만들었다. jsp를 사용했고 css와 bootstrap을 써서 나름 꾸몄다 currentPage를 1로 설정해 처음 실행해서 null이 오면 페이지가 1이 되도록 했다. 페이징을 하기위해서 쿼리문을 사용해 모든 게시글(row)수를 구했다 게시물의 개수(전체 row수)와 페이지당 게시글 수(rowPerPage)를 이용해 마지막 페이지 수(lastPage)를 구했다. 테이블에서 글이 삭제되면 id는 만들어져있는 상태이고, id가 빵꾸?가 나기때문에 따로 postNumber로 게시글의 순서를 구했다. 이후 html부분은 bootstrap과 css를 사용해 꾸며보았다. boardList 글쓰기 페이지 게시글 순서 no title 1) { %> 처음페이지 이전페이지 처음페이지 이전페이지 다음페이.. JSP와 MariaDB 연동하기(7) 이번에는 글을 수정하는 jsp를 만들었다. 마찬가지로 이전에 empList중 한명을 클릭했을시 자세히 보여주는 empOne.jsp와 연결된다. 20240314 JSP와 MariaDB 연동하기(3) 앞선 내용들을 바탕으로 DB에 있는 데이터 값들을 페이지에 table로 출력(전체가 아닌 일부)하고 row의 값들 중 하나를 클릭하면 그 row에 대한 모든 값들이 나오게 만드는 연습을 했다. 2024.03.14 - [ broad-backend.tistory.com emp수정 버튼을 누르면 아래에 emp 글 수정 페이지로 이동한다 여기서는 pw대신 ENAME과 id대신 EMPNO를 이용해 구현했다. 글 수정을 누르면 empNo가 파라미터로 넘어오게했고 getParameter()메소드를 사용해 int 변수에 em.. 이전 1 2 3 4 5 다음
