HTML child 창(login, 회원가입 창)

1. 먼저 index.html 페이지를 만들고.

 

2. '로그인 페이지로' 링크를 클릭하면 가장먼저  LoginServlet1.java 로 가게 됩니다.

3. 처음 이 페이지에 오게 되면 action=loginStart 이므로 login.jsp 페이지로 이동합니다.

login.jsp 에서는 id와 password를 입력받고 'login' 버튼을 누르면

 "loginCheck" 라는 함수에서 아이디와 비밀번호가 적합한지 체크한후 적합하면

action=loginResult 라는 값을 가지고 다시 LoginServlet1.java 페이지로 돌아가게 됩니다.

LoginServlet1.java 페이지에서는 action 값이 loginResult 이므로 main.jsp 페이지로 들어갈 수 있게 되지요.

 

4. login.jsp 에서 "회원가입" 버튼을 클릭하면

joinStart 라는 action 값을 가지고 joinServlet.java 페이지로 이동하게 됩니다.

​처음 JoinServlet 페이지에 오면 action 값이 joinStart 이므로 join.jsp 페이지로 이동하게 되지요.

 

5. join.jsp 페이지에서 "확인" 버튼을 클릭하면  joinCheck  라는 함수에서 아이디와 비밀번호에 관련된 사항을 체크하고

모든 조건에 부합하면 joinResult 라는 action값을 가지고 JoinServlet.java  페이지로 이동하게 됩니다.

그러면 JoinServlet.java 페이지에서는 다시 login.jsp 페이지로 이동하게 됩니다.

​

6. join.jsp 페이지에서 ID 입력란 옆에 '중복체크' 버튼을 클릭하면

idCheck() 라는 함수에서 작은창 하나를 새로 띄웁니다. 이를 위해 IdCheckServlet.java 페이지로 이동하게 되는데,

이 때, action값은 idCheckStart 이고 userid 값은 입력된 값을 가지고 가게 됩니다.

 

7. IdCheckStart.java 에 처음 왔을 대는 action값이 idCheckStart 이므로

아무런 작업 없이 바로 idCheck.jsp 로 이동합니다.

 

​8. idCheck.jsp 에 처음 방문했을 때는

id를 입력하는 칸과  '중복체크' 라는 버튼만이 배치되어 있습니다.

중복체크 버튼을 누르면 idCheckResult 라는 action값을 가지고 다시 IdCheckServlet.java 페이지로 이동하는데,

이 떄, IdCheckServlet.java 페이지에서는  DB를 이용해 id가 DB에 이미 있는 이름인지를 체크해주어야 합니다.

사용가능한 아이디라면 result 값은 0으로, 사용불가능이면 result 값은 1로 세팅한 후 다시 idCheck.jsp 파일로 이동합니다.

​

​9. result 값을 가지고 idCheck.jsp 파일을 방문했을 때는,

result =1이면  "id는 사용중인 아이디입니다." 라는 문구가.

result=0 이면"ID는 사용가능합니다." 라는 문구와 '사용' 이라는 버튼이 배치됩니다.

"사용" 이라는 버튼을 누르면 idOk 라는 함수에서

IDCheck 창을 호출한 parent 페이지의 userid 값으로 사용허가된 id값을 저장헤주고

IDCheck 창은 종료됩니다.

 

그리고 포커스는 다시 join.jsp 페이지에 맞춰지게 되지요.