728x90
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.jsp
<%@page import="java.net.URLEncoder"%>
<%@page import="java.sql.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
/* 로그인(인증) 분기 */
// [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:3307/diary", "root", "****");
// mySession 값을 가져오는 SQL 쿼리 실행
String getMySessionSql = "SELECT my_session AS mySession FROM login";
PreparedStatement getMySessionStmt = null;
ResultSet getMySessionRs = null;
getMySessionStmt = conn.prepareStatement(getMySessionSql);
getMySessionRs = getMySessionStmt.executeQuery();
// mySession 값
String mySession = null;
if(getMySessionRs.next()) {
mySession = getMySessionRs.getString("mySession");
}
System.out.println("diaryListOfMonth - mySession = " + mySession); // mySession 값 확인
// mySession이 OFF일 경우(로그아웃 상태)
if(mySession.equals("OFF")) {
String errMsg = URLEncoder.encode("잘못된 접근입니다. 로그인 먼저 해주세요.", "UTF-8");
response.sendRedirect("/diary/login/loginForm.jsp?errMsg=" + errMsg);
// DB 반납
getMySessionRs.close();
getMySessionStmt.close();
conn.close();
return ; // 코드의 진행을 끝 낼때 사용
}
%>
<%
// 요청값 분석
String diaryDate = request.getParameter("diaryDate");
if(diaryDate == null) {
response.sendRedirect("/diary/diaryListOfMonth.jsp");
}
%><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>removeDiaryForm</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbit&display=swap" rel="stylesheet">
<style>
body {
background-image: url('/diary/img/img5.jpg');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
font-family: "Orbit", sans-serif;
font-weight: 300;
font-style: normal;
min-height: 100vh;
}
</style>
</head>
<body>
<div class="row" style="min-height: 100vh;">
<div class="col"></div>
<div class="col-6 mt-5 border border-light-subtle shadow p-2 rounded-2" style="background-color: rgba(248, 249, 250, 0.7); height: 400px; width: 600px;">
<div class="row">
<div class="col-3" style="display: flex;">
</div>
<div class="col-6">
<h1 style="text-align: center; font-size: 60px;">일기 삭제</h1>
</div>
<div class="col-3" style="text-align: right;">
<form action="/diary/diaryOne.jsp?diaryDate=<%=diaryDate%>">
<button type="button" class="btn-close" aria-label="Close" style="margin: 15px;"></button>
</form>
</div>
</div>
<hr>
<div>
<div style="text-align: center;">
<div>
<%=diaryDate%>일의 일기를 지우시겠습니까?
</div>
<div>
지우시려면 id와 pw를 입력해주세요.
</div>
</div>
<div style="text-align: center;">
<form action="/diary/remove/removeDiaryAction.jsp" method="post">
<input type="hidden" name="diaryDate" value="<%=diaryDate%>">
<div class="row" style="padding-top: 20px;">
<div class="col-3" style="text-align: right;">
id
</div>
<div class="col" style="padding-right: 150px;">
<input type="text" name="memberId" style="width: 250px;">
</div>
<div class="col-2"></div>
</div>
<div class="row" style="padding-top: 20px;">
<div class="col-3" style="text-align: right;">
pw
</div>
<div class="col" style="padding-right: 150px;">
<input type="password" name="memberPw" style="width: 250px;">
</div>
<div class="col-2"></div>
</div>
<div class="row" style="padding-top: 20px;">
<div class="col"></div>
<div class="col">
<button class="btn btn-outline-secondary" type="submit">입력완료</button>
</div>
<div class="col"></div>
</div>
</form>
</div>
</div>
</div>
<div class="col"></div>
</div>
</body>
</html>
diaryDate, memberId, memberPw를 getParameter()로 받아 변수에 담는다.
일단 id와 pw를 확인 하는 sql쿼리를 날려 체크를한다.
if문을 사용해 해당 쿼리가 정상적으로 성공(id,pw일치)하면 일기를 삭제하는 delete쿼리를 실행하도록 했다.
id,pw가 일치하지않으면 errMsg와 함께 diaryOne.jsp로 redirect하게 만들었다
removeAction.jsp
<%@page import="java.sql.*"%>
<%@page import="java.net.URLEncoder"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
/* 로그인(인증) 분기 */
// [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:3307/diary", "root", "java1234");
// mySession 값을 가져오는 SQL 쿼리 실행
String getMySessionSql = "SELECT my_session AS mySession FROM login";
PreparedStatement getMySessionStmt = null;
ResultSet getMySessionRs = null;
getMySessionStmt = conn.prepareStatement(getMySessionSql);
getMySessionRs = getMySessionStmt.executeQuery();
// mySession 값
String mySession = null;
if(getMySessionRs.next()) {
mySession = getMySessionRs.getString("mySession");
}
System.out.println("diaryListOfMonth - mySession = " + mySession); // mySession 값 확인
// mySession이 OFF일 경우(로그아웃 상태)
if(mySession.equals("OFF")) {
String errMsg = URLEncoder.encode("잘못된 접근입니다. 로그인 먼저 해주세요.", "UTF-8");
response.sendRedirect("/diary/login/loginForm.jsp?errMsg=" + errMsg);
// DB 반납
getMySessionRs.close();
getMySessionStmt.close();
conn.close();
return ; // 코드의 진행을 끝 낼때 사용
}
%>
<%
// 요청 값 분석
String diaryDate = request.getParameter("diaryDate");
String memberId = request.getParameter("memberId");
String memberPw = request.getParameter("memberPw");
System.out.println("removeDiaryAction - diaryDate = " + diaryDate);
System.out.println("removeDiaryAction - memberId = " + memberId);
System.out.println("removeDiaryAction - memberPw = " + memberPw);
// [DB]diary.member에서 id와 pw 체크
// id,pw확인하는 쿼리
String checkIdSql = "SELECT member_id memberId FROM MEMBER WHERE member_id = ? AND member_pw = ?";
PreparedStatement checkIdStmt = null;
ResultSet checkIdRs = null;
checkIdStmt = conn.prepareStatement(checkIdSql);
checkIdStmt.setString(1, memberId);
checkIdStmt.setString(2, memberPw);
checkIdRs = checkIdStmt.executeQuery();
if(checkIdRs.next()) {
// id,pw가 일치한다면
// 일기를 삭제하는 쿼리
String removeDiarySql = "DELETE FROM diary WHERE diary_date = ?";
PreparedStatement removeDiaryStmt = null;
removeDiaryStmt = conn.prepareStatement(removeDiarySql);
removeDiaryStmt.setString(1, diaryDate);
int row = removeDiaryStmt.executeUpdate();
System.out.println("removeDiaryAction - row = " + row);
response.sendRedirect("/diary/diaryListOfMonth.jsp");
} else {
String errMsg = URLEncoder.encode("삭제 실패했습니다. 다시 삭제해주세요", "UTF-8");
response.sendRedirect("/diary/diaryOne.jsp?diaryDate=" + diaryDate + "&errMsg=" + errMsg);
}
%>
728x90
'웹 개발 > 다이어리 프로젝트(개인)' 카테고리의 다른 글
| jsp로 crud를 사용한 다이어리 만들기(8)-목록형 다이어리 구현 (0) | 2024.04.01 |
|---|---|
| jsp로 crud를 사용한 다이어리 만들기(7)-일기 수정 (0) | 2024.03.27 |
| jsp로 crud를 사용한 다이어리 만들기(5)-일기 상세 보기 (0) | 2024.03.27 |
| jsp로 crud를 사용한 다이어리 만들기(4)-메인 달력 다이어리 (0) | 2024.03.27 |
| jsp로 crud를 사용한 다이어리 만들기(3)-로그아웃,일기쓰기 (0) | 2024.03.25 |
