Seolang / Tourmate

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

대전 5반 Team_5 - Back-End PJT

👪 팀 구성

👨 Teammate_01 : 우승빈 (Woo Seungbeen)

👩 Teammate_02 : 조해린 (Cho Haerin)


📺 주요 화면

1. 메인 화면

  • 관광지 검색하러가기 버튼을 누르면 지역별 관광지 정보를 검색할 수 있는 페이지로 이동한다. 아래는 추천 장소 3곳을 표시했다.
  • 추천 장소의 상세보기 버튼을 클릭하면, 검색창으로 이동하여 자동적으로 해당 장소의 정보와 지도상의 위치를 표시하도록 하였다.

2. 지역별 관광지 정보 수집 - 관광지, 숙박, 음식점, 문화시설, 공연, 여행코스, 쇼핑 조회


  • 검색 페이지 로드 시 데이터베이스로부터 지역별 코드를 불러와 검색창의 지역 Select 버튼을 구성하고 이를 통해, 관광지 정보를 지역별 원하는 컨텐츠 별로 조회할 수 있다.
  • 지역, 관광지 유형, 검색어를 입력 후 검색 버튼을 누르면 해당 검색 쿼리와 관련된 내용을 데이터베이스로부터 검색하고, 결과 목록을 그리드 형태로 나타낸다.


  • 또한 상세보기 버튼을 누를 시 상단의 지도가 해당 관광지의 위치로 이동하며 지도 위의 아이콘에 마우스를 가져가면 관광지 이름, 주소와 썸네일이 나타난다.


  • 지역, 관광지 유형, 검색어를 입력하지 않을 시 선택을 하라는 Alert 창을 띄운다.

3. 로그인 화면

  • 로그인 실패시

  • 로그인 성공시

  • 상단 왼쪽의 로그인 클릭시 로그인 화면으로 넘어가며, 존재하지 않는 회원정보, 혹은 아이디나 비밀번호가 틀리면 경고 메시지를 보이고 로그인을 성공하면 메인페이지로 바로 이동한다.
  • 로그인에 성공하면 화면 왼쪽 상단에 로그인 중인 유저의 이름과 아이디를 표시하고, 로그아웃과 메인페이지로 가는 링크가 생성된다.

4. 회원가입 화면

  • 회원가입 시, DB로 아이디 및 회원 정보를 전달한다. 아이디와 비밀번호, 전화번호등의 요구조건을 만족하지 않으면 등록하기 버튼 상단에 경고메세지를 띄운다.
  • 만약 이미 존재하는 id로 회원가입을 시도한다면 에러페이지로 이동시킨다.
  • 회원가입에 성공하면 회원가입 성공 Alert메세지를 띄우고, 로그인 창으로 돌아간다.

5. 비밀번호 찾기 화면

  • 이름과 아이디, 전화번호를 입력하여 일치하는 회원이 존재하면 Alert으로 해당하는 유저의 아이디와 비밀번호를 표시한다.

6. 마이페이지


  • 마이페이지에서는 비밀번호를 변경하고, 회원탈퇴를 진행할 수 있다.
  • 현재 사용중인 아이디와 비밀번호를 입력하고, 새로운 비밀번호를 입력하고서 정보수정 버튼을 누르면 비밀번호 변경 메세지를 띄우며 메인화면으로 돌아간다.

  • 회원 탈퇴 버튼을 누를 경우 정말로 회원을 탈퇴할 것이냐는 메세지를 한번 더 띄우고, 이를 수락하면 회원을 탈퇴한 후 메인화면으로 돌아간다.

About


Languages

Language:Java 89.3%Language:CSS 5.9%Language:JavaScript 4.8%