JSP/JSP 공부

[jsp] 7. modify 제품 수정 페이지 만들기

congs 2023. 5. 11. 15:40

 

 

만들려고 잡아둔 기본 모양

 

 

1. detail 페이지에서 어떤것을 선택해서 modify에 들어왔는지 쿼리스트링 달기 (detail.jsp에서)

 

2. web에 modify.jsp 생성

  • 원래 가지고 있던 pno 번호와 regdate 등록일자는 자동으로 출력되고
  • 나머지 수정이 가능한 부분만 input으로 받도록 테이블 생성

values에 보여지는 값을 넣고 / disabled로 접근을 못하게 하고 / disabled의 값도 가져가기위해 input type="hidden" 만들기

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>제품 수정 페이지</title>
</head>
<body>
	<h3>modify 제품 수정 페이지</h3>
	
	<br>
	
	<form action="edit.pd" method="post">
		<input type="hidden" name="pno" value="${pvo.pno }"> <!--pno의 값을 가져가기위해 만들었음  -->
		<input type="hidden" name="pno" value="${pvo.regdate }">
		상품번호 pno : <input type="text" name="pno" value="${pvo.pno }" disabled="disabled"> <br> 
		상품명 name : <input type="text" name="pname" value="${pvo.pname }"> <br>
		가격 price : <input type="text" name="price" value="${pvo.price }"> <br>
		등록일자 regdate : <input type="text" name="regdate" value="${pvo.regdate }" disabled="disabled"> <br>
		상세정보 madeby : <input type="text" name="madeby" value="${pvo.madeby }"> <br>
		
		<button type="submit">수정하기 modify</button>
	</form>
</body>
</html>

 

3. ProductController에 case "/modify.pd" 추가

  • detail에서 값을 받아오는 것이므로, 새로 선언하는게 아니라 pno를 그대로 가져와 사용함!

 

 

 

출력화면

전체적으로 자동 정보가 출력되며, pno와 regdate는 변경이 불가하도록 설정되는 것을 확인!