[64] 230330 Spring: 회원 정보 수정, 삭제 기능 구현하기. *id값 넘기기 [K-디지털 트레이닝 64일]

Notice

Recent Posts

Recent Comments

Links

« 2025/01 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Tags more

Archives

Today

In Total

관리 메뉴

A Joyful AI Research Journey🌳😊

[64] 230330 Spring: 회원 정보 수정, 삭제 기능 구현하기. *id값 넘기기 [K-디지털 트레이닝 64일] 본문

🌳Bootcamp Revision 2023✨/Spring Framework, Java

[64] 230330 Spring: 회원 정보 수정, 삭제 기능 구현하기. *id값 넘기기 [K-디지털 트레이닝 64일]

yjyuwisely 2023. 3. 30. 12:50

230329 Thu 64th class

Ch. 18 MVC 패턴 구현
진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
책 예제 코드: https://github.com/madvirus/jsp23
저자 블로그: https://javacan.tistory.com/

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운

product.kyobobook.co.kr

오늘 배운 것 중 기억할 것을 정리했다.

다시 기억할 것

input 태그를 이용해서 데이터 값을 타이핑하는 형태가 아닌, 단순하게 보이게 하는 방법이다.
뒤에 readonly를 붙이거나,
표현식을 두고 input 태그에 type을 hidden으로 설정한다.

번호: <input type="text" name="no" value="<%=rs.getString("no") %>" readonly> <!-- 첫번째 방법 -->
번호: <%=rs.getInt("no") %> <input type="hidden" name="no" value="<%=rs.getString("no") %>"> <!-- 두번째 방법: hidden 쓴다. -->

2023.03.24 - [🌳K-Digital Revision 2023✨/JSP] - [60] 230324 JSP: 카페 글쓰기 응용 [K-디지털 트레이닝 60일]

이 글의 제일 마지막에 있는 내용인데, 위의 내용을 응용한 것이다.

input type="hidden"으로 input 형태는 숨긴다. 게시판 목록의 작성일과 시간은 MySQL의 값을 출력한다.

<%=session.getAttribute("user_id")%>
<input type="hidden" name="id" value="<%=session.getAttribute("user_id")%>">

2023.03.24 - [🌳K-Digital Revision 2023✨/JSP] - [60] 230324 JSP: 회원가입, 로그인 응용 [K-디지털 트레이닝 60일]

정의 및 특징
<input> 태그의 formaction 속성은 폼 데이터(form data)가 서버로 제출될 때 입력 데이터를 처리할 파일의 URL을 명시한다.

이 속성은 <input> 요소의 type 속성값이 “submit” 또는 “image”인 경우에만 사용할 수 있습니다.
formaction 속성은 <form> 요소의 action 속성값을 재정의(overriding)합니다.

문법

<input type="submit|image" formaction="URL">

참고: http://www.tcpschool.com/html-tag-attrs/input-formaction

<form method="post>
<table>
<!-- (중략) -->
</table>
		<input type="submit" value="수정" formaction="modifyBoard.jsp">
		<input type="submit" value="삭제" formaction="removeBoard.jsp">
</form>

2023.03.24 - [🌳K-Digital Revision 2023✨/JSP] - [60] 230324 JSP: 카페 글쓰기 기능, 게시판 목록 구현하기 [K-디지털 트레이닝 60일]

loginVO 참고

회원 정보 수정, 삭제 기능 구현하기

우선 SQL로 생각해 보기
id가 abcd인 회원 정보를 수정한다.

update member
set name = 'a',
	password = '1',
    phone = '010'
where id = 'abcd'
;

id 값을 넘기기

두 가지 방법
1. form 태그를 이용한다.

<form action="listDetail">
	아이디<input type="text" name="id>
</form>

2. a 태그 이용하면 된다.

<a href="listDetail?id=특정아이디값">아이디</a>

listDetail.jsp로 가기 전에 select로 아이디 값을 가져간다.

여기서는 form 태그를 이용한다. get방식을 쓰면 노출된다.

list.jsp
수정버튼을 클릭하면 아래 URL이 나오도록 만든다.
http://localhost:8081/listDetail?id=aaa

