-- Index --
1. 부트스트랩 연결 | 2. 모달창 적용하기 | 3. 비밀번호 수정 모달창으로 | 4. 비밀번호 수정 요청 처리 |
CDN방식으로 복-붙 | 모달코드 복-붙 | 모달 body 부분 수정 | C-S-D 작업 진행 |
모달창 활용해서 비밀번호 변경 요청해보기
부트스트랩 활용해서 모달창 세팅하기
1. 부트스트랩 연결하기 - CDN 방식으로 연결
이제 부트스트랩 사용가능하다!
2. 모달창 적용해보기
3. 비밀번호 변경 모달창으로 수정 작업해주기
3-1. 비밀번호 변경 버튼 눌렀을 때 모달창 나오게 해 주기
- 이 부분 때문에 모달창이 열리는 듯 - 비밀번호 변경 버튼에도 추가해주자
3-2. 모달 id랑 target 의미에 맞게 이름 변경해서 연결해주자.
3-3. <!-- Modal body --> 부분에 필요한 내용 작성하면 끝!
0. 회원 ID는 type='hidden'으로 데이터 전해주기 ( 화면에 표시 X)
1. 기존 비밀번호로 확인
2. 신규 비밀번호
3. 신규 비밀번호 확인 하기
4. 제출 버튼 ( 요청 보낼 url 입력 )
4. 비밀번호 변경 요청 처리하기
- 요청 처리할 servlet(컨트롤러) 만들어서 Controller - Service - DAO 작업 진행! ( UPDATE )
- 컨트롤러에서
4-1. 컨트롤러 작업
4-2. 서비스 레이어 작업
4-2. DAO 레이어 작업
- catch로 잡아서 다시 던지는 이유는?
- 지금은 안 해도 오류 안 난다. - 최종 코드를 위한 구조 맞추기 -
- 나중에 실무에서는 내가 만든 예외 타입과 방식으로 처리할 것이에요.
'Java 기반 클라우드 융합 개발자 과정 - KH 정보교육원 > 8월' 카테고리의 다른 글
22.08.08 - [ WAS ] 총 복습 및 세미프로젝트 진행 (0) | 2022.08.30 |
---|---|
22.08.05 - [ 9차 시험! - 서버 프로그램 구현 ] (0) | 2022.08.18 |
22.08.04 - [ WAS ] 동적으로 게시판 목록 작성하기 (0) | 2022.08.10 |
22.08.03 - [ WAS ] 버튼 - ( 작동 여부 , 보여주기 여부 ) 기능 (0) | 2022.08.10 |
22.08.01 - [ WAS ] getContextPath() , 페이지 요청 조건 제한 , 정보변경(UPDATE) (0) | 2022.08.09 |