A Project

Petmily

관리자

view : 321

기간 : 2018-10-24 ~ 2019-11-07 ( 월,화,수,목,금 )
URL :  
유기동물 관련 사이트

 

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를 활용

 

검색

(지역별, 동물별 검색)

 

관리자페이지

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

 

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

 

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

 

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

창닫기확인

TOP