전세계에서 가장 멋 없는 레이아웃 실습 ③

가입후리스트에서 수정화면까지

수정 버튼을 어디에 만들지 결정

　>user_list.jsp 에는 수정버튼의 위치만 

　>user_list_insert.jsp에 작동하는 수정버튼을 생성할 계획이다.

 

수정버튼을 클릭하면 user_update_form.jsp 화면으로 이동하도록 설정

 

구성이 비슷한 user_insert_form.jsp를 참고하여 만들 수 있다.

 

* (아직 배우지 않음) 화면 이동 사이에 데이터를 주고 받을 수 없는 상황

* 수정화면에 값을 보여주기

* ID 수정을 불가능하게 설정

 

 

---

 

user_list.jsp에 수정, 수정버튼에 대한 내용을 추가한다.

 

 

user_list_insert.jsp에 수정, 수정버튼에 대한 내용을 추가하고 2번 회원의 수정버튼만 작동하도록 경로를 설정한다.

run

 

버튼이 잘 보이는 것을 확인할 수 있다.

1번 회원의 버튼은 작동하지 않고 2번 회원의 버튼은 작동한다.

user_update_form.jsp 파일이 없기 때문에 404 error가 뜨게 된다.

 

* 404 error :파일이 없어가 경로설정이 잘못되었을 경우

 

 

user_update_form.jsp 파일을 생성한다. 

 

 

run

 

 

경로가 제대로 설정되었지만 파일 내용이 없어 빈 화면이 출력된다.

 

 

 

user_update_form.jsp의 내용을 수정, 작성한다.

 

 

run

 

내용이 잘 수정된 모습

 

 

* 수정화면에 값을 보여주기

　> value 값을 지정해준다.

run

 

수정화면에서 값이 보이게 되었다.

 

 

* ID 수정을 불가능하게 설정하기

　> 속성을 읽기전용(readonly)으로 추가

---

수정화면에서 수정처리후리스트까지

　- user_update_form.jsp 수정화면에서 수정을 완료하면

　  user_list_update.jsp 수정처리 후 리스트가 출력되도록 설정

 

user_update_form.jsp의 action 경로를 user_list_update.jsp로 변경한다.

 

user_list_update.jsp 파일이 없기 때문에 run 하면 404error가 발생할 것이다.

 

user_list_update.jsp 파일을 생성한 뒤 내용을 수정해준다.

 

 

 

run

 

 

화면이 제대로 출력되는 모습

 

---

삭제버튼 클릭시 삭제후 리스트 

user_list.jsp  > 삭제버튼 텍스트만

user_list_insert.jsp > 삭제버튼 (경로이동)

user_list_update.jsp > 삭제버튼 (경로이동)

 

user_list_delete.jsp > 삭제처리 후 리스트 최종 완성

 

 

 

user_list_insert.jsp와 user_list_update.jsp의 내용을 추가하여 삭제버튼을 만들고 경로를 user_list_delete.jsp로 설정한다.

 

user_list_delete.jsp를 생성하고 내용을 작성한다.

(user_list.jsp의 내용을 참고한다.)

 

run

 

 

회원 등록 후 삭제하는 모습

 

회원등록, 수정 후 삭제하는 모습

 

 

---

---

상품등록, 리스트, 관리 화면 만들기

 

1. 상품 작업을 위한 폴더 및 파일명 정하기.

 

2. eclipse 를 이용하여 실습한 내용과 같이 상품관리 페이지를 만든다.

 

>이미지를 폼으로 제출하고 수정가능하게 만드는 방법을 알고싶어졌다.