본문 바로가기
프로젝트

세미프로젝트_마이페이지, 개인정보 수정

by 유서담 2024. 2. 7.

마이페이지

 

navbar.jsp 로그인 전 후 차이

 

로그인을 성공하게 되면 상단에 있는 navbar가 기존에 '로그인', '회원가입'이 아니라

왼쪽 사진처럼 '로그아웃' 버튼이 생기고 '내 정보' 라는 버튼이 생긴다

 

'내 정보' 버튼을 클릭하면 '마이페이지'로 이동을 한다

 

세션을 통해서 현재 로그인된 정보를 갖고오고 그 정보를 통해서 getUserById 메소드를 실행

 

 

 

세션을 통해서 로그인 된 값을  LoginUser 객체에 저장하고 아이디값을 getId를 통해 받아온다

 

LoginUser는 이렇게 생겼다

 

DB에서 유저정보를 출력하기 위해서 받아온 아이디값으로 getUserById 메소드를 실행시킨다

UsersDao의 getUserById 및 쿼리문

 

 

메소드를 통해서 유저정보를 갖고오고 DB값이 필요한 곳에다가 사용한다

 

getUserById를 통해 갖고온 값을 사용하는 코드(좌) 및 출력결과(우)

 

 

 

개인정보 수정

 

 

위 마이페이지에서 '회원정보수정' 버튼을 누르면 회원정보수정 페이지가 나온다

 

회원정보수정(userupdatedinfoform.jsp) 페이지

 

 

getUserById 메소드를 실행 및 getUserById 메소드와 쿼리문

 

위의 마이페이지 때와 동일하게

세션을 통해서 로그인 된 값을  LoginUser 객체에 저장하고 아이디값을 getId를 통해 받아오고

getId를 통해서 받은 아이디 값으로   getUserById 메소드를 실행한다

 

메소드를 실행해서 갖고온 값을 Users 객체에 저장한다

 

 

객체에서 값 불러오기 및 disabled

 

 

위 회원정보수정 페이지 사진처럼 객체에 있는 아이디 값과 이름 값을 화면에 출력할 수 있다

아이디와 이름은 바뀔수 없게하기 위해서 disabled코드를 사용했다

 

회원정보수정 페이지에서 수정하기를 눌렀을때 전송되는 파라미터들의 값들

 

 

보낸 파라미터 값들을 각 변수에 저장

 

 

수정하기 버튼을 눌렀을 때 넘어오는 파라미터 값들을 변수에 저장하고 

세션을 통해서 아이디와 이름의 값도 저장한다

 

UsersDao 객체 생성과 Users객체를 생성해서 세션을 통해 갖고온 ID값을 getUserById 메소드에 입력해서 값에 해당하는 아이디를 받아온다

그리고 변수에 저장한 파라미터 값들을 set 메소드를 통해서 Users객체에 넣어주고 UsersDao의 updatedUses 메소드 실행

 

updatedUsers 메소드 및 쿼리문

 

 

실행전 해당 아이디의 정보

 

바꿀 값들을 입력

 

실행후 해당 아이디의 정보