A Project

DogSpot

관리자

view : 424

교육기간 : 2018-12-10 ~ 2018-12-21 ( 월,화,수,목,금 )
URL :  
반려견 관련 서비스 웹사이트

 

Semi Project : DogSpot

개발환경

OS

Microsoft Windows 10(64bit)

DBMS

ORACLE

WAS

Tomcat 9.0

Language

JAVA, Servlet & JSP, HTML, Javascript

개발툴

Database

ER-Win

IDE

Eclipse, Visual Studio Code

개발기간

개발인원

2018.12.10 ~ 2018.12.21 (12일)

3 인

프로젝트 소개

반려견과 동반 가능한 장소를 수집해서 위치별, 견크기별, 가격대별 등으로 검색해서 장소의 정보를 제공 받을 수 있는 사이트입니다.

기존에 있는 장소들에 리뷰를 쓸 수 있고 리뷰를 통해 더 많은 정보를 얻을 수 있습니다.

답당 업무

메인화면, 회원가입 및 로그인, 리뷰 리스트페이지, 리뷰 상세 모달, 리뷰 등록 모달,

관리자페이지 중 통계관리

포트폴리오

 

 

메인화면

- 즐겨찾기가 많은 장소 6곳 출력

- 클릭시 장소 상세페이지로 이동

회원가입 페이지1

 

 

회원가입 페이지2

- daum 우편번호 서비스 API 연동

로그인 페이지

 

 

리뷰 리스트 페이지

- 검색창의 입력되어 있는 값이나 지정된 정렬값을 JDBC를 이용해 DB에 접근

- 마우스오버시 로그인 정보를 확인 하고 Ajax를 통해 데이터를 화면에 표출

리뷰 상세 모달

- dialog, form 태그를 이용한 모달 표현

- 좋아요, 댓글 쓰기, 사진넘김 기능 구현

 

 

리뷰 등록모달 (이미지 등록1)

- (1)DND메소드를 이용한 사진등록 기능 구현

- (2)FileReader을 통해 입력된 파일들 화면에 출력

리뷰 등록모달 (이미지 등록2)

- DND메소드를 통해 DROP 위치에 따른 사진목록 수정 및 삭제 기능 구현

 

 

 

 

리뷰 등록모달 (내용 등록)

- Ajax를 통해 DB에 저장된 장소를 이름으로 검색 및 표출

- 리뷰내용 입력시 #입력 여부를 검색하여 해시태그 자동 입력

관리자 페이지 (통계관리)

- google.charts API 연동 

 

먼저 비밀번호를 입력하여 주세요.

창닫기확인

TOP