웹 개발/다이어리 프로젝트(개인) (11) 썸네일형 리스트형 jsp로 crud를 사용한 다이어리 만들기(11)-점심 선택,통계 페이지 추가 jsp로 crud를 사용한 다이어리 만들기(9)-일기DB 테이블 추가일기의 내용이 좀 부족한거 같아 추가를 했다 일기에 기분을 추가하기로 했다! radio버튼을 통해 5가지의 기분 중 선택을 할 수 있다. 기존의 addDiaryForm에 input태그와 기분이미지에 해당하는 value값broad-backend.tistory.com다이어리에 또 다른 기능을 추가하기로 했다.그날 먹었던 점심을 고를 수 있는 기능이다! 점심은 하루에 한번 선택 할 수 있으며, 해당 일을 선택해 선택 가능확인 버튼을 눌러 선택가 가능한지 불가능한지 확인하고 선택를 할 수 있다.해당일에 선택가 돼있으면 선택 할 수 없다는 메시지도 같이 보여주고 선택이 가능하면 가능하다는 메시지를 보여준다.점심을 선택하면 아래의 두번째 이미지.. jsp로 crud를 사용한 다이어리 만들기(10)-로그인 session으로 변경 기존에는 DB의 my_session을 'ON', 'OFF'로 설정해 로그인을 했는지 안했는지 판단하고, 로그아웃시 특정 페이지 접근 시 로그인폼으로 가게 했지만, 이번에는 session기능을 추가해 DB를 사용하지 않고도 사용할 수 있게 변경해봤다. 기존 모든 페이지 상단에 있던 코드/* 로그인(인증) 분기 */// [DB] diary.login.my_session -> 'OFF'[로그아웃이 되어있을 경우] -> redirect("loginForm.jsp")// DB 연결 및 초기화Class.forName("org.mariadb.jdbc.Driver");Connection conn = null;conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3.. jsp로 crud를 사용한 다이어리 만들기(9)-일기DB 테이블 추가 일기의 내용이 좀 부족한거 같아 추가를 했다일기에 기분을 추가하기로 했다!radio버튼을 통해 5가지의 기분 중 선택을 할 수 있다.기존의 addDiaryForm에 input태그와 기분이미지에 해당하는 value값만 설정해줬다. addDiaryForm.jsp 기분 😄 😐 😕 😭 👿 addDiaryAction.jsp// 요청값 분석 String diaryDate = request.getParameter("diaryDate"); String title = request.getParameter("titl.. jsp로 crud를 사용한 다이어리 만들기(8)-목록형 다이어리 구현 jsp로 crud를 사용한 다이어리 만들기(7)jsp로 crud를 사용한 다이어리 만들기(6) jsp로 crud를 사용한 다이어리 만들기(5) jsp로 crud를 사용한 다이어리 만들기(4) 20240322,20240325 jsp로 crud를 사용한 다이어리 만들기(3) 20240322 jsp로 crud를 사용한broad-backend.tistory.com 이번에는 일기가 리스트 형식으로 나오는 일기 목록 페이지를 구현했다.원래는 아래처럼 달력 모양으로 나온다 일기 목록을 누르게 되면 아래처럼 나오게 구현했다 현재는 일기 data가 하나이다. data를 여러개 추가되어 많아지면 페이징도 할 수 있도록 구현했다. 일단 페이징을 하기 위해서 이전,다음 같은 버튼이나 a태그를 만들었다.그리고 페이지를 카운트 .. jsp로 crud를 사용한 다이어리 만들기(7)-일기 수정 jsp로 crud를 사용한 다이어리 만들기(6)jsp로 crud를 사용한 다이어리 만들기(5) jsp로 crud를 사용한 다이어리 만들기(4) 20240322,20240325 jsp로 crud를 사용한 다이어리 만들기(3) 20240322 jsp로 crud를 사용한 다이어리 만들기(2) 필요하다고 생각한broad-backend.tistory.com이번에는 수정 기능을 구현했다. 수정하기를 눌러 페이지가 이동됐다. 수정하기 버튼을 누르면 diaryDate가 넘어오고 getParameter()를 통해 받는다.[DB]diary.diary 테이블에서 diary_date, title, weather, content값을 select 쿼리로 가져온다. 수정 페이지는 addDiaryForm과 유사하지만날짜는 수정할 .. jsp로 crud를 사용한 다이어리 만들기(6)-일기 삭제 jsp로 crud를 사용한 다이어리 만들기(5)jsp로 crud를 사용한 다이어리 만들기(4) 20240322,20240325 jsp로 crud를 사용한 다이어리 만들기(3) 20240322 jsp로 crud를 사용한 다이어리 만들기(2) 필요하다고 생각한 jsp파일들을 미리 폴더를 만들어 생성broad-backend.tistory.com먼저 삭제 기능을 구현해보겠다. 삭제를 누르면 id와 pw를 확인하고 맞다면 삭제하고 틀리다면 다시 해당 일기 상세내용으로 가게만들었다. 삭제 버튼을 누르면 diaryDate 값을 넘기고 removeForm에서 요청 값을 받는다.어떤 날짜의 일기인지 보여주고 id와 pw를 입력하며고 완료 버튼을 누르면removeAction.jsp 로 값들을 보낸다!removeForm.j.. 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이다마찬가지로 로.. 이전 1 2 다음