On&OFF 판매자의 상품관리

이번 포스팅은 이전과 마찬가지로 컴퓨터공학 캡스톤 디자인으로 소상공인을 위한 온라인 오프라인을 통합한 쇼핑 플랫폼에서 판매자의 입장에서 구현된 가게 목록과 상품 관리에 대한 페이지를 소개한다.

우리 팀의 주제 및 타켓 대상이 소상공인이기도 하기 때문에 판매자의 입장에서 진행되는 부분들도 모두 구현을 하였다.

판매자도 구매자와 똑같이 회원가입을 통해 판매자 전용 페이지로 들어가게 된다.
아래의 이미지는 판매자 계정으로 로그인이 되어 운영하고 있는 가게의 상품들을 관리하기 위해 들어간 페이지이다.
가게 등록을 마치면 가게 목록들을 띄어준다.

해당 가게를 클릭하여 들어가게 되면,

이처럼 보이는 화면에서 상품을 관리할 수 있다. 상품에 대한 정보들 ( 상품사진, 상품명, 상품코드, 사이즈, 색상, 재고 수량 등과 같은 내용들을 한 눈에 보기 쉽게 나타내었다. 그림에 나온 그리드는 Material UI를 사용하였다. 심플한 디자인이 특징이다. 그리고 한 상품에 대한 옵션이 다양할 경우에도 볼 수 있게 나타내었다.

등록 수정 버튼을 클릭하여 상품을 등록하거나, 옵션을 변경할 수 있도록 하였다.

상품명, 카테고리를 수정할 수 있고 등록된 이미지 또한 마찬가지로 수정할 수 있다. 옵션을 수정, 삭제할 수 있고 바코드 버튼을 클릭하면 해당하는 상품의 정보가 들어있는 (이미지, 옵션, 상품명 등등) 바코드를 발급받을 수 있다.