Main
Login
기존에 가입한 아이디와 비밀번호를 입력한 후 로그인을 클릭하면 메인 화면으로 이동합니다.
만약 가입되어 있지 않다면, 텍스트 형식의 회원가입 버튼을 눌러 회원가입 화면으로 이동합니다.
SignUp
회원가입을 위해 사용자의 아이디, 비밀번호, 이메일을 입력한 후 회원 가입 버튼을 누릅니다.
회원 가입이 완료되면, 별다른 팝업 없이 로그인 화면으로 이동됩니다.
Search
메인 화면에서 왼쪽 상단의 Search Bar를 클릭한 후 원하는 상품 키워드를 입력하면, 해당 상품과 관련된 검색이 가능합니다.
검색을 하면 해당 키워드가 포함된 상품들이 검색됩니다.
검색된 상품의 이미지를 클릭하면 상품 상세 페이지로 이동합니다.
Product Detail
메인 화면 혹은 상품 리스트 화면에서 상품을 클릭 시 상품 상세 페이지로 이동하게 됩니다.
상품 상세 페이지에서는 상품 수량을 선택할 수 있습니다.
장바구니 버튼 클릭 시 선택된 수량만큼 장바구니에 담게 되며, 장바구니 화면으로 이동됩니다.
상품 별 좋아요를 누를 수 있으며, 회원 당 1번씩만 누를 수 있습니다.
Cart
업데이트 버튼을 클릭 시 수량 변경이 가능합니다.
장바구니 전체 삭제 버튼을 클릭 시 장바구니에 담겨 있던 모든 상품이 삭제됩니다.
쇼핑 계속하기 버튼을 클릭 시 장바구니에 담긴 기존 상품은 그대로 남은 채로 메인화면으로 이동하게 됩니다.
구매하기 버튼을 클릭 시 주문서 작성 페이지로 넘어가게 됩니다.
Buy
주문서에 주문자 이름, 이메일 주소, 주소, 연락처, 배송 시 유의사항을 작성할 수 있습니다.
이후 주문하기 버튼을 누르면 실제 결제 API 화면이 뜨게 됩니다.
Notice
오른쪽 상단에 있는 문의사항을 클릭 시 직접 관리자에게 문의사항을 남길 수 있는 화면이 뜨게 됩니다.
답변이 달린 문의사항은 제목 옆에 달린 답변만큼의 [숫자]표시가 생기고, 문의사항 글이 10개가 넘어갈 때마다 페이징 처리가 됩니다.
Notice Detail
등록된 문의사항을 클릭하여 상세페이지로 넘어오면, 문의사항의 제목과 상세 내용 및 해당 문의를 남긴 사용자의 id와 시간, 그리고 관리자가 답변을 단 내용, 관리자 id 그리고 시간이 보입니다.
답변 등록 버튼은 관리자 계정으로 로그인한 경우에만 보입니다.
Guide
짙은 분홍색 질문의 글씨를 클릭하면, 해당 질문과 키워드에 관련된 내용이 아래로 출력되고, 다시 한번 클릭 시 원상 복귀됩니다.
MyPage(Update)
수정 버튼은 사용자 아이디와 이메일을 변경할 수 있는 버튼입니다.
비밀번호 변경 버튼은 비밀번호 변경 페이지로 이동하게 되는 버튼입니다.
취소 버튼은 해당 작업을 취소할 수 있으며, 메인 화면으로 이동합니다.
MyPage(Delete)
회원 탈퇴 버튼 클릭 시 사용자의 비밀번호를 한 번 더 확인한 후 현재 로그인된 회원과 정보가 일치하면 회원 탈퇴가 진행됩니다.
MyPage(ChangePassword)
비밀번호 변경 버튼은 새로운 비밀번호로 변경하는 버튼입니다.
취소 버튼은 회원 정보 수정 화면으로 이동하게 하는 버튼입니다.
'😎 STS3 Spring 쇼핑몰' 카테고리의 다른 글
| STS3 쇼핑몰 [SwanShop] 프로젝트 정보 (2) | 2022.07.30 |
|---|---|
| Use Case Diagram: 유스케이스 다이어그램 (0) | 2022.07.30 |
| Table Specification: 테이블 정의서 (0) | 2022.07.30 |
| Request For Proposal: 요구 사항 정의서 (0) | 2022.07.30 |
| Entity-Relationship Diagram: ERD(논리/물리) (0) | 2022.07.30 |
