Semi Project : Petmily

개발환경

OS

Microsoft Windows 10

DBMS

ORACLE 11.2

WAS

Tomcat 8.5

Language

JAVA , JSP, HTML, Javascript, CSS, I-batis

개발툴

Database

ORACLE

Design

bootstrap

Editor

Eclipse

개발기간

개발인원

2018.10.24 ~ 2018.11.07. (14일)

4 인

담당업무

각각의 게시판 기능 구현

(글쓰기, 페이징처리, Modal 상세보기)

세부기능 요약 및 설명

포트폴리오

PetMily

잃어버린 애완동물이나 길잃은 애완동물을 보호해주고 있다는걸 알려주는 사이트

Modal

상세화면은 Modal을 이용해서 팝업형식으로 작동

ajax

‘긴급’찾기와 일반찾기의 리스트를 ajax처리하여 다르게 페이징

세부기능 요약 및 설명

상세화면

기능설명

로그인

Modal을 이용하여 로그인창이 나오도록 설정

회원가입

정규표현식을 이용하여 ID수의 제한이나 비밀번호의 제한

주소는 도로명 주소 api를 이용

게시판 폼 / 상세페이지

결제

게시판은 ‘긴급’ 리스트와 일반 리스트로 결제여부에 따라 상단에 배치

페이징

‘긴급’리스트는 슬라이드로 페이징 처리

일반리스트는 일반적인 페이징 처리

댓글

댓글 ajax 처리로 실시간 추가

세부기능 요약 및 설명

상세화면

기능설명

유기동물페이지

유기동물api를 활용

검색

(지역별, 동물별 검색)

관리자페이지

전체적인 게시글 처리가 가능

사용자의 결제여부, 탈퇴여부 등을 한눈에 확인 가능

사이트의 게시글 수, 등록된 동물의 종류 등 여러 정보를 차트로 표현