쇼핑몰 사이트 만들기 3 회원정보 수정 값 불러오기 (간단)

대망의 회원정보 수정 

오우 너무 어려웠음 오늘 수업 내용 절반은 다시 복습해야함 

 

로그인이 되어 있는 경우에 회원정보 수정 페이지로 들어가면 

아이디, 이름, 전화번호, 이메일, 주소, 가 나오도록 해야한다. 

 

회원 정보 수정 사이트에 들어가면 처음에는 비밀번호 처럼 비워져 있는 페이지이다 그런데 어떻게 저렇게 넣었게요 

궁금하지유 ~? 

 

안궁금해유 ? 나 너무 피곤해유 그래도 해야지유 

 

 

=> disabled true 가 아니라 disabled 이렇게 설정해야함!!!!!!

 

첫번째 줄은 아이디 입력해둔 html이다 

원래 input 태그에서 placeholder은 칸안에 무엇을 넣으면 되는지 힌트를 주는것이고 

value 는 값을 넣어준다 아무튼 value에 ${memberInfo.id} EL을 넣었다 

여기 문제 왜 memberInfo.id 일까요~ 난 맞췄지롱 나의 복습이 힘이 된듯 

EL은 reqeust  - session - application 이런 순서로 값을 찾아간다 

이전에 내가 쓴 쇼핑몰 만들기 2번을 읽어보면 나는 로그인을 하면 세션에 값을 저장했다 

그래서 그 변수명을 가져와서 id 값을 가져왔다 그런데 왜 점으로 대체되냐면 

자동으로 getId로 변경이되면서 값을 가져온다 

그래서 getter , setter 중요하게 넣는다 

 

회원 정보 수정시 아이디는 수정이 불가능해서 disabled="disabled" 로 비활성화 설정함 

 

 

우선 현재 비밀번호를 적어야지 새로운 비밀번호로 변경이 된다 

하지만 기타 전화번호, 이메일 주소 등 다른 정보는 현재 비밀번호를 입력하지 않아도 

수정이 된다 

 

클라이언트에서 정보수정 버튼을 눌렀을 경우에 이전에 만들어둔 서블릿에 정보를 보내고 값을 가져와야 하므로 ajax 를 사용했다 

제이쿼리 사용해야해서 라이브러리 추가하고 

보내야할값 저장했다 

 

저번에 서버쪽에서 validator을 만들어뒀는데 클라이언트도 양식에 맞춰야하므로 validator 만들어야함 

어제 만들었는데 자바스크립트 형식이여서 헷갈려함 사실 뭐가 뭔지 모르겠지만 만듦 

근데 번호랑 이메일은 계속 안먹혀서 뭐가 문제인지 몰라서 그냥 통과되도록 만들어둠 

 

여기서 사용자가 비밀번호를 변경하는게 아니라면 굳이 비밀번호를 검증 할 필요가 없다 

그래서 비밀번호가 비어있지 않은 경우 (비밀번호를 적은경우) 

비밀번호, 새로운 비밀번호

새로운 비밀번호 와 새로운 비밀번호 확인을 두개를 비교 하도록 if문에 넣었음 

 

그다음 ajax 값을 보내고 error 값도 만듦 

여기서 부터는 막막해서 녹화 영상보면서 똑바로 적기