Code Monkey home page Code Monkey logo

finalproject's Introduction

오늘 운동 완료 🏃‍♂️5WoonWan🏃‍♀️

캡처

SpringBoot Project 5WoonWan

스프링부트을 이용한 운동시설 검색 및 회원권 구매
트레이너와 1:1 스케줄링이 가능한 웹 사이트

👨🏻‍🏫프로젝트 내용👩🏻‍🏫

웹 사이트 시연영상
custwebpage ✔click
adminwebpage ✔click

프로젝트기능구현

  1. 자신의 동네주변 헬스장검색
  2. 자신이 선택한 강사와 스케줄링 기능
  3. OCR을 이용한 자신의 인바디 변화 체크
  4. 결제 API기능
  5. 리뷰 기능
  6. 로그인(카카오API사용) 및 회원가입 기능

👩🏻‍💻팀원역할👨🏻‍💻

  • 윤진호
    카카오로그인,결제api,스케줄관리,인바디OCR등록,OCR등록 후 그래프구현,admin페이지(강사/시설관리자/시설/강사스케쥴/로그인/회원가입),페이징처리
  • 전민우
    결제페이지,메인화면,admin(로그인/회원가입),결제api
  • 조한나
    시설페이지,시설디테일페이지,강사디테일페이지,리뷰구현,페이징처리,search기능
  • 유승리
    회원가입

시스템구성도

시스템구성도

수행도구

image

UI설계

image

데이터베이스 설계

파이널 프로젝트 ERD

⚡TROUBLE SHOOTING⚡

이름 발생한 문제 해결 방법
윤진호 결제 API를 이용해 결제를 진행할 때 주문 번호가 중복이 되어 이미 결제가 된 상품 문구 발생 주문이 저장되는 DB 테이블에 마지막 PK 번호를 받아와 그 다음 번호로 주문번호를 작성
전민우
조한나

프로젝트 결과

custwebpage

image

adminwebpage

image

회원전용 웹페이지

1.회원가입

  • Ajax 이용하여 아이디 중복 및 비밀번호2차확인
  • 모든 칸을 채우지 않으면 "입력사항을 모두 입력해주세요."모달창 띄우기
  • 카카오 API를 사용하여 주소찾기 기능
  • 모든 조건 충족시 회원가입 회원가입

2.로그인

  • 카카오 API를 이용한 로그인
  • 로그인 실패시 모달창을 띄워 아이디 혹은 비밀번호 확인요청 로그인

로그인 성공 화면

3.마이페이지

  • 로그인한 아이디값 정보 불러옴
  • 마이페이지 수정 및 회원탈퇴 가능
  • 자신이 구매한 회원권과 예약 현황확인
  • 인바디 등록하면 자신의 수치 변화를 그래프를 통해 확인 마이페이지 2 오씨알

4.스케줄 관리

  • 자신이 원하는 날짜와 시간을 선택해 강사에게 수업요청 가능
  • 불가능 시간에는 따로 표시
  • 오늘 이후 날짜만 선택가능 스케줄

5.시설 리스트

  • 운동 카테고리별로 정리
  • 페이징처리 구현 시설 디테일

6.시설 상세 페이지

  • 시설의 기본정보
  • 좌측 카테고리별로 클릭하면 이동
  • 강사 리스트 표시(강사사진 클릭하면 강사상세페이지로 이동) 시설리스트

6-1. 리뷰구현

  • 별점과 리뷰 표시(날짜, 아이디, 리뷰내용, 별점)
  • 로그인시에만 작성란이 생겨남
  • 회원권 구매시에만 작성 (회원권 구매 안했을 시 회원권구매 후 별점이용가능 메세지) 시설리스트

6-2. 카카오맵 연동

  • 카카오맵 연동하여 시설 상세위치 표시

6-3. 이용권 구매

  • 결제 API를 통해 구매 가능

7. 강사 상세 페이지

  • 강사기본정보
  • 드롭다운형식으로 이력/수상/PT가격을 볼 수 있음

7-1.PT 신청 기능

  • PT가격에서 자신이 원하는 회원권 구매
  • 결제 API를 통해 결제 강사 디테일 회원권 구매

8. 검색기능

  • 메인페이지에서 자신이 사는 동네를 검색
  • 시설페이지에서 좌측에 있는 검색창 이용 가능 검색

관리자전용 PAGE

1.회원가입

  • 시설 관리자와 트레이너를 구분해서 가입 진행
  • 트레이너의 경우 DataBase에 저장 되어있는 시설 검색 후 가입 진행
  • Ajax 이용하여 아이디 중복 및 비밀번호2차확인
  • 가입에 필요한 필수 정보를 입력하지 않으면 "입력사항을 모두 입력해주세요."모달창 띄우기
  • 카카오 API를 사용하여 주소찾기 기능
  • 모든 조건 충족시 회원가입 어드민 회원가입

2.로그인

  • 로그인 실패시 모달창을 띄워 아이디 혹은 비밀번호 확인요청 어드민 회원가입

로그인 성공 화면

3.시설 수정

  • 내 시설 정보 수정 가능

4.강사 수정(트레이너)

  • 등록된 내 정보 수정

5.강사 관리(관리자)

  • 내 시설에 등록된 강사들 리스트 표시 어드민 회원가입

6.스케줄 관리

  • 트레이너는 자신에게 예약된 회원권 스케줄 조정
  • 시설 관리자는 나의 시설에 예약된 회원권 스케줄 조정
  • 날짜별로 예약 확인, 취소 가능
  • 오늘 이후 날짜만 선택가능 어드민 스케줄

7. 메인페이지

  • 신규 고객 , 매출 , 연령대 별 성비 차트 표시
  • 다가오는 스케줄(시간 , 강사명, 회원명) 표시 어드민 메인

finalproject's People

Contributors

yunjinho avatar hannahjjjj avatar manex3 avatar yslvalhalla 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.