코드 1) list.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>     
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 관리 페이지</title>
</head>
<body>
<!--  ${memlist} -->
	<table border="1">
	<tr>
		<td>ID</td><td>비밀번호</td><td>주소</td><td>폰번호</td><td>이메일</td><td>이름</td><td>생일</td>
	</tr> <!-- c:forEach var="변수" items="아이템" -->
	<c:forEach var="list" items="${memlist}"> <!-- 반복한다. -->
		<tr>
		<td><a href="listDetail?id=${list.id}">${list.id}</a></td> 
		<!-- 내가 틀린 부분: <a href="listDetail"> 에서 ?id=${list.id} 추가하면 id값이 listDetail.jsp로 넘어가게 된다. -->
		<td>${list.password}</td>
		<td>${list.addr}</td>
		<td>${list.phone}</td>
		<td>${list.email}</td>
		<td>${list.name}</td>
		<td>${list.age}</td>
	</tr>
	</c:forEach>
	</table>
</body>
</html>

코드 1.1) listDetail.jsp

오류가 난 이유는
</input type="submit" value="수정" formaction="modify">
</input type="submit" value="삭제" formaction="remove">
을 쓰기 전에 <form method="post"> (중략) </form>을 써야 한다.

그리고 input 태그 안의 name을 쓸 때 LoginVO.java의 변수명을 잘 체크해서 오타가 없게 한다.

public class LoginVO {

	
	private String id;
	private String password;
	private String addr;
	private String phone;
	private String email;
	private String name;
	private int age;
	public String getId() {
		return id;
	}
    
    (중략)
}

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ page import="java.sql.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>개인 회원 관리 상세 페이지</title>
</head>
<body>

<!-- DB 작업을 해야한다. 서비스와 Mapper에 보내준다. -->

<%-- ${listDetail} --%>

<%-- <a href="listDetail?id=${list.id}">아이디</a> --%>

<form method="post">

	<table border="1">
	<tr> <!-- name을 LoginVO와 맞춰줘야 DB로 보내진다. -->
		<td>ID</td><!-- id도 DB에 보내려면 input태그가 필요하다. -->
<%-- 	<input type="text" value="${listDetail.id}" name="id" readonly> 이 방식도 가능하다. --%>
		<td>${listDetail.id} <input type="hidden" name="id" value="${listDetail.id}"></td>	
		
	</tr>
	<tr><!-- 회원 정보 수정 가능 -->	
		<td>비밀번호</td>
		<td><input type="password" value="${listDetail.password}" name="password"></td>
	</tr>
	<tr>	
		<td>주소</td><%-- <td><input type="text" value="${listDetail.addr}" name="addr"></td> --%>
		<td>${listDetail.addr}</td>
	</tr>
	<tr><!-- 회원 정보 수정 가능 -->	
		<td>폰번호</td>
		<td><input type="text" value="${listDetail.phone}" name="phone"></td>
	</tr>
	<tr>
		<td>이메일</td><%-- <td><input type="text" value="${listDetail.email}" name="email"></td> --%>
		<td>${listDetail.email}</td>
	</tr>	
	<tr><!-- 회원 정보 수정 가능 -->	
		<td>이름</td>
		<td><input type="text" value="${listDetail.name}" name="name"></td>
	</tr>
	<tr>
		<td>생일</td>
		<td>${listDetail.age}</td>
	</tr>

	<tr>
	<td colspan="2">
	<input type="submit" value="수정" formaction="modify"> 
	<input type="submit" value="삭제" formaction="remove"></td></tr>
	</table>
</form>
</body>
</html>

코드 2) MemberController.java

package org.hj.controller;

import javax.servlet.http.HttpSession;

import org.hj.model.LoginVO; //모델(LoginVO)이 있음을 알려준다.
import org.hj.service.LoginService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;


@Controller

public class MemberController { //MVC중 컨트롤러 역할을 한다.

	@Autowired
	LoginService ls; //LoginService ls = new LoginService(); 클래스를 new를 써서 객체화한 것. 
	//LoginService는 인터페이스이므로 원래 new는 안 되는 데 위에 @AutoWired 이용해서 가능하게 했다.
	
