로그인 바로가기

중앙 내용으로 바로가기

본문내용

본문

포트폴리오
+ Home > 커뮤니티 > 포트폴리오
스마트 웹 & 콘텐츠 개발자 양성과정 4회차
  • 팀장/팀원
    김근우/유정모,김이담,조광훈,공도현
  • 작성일
    2021-10-03 17:56:13
    조회수
    78
  • 교육과정
    스마트 웹 & 콘텐츠 개발자 양성과정 4회차
  • 발표일
    2021-06-21
  • 개요
    Bbangman(빵맨)
  • 구현/적용기술
    eclipse, apache tomcat, aws, spring, html, js, css, mybatis, java, oracle, ajax, imaport, 카카오지도
  • 설계주안점
    회원가입, 가게소개, 커뮤니티(게시판), 댓글, 리뷰, 쪽지, 결제

<미니 프로젝트>

 

프로젝트 개요


상품의 판매뿐만이 아니라 사업자-구매자와 구매자-구매자간의 커뮤니케이션 및 광고대행 수익구조를 가진 웹페이지 구현 

 


 


메인 페이지




구현한 웹페이지의 수익구조인 광고 배너 2가지와 그 아래로 가게 리스트들을 랜덤으로 나오도록 구현했다.



서브 페이지 (BBANG)




많이 팔린 빵 3가지의 배너를 구현해 홍보하고 아래쪽에는 각 가게의 대표메뉴 사진으로 구성해 유저의 유입을 유도했다.



BBANG - STORE 클릭



BBANG 페이지에서 상점 이미지를 눌렀을 때 이동되는 곳이다.

사업자의 MYSTORE 에서 수정 및 등록을 하면 반영되는 페이지다.

회원가입시 얻은 주소를 화면출력 시 자동 검색으로 위도/경도를 구하게 하여 지도 API에 출력되도록 구현하였다.

 

 

MYPAGE



 


회원 페이지로 볼 수 있으며 일반 회원은 개인 정보 수정/탈퇴 및 마일리지 확인이 가능하고 사업자는 개인 정보 수정/탈퇴, 광고 신청 및 마이샵 관리가 가능하다.

관리자의 경우에는 회원 리스트가 보이는데 사업자가 회원가입 시 사업자등록증을 확인하고 가입승인을 눌러야 사업자가 마이샵 관리를 할 수 있도록 구현했다.


MYSTORE

 

사업자의 개인 페이지를 구성하는 페이지이며 스토어에 관한 CRUD를 진행할 수 있다.

이곳에서 추가/수정/삭제된 내용은 BBANG 페이지 내 개인 샵에서 바로 확인 가능하다.



REVIEW


 


 

사용자들의 리뷰를 쓸 수 있는 곳이다.

여러장의 사진을 직접 넣게 하였고 좋아요순으로 탑3가 따로 보이도록 구현하였다.



MESSAGE 


 

쪽지를 주고 받을 수 있다.

쪽지쓰기에서는 check 기능으로 회원리스트에 있는 유저인지 확인하여 쪽지를 보내도록 구현하였다.



NOTICE / QNA

 

 


 

기본적인 CRUD 기능에 충실하게 만든 게시판이다.

계층형 쿼리를 이용하여 댓글/대댓글을 구현했다. 

 

목록보기
수정하기
삭제하기