Code Monkey home page Code Monkey logo

semi_project's Introduction

👠 Sue Shop 👠

HTML, CSS, JAVASCRIPT, JAVA, OARCLE 등 프로그래밍 언어들을 활용하여 JSP&Servlet 을 바탕으로 쇼핑몰 웹 사이트입니다 (⑅˃◡˂⑅)

  • 프로젝트 선정 이유 : 사용자가 쉽게 접할 수 있는 쇼핑몰의 다양한 기능을 구현해 보기 위함
  • 프로젝트 목표
    • 사용자가 쉽게 접할 기회가 많은 사이트를 구현
    • 기본적인 기능을 구현하고 예외 케이스를 고려하며 개발
  • 참고사이트 : 지니킴


1. 프로젝트 진행 기간

2022.9.13 ~ 2022.10.14 세미 일정


2. 개발환경 🌈

  • OS : Windows 10 , windows 11
  • DB : Oracle18C
  • WAS : Apache Tomcat 9.0.65
  • Front-end :
  • Back-end :
  • 🛠️ Developer Tools 🛠️ : 이클립스
  • 사용한 API : GoogleMail / DatePicker / iamport

3. 주요 기능

- 로그인 / 회원가입 기능
- 제품 검색 / 검색 필터 기능
- 관심상품 / 장바구니 기능
- 결제 기능
- 리뷰 / 문의 기능
- 공지사항 기능
- 마이페이지 기능
- 관리자 기능

4. 팀원 🧑‍🚀

김성민 - 마이페이지, 상품 상세
김혜준 - 상품 상세, 관심상품
조하솔 - 로그인 및 회원가입, 관심상품, 결제, 관리자
진혜린 - 메인, 상품상세, 결제, 관리자
최지희 - 제품목록(필터),장바구니,공지사항,퀵뷰

5. 화면 설계 및 기능 구현

로그인 및 회원가입

  • 로그인: 로그인 및 아이디/비밀번호 찾기

  • 회원가입: 유효성 검사 및 회원가입



메인

  • 메인이미지, Best, New, MD추천 노출



상품상세

  • 상품 정보, 리뷰/문의 조회
  • 컬러/사이즈 선택 후 위시/카트 담기



상품주문

  • 적립금 사용, 상품주문금액에 따른 적립금 적립
  • iamport를 이용한 결제시스템



관리자

  • 상품목록/재고, 상품등록, 상품리뷰 조회 및 관리
  • 주문 조회/관리 및 배송상태 관리
  • 회원 조회 및 탈퇴관리
  • 문의/문의상품 관리 관리자페이지-min



마이페이지

  • 메인 : 고객의 등급, 적립금 및 주문 금액 노출, 최근 주문 내역 및 관심상품 간략히 노출 마이페이지_메인

  • 주문 내역, 금액 등 주문조회.

  • 관심상품 내역 조회. 관심상품 장바구니 등록 및 삭제.

  • 회원정보 수정.

  • 리뷰 및 문의내역 관리 (작성, 수정 및 삭제) 녹화_2023_01_05_16_00_38_756



상품목록

  • 상품 목록 조회(카테고리 별 BEST 상품, 일반 상품,할인상품 등)
  • 필터 기능[검색어,가격,색상,사이즈,상품정렬(인기상품순,신상품순,낮은가격순,높은가격순)] 슈샵 메인



장바구니

  • 주문(개별주문,선택주문,전체주문),삭제
  • 옵션 변경(색상,사이즈 변경),수량 변경
  • 상품 추천
  • 퀵뷰 기능(전체 페이지에서 가능) - 관심상품 개수,관심상품으로 이동, 스크롤 최상단/최하단 이동 슈샵장바구니



ERD

세미 erd

semi_project's People

Contributors

cjihee avatar hrjin9 avatar choluckluck avatar hejunkim avatar kimsklavier avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.