	//1) 회원가입 //화면 실행을 위한 멤버 (GET방식)
	@RequestMapping(value = "/member", method = RequestMethod.GET) //member 메서드 GET 방식
	public String member () {
		return "member/memberin"; //멤버 폴더의 memberin.jsp를 실행한다.
	}
	
	//1.1) 회원가입서버 //실제로 가입하기 위한 멤버 (POST방식)
	@RequestMapping(value = "/member", method = RequestMethod.POST) //둘 다 GET이면 충돌이 일어난다. 메서드 방식이 POST이다.
	//							int		a //member는 참조 변수
	//public String memberPost(String id, String password, String name) //메모리 차지가 크므로 쓰지 않는 방법이다. private 같은 접근 제한자도 없다.
	public String memberPost (LoginVO member) { // 모델: LoginVO
		System.out.println(member); //member.toString()이 생략된 것이다.
		//#####새로 추가함#####
		ls.memreg(member);
		return "board/list"; //board 폴더의 list.jsp를 실행한다. 게시판 목록을 보여준다.
	}
	
	
	//2) 로그인 페이지
	@RequestMapping(value = "/login", method = RequestMethod.GET)
	public String login () {
		System.out.println("aaaa");
		return "member/login";
	}
	
	//2.1) 로그인 서버
	@RequestMapping(value = "/login", method = RequestMethod.POST)
	public String loginPost (HttpSession session, LoginVO member) { //member: login.jsp의 데이터를 가져온다.
		// HttpSession session = new HttpSession; 위 ()안의 HttpSession session을 지우고 대신 사용 가능하다.
/*		System.out.println("contorller="+member);
		System.out.println(ls.login(member));*/
		
		session.setAttribute("login", ls.login(member)); //위 member의 아이디, 비밀번호를 가져간다.
		
		if (ls.login(member)==null) {
			return "member/login";
			} else {
				session.setAttribute("login", ls.login(member)); //null이 아니면 세션에 저장한다.
				return "redirect:/list"; 
				//위는 주소 정의해준 게 없어서 처음에 에러남 (board의 list.jsp로 가는 게 아닌 듯 -> member 폴더의 list.jsp 따로 만들어야한다.)
				//return "/board/list"; //게시판 리스트 보기 위해 내가 아래 코드로 바꿈. 
			}
		}
	
	//3) 회원 관리 페이지 (관리자 전용)
	@RequestMapping(value = "/list", method = RequestMethod.GET) //value:요청받을 url을 설정하게 된다.
	public String mergerlist(Model model) { //처음 에러 메시지 있는 이유: 리턴이 있어야 한다.
		//model.addAttribute(String name, Object value);
		//: value 객체를 name 이름으로 추가함. 뷰 코드에서는 name으로 지정한 이름을 통해서 value를 사용함.
		model.addAttribute("memlist", ls.memlist()); //ls.memlist()->memlist:데이터 저장해서 넘긴다.
		return "member/list"; //member폴더의 list.jsp 만들어준다. /WEB-INF/views/member/list.jsp
	}
	
	//4) 회원 상세 정보 조회 페이지  (관리자 전용)
	@RequestMapping(value = "/listDetail", method = RequestMethod.GET) //list.jsp의 <a>태그의 ?에 끌고가는 게 있으면 같이 가게 된다.
	//public String memberDetail(String id) {//매개 변수를 둔다. 
	public String memberDetail(LoginVO login, Model model) {
		// 매개변수를 (LoginVO login)로도 해도 된다 (private String id가 정의되어있으므로) //처음 에러 메시지: 리턴이 있어야 한다.
		//ls.memlistDetail(id);//[#메서드 호출#]
		model.addAttribute("listDetail", ls.memlistDetail(login));
		return "member/listDetail"; // /WEB-INF/views/member/listDetail.jsp
	}
	
