의료용품 공급 사이트 프로젝트
쿠팡을 모델로 한 의료용품 공급 사이트 프로젝트를 약 한달간 만들었습니다.
2023.05.26~2023.06.27
개발 툴 : Eclipse
개발 환경 : Java, Spring Framework, jQuery, jsp, js, css, mysql
개발 도구 : Maven, MyBatis
프로젝트 구성
메인페이지, 로그인, 회원가입, 카테고리, 장바구니, 배송지, 회원가입수정, 구매 리스트, 결제하기, 관리자 테이블, 물품등록
일단 프로젝트를 실행하면 메인 페이지 화면이 로딩 되어 나타난다 슬라이드 기능을 넣어 쇼핑몰의 목록들이 표시된다.
여기서 보여지는 기능은 헤더부분의 카테고리nav바와 마이페이지,장바구니,로그인,회원가입 이동이 가능하다.
사이트의 물건 구매를 하려면 로그인을 해야 가능하도록 구현하였기에 회원가입과 로그인을 구현 했고, 병원코드가 따로 존재하여 병원 외의 일반인은 가입을 할 수 없다.
회원가입시 각 병원에 존재하는 병원키를 대입하여 회원가입 후 로그인하는 기능과 아이디기억하기,비밀번호 찾기 기능을 넣었다.
로그인 후 마이페이지 버튼을 누르면 가장 먼저 아이디별로 구매한 상품목록이 표시된다.
상품 구매 정보를 갖고 와서 리스트 형식으로 표시한다.
nav 바에서 회원정보 수정을 누르면 회원정보 확인을 거쳐서 수정페이지로 로딩된다.
바꾸고 싶은 정보를 입력 후 확인을 누르면 회원정보가 갱신된다.
상품구매를 위해 배송지를 입력 하여 저장할 수 있다.
저장 후 배송지가 리스트 형식으로 표시된다.
카테고리 사이트에서 물품을 선택할 수 있다. 상품아래 줄간격은 css를 아직 못고쳤기에 나중에 수정에 들어갈 예정이다.
제품 사진을 클릭해서 제품의 옵션과 수량을 선택하여 구매할건지 장바구니에 담을 건지 선택할 수 있는 페이지이다.
장바구니에 물건을 담으면 장바구니 페이지로 이동하여 확인하고 삭제가 가능하도록 구현하였다.
장바구니에 담은 물건이나 바로구매를 하였을 시에 이동되는 페이지이다. 물건의 가격과 수량을 확인하고 개인정보를 확인하고 결제하기를 누르면 결제가 완료된다. 실제 결제시스템은 없다. 배송지 변경과 요청사항변경도 넣을 예정
결제완료가 되면 상품의 가격과 구매자의 정보가 뜬다.
구매한정보는 관리자페이지에서 확인할 수 있다.
남은 수량도 실시간으로 업데이트 되는데 저기 수량은 물품 등록 시 저장되는 수량이다.
물품 등록 페이지에서 물품을 등록하면 카테고리 페이지에 정보가 갱신된다.
카테고리 페이지를 클릭 후 원하는 카테고리에 상품 정보를 넣을 수 있다.