풀 코스 ( Full Course )
교육기간 :
2018-01-15 ~ 2018-02-26 ( 월,화,수,목,금 )
URL :
음식점, 숙박업소 예약사이트
Final Project
프로젝트명
풀 코스 ( Full Course )
프로젝트 기간
2018년 1월 15일 ~ 2018년 2월 26일
개발환경
운영체제 : Window 7
데이터베이스 : Oracle 11g
사용언어 : Java( Spring, Mybatis3, Javascript, jQuery, ajax, HTML5, CSS3 )
개발도구 : Eclipse
기타 S/W : QueryBox, Tomcat 8.0
프로젝트 내용
현재 인기있는 숙박, 맛집 정보를 원하는 지역별로 알 수 있음
음식점 또는 숙박업소를 자기 스타일로 홍보 가능
숙박업소는 원하는 일정에 맞는 예약 상태를 확인 가능, 음식점은 원하는 날짜와 시간에 메뉴와 함께 예약 가능
후기 게시판 연결을 통해 평가 및 신뢰성 있는 정보를 전달
담당 업무
홈페이지의 주 카테고리인 맛집의
등록, 수정, 삭제, 조회, 상세보기, 네이버 지도 API, 맛집 썸네일, 메뉴 입력, 수정, 삭제, 조회 기능
세부기능 요약 및 설명
< 맛집 목록 페이지 >
등록된 맛집의 전체 목록을 확인 가능
지역 선택과 검색어로 상세 검색이 가능
최신순, 조회순으로 정렬이 가능
사진이나 글을 클릭할 경우 해당 맛집의정보를
상세히 볼 수 있음
맛집 등록하기 버튼을 누를 경우 자신의
음식점을 등록
< 맛집 입력 페이지 >
음식점 상호명, 음식점 사진 6장을 등록하여 왼쪽 오른쪽으로 넘겨 볼 수 있음
첫 번째 사진은 썸네일로 따로 추출하여 맛집 목록페이지에 등록메뉴 이름, 메뉴 설명, 메뉴 가격, 메뉴 사진을 정하여 보여 줄 수 있음
메뉴 추가 버튼을 클릭하면 메뉴 입력 폼이 하나 추가 됨
삭제를 누를 경우 해당 메뉴 폼이 삭제 됨
음식점에 대한 상세 정보를 입력 가능
대표 메뉴들, 음식점 간략 설명은 메인 사진과 함께 맛집 목록 페이지에서 볼 수 있음
시/도, 군/구를 선택한 뒤에 나머지 주소를 입력한 뒤 주소 찾기 버튼을 누르면 해당 지도가 출력 맛집 모든 정보를 입력 후에 등록 버튼을 누를 경우 맛집 목록 페이지에서 확인 가능
< 맛집 상세보기 페이지 >
해당 음식점을 등록한 사람의 아이디와
음식점 상호명을 확인 가능
등록된 사진 개수에 따라 사진 밑부분에 동그라미 개수로 표시되고, 현재 몇 번째 사진인지 알 수 있음
화살표 방향에 따라 이전 사진, 다음 사진을 확인 가능
해당 맛집에 등록된 메뉴 사진과 메뉴 이름, 메뉴 설명, 메뉴 가격을 확인
해당 음식점에 대한 대표 메뉴들,
음식점 설명, 영업 시간, 휴일, 화장실, 주류판매, 기타시설, 전화번호, 테이블 수 등등 상세 정보를 확인
해당 음식점의 주소와 지도가 출력.
( 작성자 일 경우만 보임 ) 수정 버튼 클릭 시 모든 내용을 수정
삭제 버튼을 누를 경우 “삭제 하시겠습니까?” 라는 메시지가 출력되고 “예” 를 누를 경우 해당 글이 삭제
목록 버튼을 클릭하면 맛집 목록 페이지로 이동
예약하러가기 버튼을 누를 경우 해당 맛집 예약 페이지로 이동
후기등록하기 버튼을 누를 경우 해당 맛집 후기 작성 페이지로 이동
< 맛집 수정 페이지 >
작성자는 변경할 수 없고, 음식 상호명, 음식점 사진은 이 전에 등록된 사진을 먼저 출력하고 마우스 왼쪽 버튼을 클릭하면 수정이 가능 이 전에 등록된 메뉴를 불러오고, 해당 메뉴 이름, 설명, 가격, 사진 등을 수정 가능 메뉴 추가를 누르면 메뉴 입력 폼을 더 추 가 가능
삭제 버튼 클릭 시에 해당 입력 폼이 삭제
이 전에 등록한 음식점 상세 설명을 불러오고, 공간을 클릭하면 해당 항목을 수정 가능
현재 입력 되어있던 주소를 기반으로 지도를 먼저 출력
시/도, 군/구, 나머지 주소를 변경한 후에 주소 찾기를 누를 경우 새로운 지도가 출력
저장 버튼을 누르면 변경된 항목들이 저장
취소를 누를 경우 기존에 입력되었던 데이터로 유지
< 숙박업체 등록 화면 >
숙박업체 정보 등록화면 – Jason&Ajax를 활용한 시, 구 검색, 네이버 Map API 검색, 썸네일 생성,
공개 설정
< 숙박업체 등록 화면 >
숙박업체 방 정보 입력화면 – 방추가 및 삭제, 다중 사진 업로드, 정보 입력 시 미리보기
< 숙박업체 뷰 화면 >
숙박업체 방 정보 뷰 화면 – 방 정보와 사진을 슬라이드로 확인 가능
2021-12-10