	//5) 회원 정보 수정
	@RequestMapping(value = "/modify", method = RequestMethod.POST)//노출 안 되게 POST방식을 쓴다. 
	public String memberModify(LoginVO login, RedirectAttributes rttr) { //rttr:변수명
		//(String name, String id, String password, String phone)으로도 가능하긴 하다. 효율적이지 않으므로 추천되진 않는다.
		ls.memberModify(login);
		rttr.addAttribute("id", login.getId());//id값이 넘어간다.
		return "redirect:/listDetail";//수정 후 회원 상세 정보 조회 페이지로 간다.
	}
	
	//6) 회원 정보 삭제
	@RequestMapping(value = "/remove", method = RequestMethod.POST)//노출 안 되게 POST방식을 쓴다. 
	public String memberRemove(LoginVO login) { 
		ls.memberRemove(login);
		return "redirect:/list";//삭제 후 회원 관리 페이지로 간다.
	}
}

코드 3) LoginService.java

package org.hj.service; //LoginService는 패키지 안에 있다. 

import java.util.ArrayList;

import org.hj.model.LoginVO;
//인터페이스(도면): 설계한다. 매개 변수 등 파악해서 미리 설계해둔 곳이다.
public interface LoginService { //인터페이스가 new()를 할 수 없으므로 MemberController.java에 @Autowired를 설정
	//#####새로 추가함#####
	//1) 회원가입
	public void memreg(LoginVO member); //추상메서드이므로 LoginServiceImpl.java에서 구현한다.
	//2) 로그인
	public LoginVO login(LoginVO member);
	//3) 회원 리스트
	public ArrayList<LoginVO> memlist(); //비워둔다.
	//4) 회원 상세 정보 조회 페이지 (관리자 전용)
	//public LoginVO memlistDetail(String id);//[#메서드 선언#] //리턴 타입을 모르겠으면 우선 void로 둔다.
	public LoginVO memlistDetail(LoginVO login);
	//5) 회원 정보 수정 
	public void memberModify(LoginVO login);
	//6) 회원 정보 삭제
	public void memberRemove(LoginVO login);
}

코드 4) LoginServiceImpl.java

package org.hj.service; //파일의 위치는 패키지를 보면 알 수 있다.

import java.util.ArrayList;

import org.hj.mapper.LoginMapper;
import org.hj.model.LoginVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
//구현한다.
@Service
public class LoginServiceImpl implements LoginService { //LoginService를 구현한다.
	
	@Autowired
	LoginMapper lm; //LoginMapper lm = new LoginMapper();
	
	//#####새로 추가함#####
	//1) 회원가입
	public void memreg(LoginVO member) { //추상메서드 LoginSerive.java를 구현한다.
		lm.memreg(member);
	};
	//2) 로그인
	public LoginVO login (LoginVO member) {
		System.out.println("service="+member);
		System.out.println("service return="+lm.login(member));
		return lm.login(member);
	}
	//비즈니스까지 끝났다. 서비스 -> DB 연결해야한다.	
	//3) 회원 리스트
	public ArrayList<LoginVO> memlist() {
		return lm.memlist();
	}
	
	//4) 회원 상세 정보 조회 페이지 (관리자 전용)
	//public LoginVO memlistDetail(String id) {
	public LoginVO memlistDetail(LoginVO login) {
		return lm.memlistDetail(login);//[#메서드 호출#]
	}
	
	//5) 회원 정보 수정
	public void memberModify(LoginVO login) {
		lm.memberModify(login);//[#메서드 호출#]
	}
	
	//6) 회원 정보 삭제
	public void memberRemove(LoginVO login) {
		lm.memberRemove(login);//[#메서드 호출#]
	}
}

코드 5) LoginMapper.java

package org.hj.mapper;

import java.util.ArrayList;

import org.hj.model.LoginVO;

public interface LoginMapper {
	//#####새로 추가함#####
	//1) 회원가입
	public void memreg(LoginVO member);
	//2) 로그인
	public LoginVO login(LoginVO member);
	//3) 회원 리스트
	public ArrayList<LoginVO> memlist();
	//4) 회원 상세 정보 조회 페이지 (관리자 전용)
	//public LoginVO memlistDetail(String id);//[#메서드 선언#]
	public LoginVO memlistDetail(LoginVO login);
	//5) 회원 정보 수정 
	public void memberModify(LoginVO login);
	//6) 회원 정보 삭제
	public void memberRemove(LoginVO login);
}

