Mocar_Project

이력서

  • JSP mvc2로 제작한 렌트카 예약 서비스 프로젝트

💫 제작기간 & 참여인원 💫

[ 2022/05/17 ~ 2022/06/30 ]
팀 프로젝트(총 6명, 팀장)

💫 사용기술 💫

Back-end

  • JSP MVC2
  • JAVA 8
  • ApacheTomcat 8.5v
  • Oracle DB
  • JSON
  • MyBatis
  • JSTL.jar

Front-end

  • HTML5 & CSS3
  • JavaScript & JQuery

💫 설계 💫

흐름도

흐름도

ERD

ERD


💫 화면구성 & 기능 💫

1. 회원가입

회원가입

  • 회원가입을 모달창으로 만들어 따로 페이지 이동을 하지 않게 제작
  • ajax를 이용하여 중복확인 버튼 클릭시 사용가능or사용불가 메세지 출력
  • validation check(유효성 검사)를 통해 사용불가, 입력 누락 시 회원가입 X

2. 로그인

로그인

  • 로그인 버튼 클릭시 모달창
  • DB에 저장된 아이디와 비밀번호가 맞다면 로그인 성공
  • session을 이용하여 모든페이지 이동시에도 로그인 유지상태

3. ID찾기

ID찾기

  • DB에 저장된 이름과 이메일이 일치한 회원의 아이디를 찾아줌
  • alert창에 action에서 설정해준 메세지 값을 가지고 오기위해 requestScope이용

4. 회원정보수정

회원정보수정

  • 로그인 후 마이페이지 버튼 클릭시 회원정보수정 페이지로 넘어감
  • 아이디에 맞는 비밀번호를 입력하고 변경버튼을 클릭하면 비밀번호 변경 input가 생성,
  • 원하는 비밀번호를 입력하고 확인 버튼을 클릭하면 비밀번호 변경가능

5. 회원탈퇴

회원탈퇴

  • 마이페이지에 회원탈퇴 버튼 클릭시 비밀번호 입력 모달창이 뜸
  • 비밀번호가 맞다면 회원탈퇴가능, 아니라면 탈퇴 불가능

6. 예약하기

예약하기

  • 비로그인 시 사용기능 제한
  • 원하는 차를 클릭하면 예약페이지로 이동 날짜, 시간 선택 후 예약하기 버튼 클릭시 예약완료
  • 예약날짜 중복 제한, 예약은 3번으로 제한

7. 게시판

게시판

  • 공지사항, QnA nav 클릭시 각자 게시판으로 이동
  • 글쓰기 > 제목 글쓴이 내용 입력후 확인 > 글쓰기 완료
  • 수정 > 제목 글쓴이 내용 > 변경가능
  • 삭제 > 글 삭제 후 목록으로 이동

8. 문의하기

문의하기

  • 이름, 이메일, 내용을 입력하고 문의하기 버튼 클릭시 지정된 관리자 이메일로 발송
  • 구글 스프레드 시트 이용

💫 트러블슈팅 💫

  • 마이페이지 회원탈퇴 기능을 alert창으로 하기 위해 prompt를 이용 -> 실패
  • 계속된 실패로 비밀번호 확인을 위한 모달창을 띄운 후 ajax을 이용하여 해결

image

Categories:

Updated:

Leave a comment