JSP로 로그인 페이지 구현하기
- 자바 리소스에서 패키지및 클래스 만들어주기
자바빈 형식으로 Private 멤버필드, 기본생성자, 그리고 getter/setter를 만들어줍니다.
데이터를 관리할 핸들러 클래스도 만들어줍니다.
나머지 기능적 함수들은 페이지 만들어가면서 만들 예정입니다.
-
webContent에서 index,header jsp 페이지 만들기
먼저 모든 페이지들은 이 header를 include 하기에 헤더 페이지를 만들어주고 대문 페이지인 index 페이지도 만들어줍니다.
이엘 태그 안의 empty와 not empty는 말 그대로 ob가 있는지 유무를 판단하는 태그로 attribute ob가 empty 라면 비어 있고 not empty 라면 존재 한다는 뜻입니다. -
webContent에서 회원가입 (join, join-action.jsp)페이지 만들기
비밀번호를 포함하기에 주소창에 나타 나지 않는 POST 방식으로 전달하며 join-action으로 넘겨 줍니다.
join-action에서는 handler 페이지에서 작동할 추가 함수를 만들어줍니다. 바로 insert() 이며 매개 변수로 전달받은 값들을 이용하여 useBean 객체를 만들어서 넘겨줍니다.
추가 함수에는 아이디 중복 체크 기능을 포함하여 중복 아이디라면 결과적으로 추가가 안됩니다.
4.WebContent에서 login, login-action.jsp 만들어주기
로그인정보도 사용자에게 입력 받아야 하므로 form 태그로 작성해주고 전달 방식또한 post 방식을 이용합니다.
login-action 페이지에서는 다시 useBean을 이용하여 사용자 id와 pw값으로만 객체를 만들어서 handler의 로그인 기능을 구현하여 반환값으로 해당 객체를 찾아 오도록 설정해줍니다.
그리고 일치하는 계정이 없을시에는 뒤로 돌아가기 버튼이 표시되도록 해줍니다. -
webContent에서 mypage 만들어주기.
mypage 에서는 회원 정보를 보여줍니다. 먼저 로그인이 되어있는지를 자바 스크립트로 확인하도록 되어있으며 로그인 정보가 없을 경우 로그인후 이용할수있다는 경고 메시지가 출력이 되며 로그인 되어있는경우 회원정보가 테이블 테그로 표로 표시되고 아래에 위치한 버튼으로 수정이 가능합니다. -
webContent에서 modify, modify-action 페이지 만들어주기
modify 페이지는 mypage에서 보여주던 테이블을 그대로 가져오고 value들을 현재 저장된 값을 불러옵니다. 그리고 submit이 되면 modify-action 페이지로 전달이 됩니다.
modify-action에서는 modify에서 작성된값을 받아서 useBean을 이용하여 객체를 생성하여 handler의 modify()함수의 매개 변수로 전달해줍니다.
handler의 modify()함수는 새로 덮어 씌우기 위해서는 인덱스가 필요하여 for문을 이용하고 userid가 일치하는 객체를 찾아서 해당 객체의 정보를 덮어 씌워 줍니다. index를 반환하는 함수로 일치하는 계정이 없다면 -1이 반환되며 일치하는 계정을 찾는다면 0 이상의 숫자가 반환됩니다.