코드 6) LoginMapper.xml

처음에 오류가 난 이유는 <update>, <delete>를 써야 하는 데 그대로 <select>를 써서이다.

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

  
  <mapper namespace="org.hj.mapper.LoginMapper">
  
  <!-- #####새로 추가함##### -->
  <!-- 1) 회원가입 -->
	<insert id="memreg"> <!-- LoginMapper.java의 memreg를 연결한다. insert태그를 사용한다.-->
  		insert into member (id, password, name, birthday, gender)
  		values(#{id},#{password},#{name},sysdate(),"f");
	</insert>
  
  	<!-- 2) 로그인 -->
	<select id="login" resultType="org.hj.model.LoginVO"> <!-- 구현메서드가 없으니까 return이 없다. -->
	<!-- 대신 select는 resultType이라는 타입이 return 역할이다. -->
  		select id, password <!-- 결과는 한 건이다. id는 기본키이다. -->
  		from member
  		where id=#{id} and password=#{password}
	</select>
  	
  	<!-- 3) 회원 관리 리스트 페이지 -->
  	<select id="memlist" resultType="org.hj.model.LoginVO">
  	
  		select * from member <!-- 결과는 여러 건이다. LoginVO타입의 배열이 필요하다!-->
  		  		
  	</select>
  	
	<!-- 4) 회원 상세 정보 조회 페이지 (관리자 전용) -->
  	<select id="memlistDetail" resultType="org.hj.model.LoginVO"> <!-- select된 결과를 org.hj.model.LoginVO 클래스에 저장한다. -->
  	
  		select * 
  		from member 
  		where id=#{id} <!-- id를 끌고오는 작업이 필요하다. 메서드의 매개변수로 가능하다. 총 두 가지 방법: String id, LoginVO로 가져올 수 있다.-->
  		  		
  	</select>
  	
  	<!-- 5) 회원 정보 수정 -->
 	<update id="memberModify"> 
  		update member <!-- update 결과를 보내주는 것이 아니라 다시 select를 한다. -->
		set name = #{name},
			password = #{password},
    		phone = #{phone}
		where id = #{id} 		
  	</update>
  	
  	<!-- 6) 회원 정보 삭제 -->
 	<delete id="memberRemove">
		delete from member 
		where id = #{id}  		
  	</delete>
  </mapper>

결과) 회원 정보 수정하기

id0329를 수정 및 삭제하기로 한다.

결과) 회원 정보 삭제하기

728x90

저작자표시 비영리 동일조건

'🌳Bootcamp Revision 2023✨ > Spring Framework, Java' 카테고리의 다른 글

[64] 230330 Spring: 회원 상세 정보 보는 페이지 만들기 [K-디지털 트레이닝 64일] (0)	2023.03.30
[63] 230329 Spring: 회원 관리 페이지 만들기 [K-디지털 트레이닝 63일] (0)	2023.03.29
[63] 230329 Spring: 스프링을 이용한 MVC 구현 [K-디지털 트레이닝 63일] (0)	2023.03.29
[62] 230328 Spring: 로그인 후 게시판 목록 보기, 회원 가입 후 MySQL DB에 추가하기 [K-디지털 트레이닝 62일] (0)	2023.03.28

'🌳Bootcamp Revision 2023✨/Spring Framework, Java' Related Articles

Comments

A Joyful AI Research Journey🌳😊

[64] 230330 Spring: 회원 정보 수정, 삭제 기능 구현하기. *id값 넘기기 [K-디지털 트레이닝 64일] 본문

[64] 230330 Spring: 회원 정보 수정, 삭제 기능 구현하기. *id값 넘기기 [K-디지털 트레이닝 64일]

회원 정보 수정, 삭제 기능 구현하기

id 값을 넘기기

'🌳Bootcamp Revision 2023✨ > Spring Framework, Java' 카테고리의 다른 글

티스토리툴바