 |
• STEP1 회원 검색
index.jsp → findById.jsp ↔ findById_action.jsp ↔ MemberDAO ↔ DB
검색폼제공(index.jsp)
ID 전달받아
회원이 존재 → 회원정보 출력
미존재 → javascript alert으로 xx ID가 존재하지 않습니다.
확인누르면 index.jsp로 이동
• STEP2 주소로 회원검색
index.jsp → findByAddress.jsp → findByAddress_action.jsp → MemberDAO
주소로 회원검색 아이디 이름 형식의
폼제공 회원명단 테이블 출력 # 2명이상 출력가능해야함
해당 주소 회원이 미존재 alert 후 index.jsp 로 이동
• STEP3 & 4 로그인 , 로그아웃
index.jsp → login.jsp → login_action.jsp → MemberDAO → DB
로그인폼제공
로그인 성공시 → 아이유님 로그인하셨습니다 → cafe.jsp 링크 제공
cafe.jsp 링크 → 판교에 사는 아이유님 카페입장을 환영합니다
→ logout.jsp 링크 제공 → 로그아웃 링크 → logout.jsp에서 session을 해제
→ javascript alert으로 로그아웃 → 확인 클릭 → index.jsp로 이동
로그인 실패 → alert 로그인실패알림 → index.jsp로 이동
• STEP5. 회원 정보 수정
index.jsp
비회원에게 아이디로 회원검색 / 주소로 회원 검색 / 로그인 링크를 제공
회원에게 아이디로 회원검색 / 주소로 회원 검색 / 로그인한 사용자 이름 보여줌
ex) 아이유님 로그인한 상태 정보를 보여준 후
로그아웃 링크와 회원정보수정 링크를 제공한다.
index.jsp → update.jsp → update_action.jsp → MemberDAO (updateMember 구현)
ID는 수정되지 않도록 readonly속성 준다
수정폼에서는 세션안의 보여진 회원정보를 이용해
아이디,패스워드,이름,주소를 제공한다. 수정된 parameter들은 post방식으로 전송
DAO와 세션 모두 업데이트한 정보를 보여주며 index.jsp 링크를 제공한다.
• STEP6 회원가입(비로그인 상태에서만 가능한 서비스)
index.jsp → register.jsp(회원가입폼) → register_action.jsp(회원가입처리) → MemberDAO
• STEP7 아이디 중복확인 (회원가입폼에서 register.jsp)
아이디 입력란 옆에 중복확인버튼을 추가
register.jsp ←팝업형태→ idcheck.jsp ↔ MemberDAO
1) register.jsp
중복확인버튼 → ID 공란체크 → 공란 → alert아이디 입력하세요!
아이디 입력 → idcheck.jsp를 이용 팝업띄움
2) idcheck.jsp
팝업에서 입력받은 ID 를 MemberDAO 의 메서드를 이용해
id 존재유무를 판단 → ID 미존재시 → 팝업창의 배경색을 yellow 변경
메세지는 xx는 사용할 수 있는 ID 입니다 → 확인버튼보여준다.
확인버튼클릭 → 팝업창 꺼짐 → 가입창에서는 아이디 체크 된후
→패스워드란에 포커스
입력받은 ID 중복시 -> 팝업창 배경색 orange 변경 후
메세지는 java는 사용할 수 없는 아이디입니다.
확인클릭 -> 본 창(가입창)에 입력되어 있는 ID 를 삭제 -> ID 란 포커스
체크 사항
1. 아이디 중복 확인 미실시 후 가입하기 -> alert() 아이디 중복확인하세요! -> 전송실패
2. 아이디 중복확인 인증 ->인증받은 아이디 변경 -> 다시 가입하기 ->
-> alert()으로 인증받은 아이디가 아닙니다 -> alert() 다시 아이디 중복확인 하세요
추석황금연휴 앞두고 강사님께서 시작된 프로젝트였다.
별거 없어보이지만 팝업을 이동하며 다양한 parameter값을 주고 받는 다는 점이
익숙하지 않아 그런지 굉장히 어렵고 시간이 지체되는 일이 많았다.
나는 결국 참지를 못하고 잠을 포기하는 대신에 첫날에 끝낼 수 있었다.
특히 정보수정 / 팝업 / 중복확인은 굉장히 어려웠다
0 개의 댓글:
댓글 쓰기