4. 로그인/로그아웃 기능

이전시간에는 ajax를 이용한 아이디 중복 체크 기능을 구현 해보았습니다.

 

그럼 이번시간에는 회원가입한 아이디를 이용하여 ajax로 로그인하고 로그아웃 하는 기능을 구현 해보도록 하겠습니다.

 

 

1) UserController.java("loginPage")

 

2) loginPage.jsp

3) loginPage.js

4) UserController.java("userLoginParocess)

 

5) UserService.java

 

6) UserSQLMapper.java

 

7) UserSQLMapper.xml

 

8) 확인

로그인 페이지에 접속하면 뜨는 페이지이다

아이디의 필드값을 입력하지 않고 로그인을 누르면 아이디를 입력해주세요 라는 문구가 나온다.

아이디의 필드값을 입력하고 비밀번호의 필드값을 입력하지 않으면 패스워드를 입력해주세요 라는 문구가 나온다

로그인을 완료하게 되면 네비바에 닉네임이 뜨게되고 닉네임 부분을 클릭하게 되면 드롭다운으로 메뉴바가 노출된다.

 

9) UserController.java("logoutUserPorcess")

 

10) 최종확인

 

이렇게해서 ajax로 로그인 기능과 로그아웃 기능을 만들어 보앗다...

다음시간에는 게시판 목록 띄우는 기능에 대해서 해볼려고 한다