mall system

몰 시스템(백그라운드 관리 포함)

~에 대한

고객, 판매자, 관리자의 세 가지 모드를 갖춘 Vue2 + ElementUI 기반의 쇼핑몰 시스템입니다.

다음은 프런트엔드 부분, 백엔드 및 데이터베이스 파일입니다: https://github.com/Hacker-C/mall-system-backend

온라인 주소

사용자 모듈:

관리자 백엔드 모듈:

판매자 모듈:

(맨 위로)

기술 스택

• 프론트엔드: Vue2 ElementUI Vue Router Axios
• 백엔드: SpringBoot MySQL

(맨 위로)

개발 환경

• 뷰: v2.1.6
• vue/cli: v4.5.15
• vue-라우터: v3.2.0
• Node.js: v16.13.0
• 전자차트: v5.2.2
• ElementUI: v2.4.5

로컬에서 실행

1. 자식 클론

    git clone [email protected]:Hacker-C/mall-system.git
   

2. npm 설치

    npm install
   

3. 시작

    npm run dev
   

4. 짓다

    npm run build
   

기능 구현

고객 모듈

• 로그인 웹사이트
• 웹사이트 콘텐츠 찾아보기
• 이 웹사이트의 회원으로 등록하세요
  • 기본 정보 편집
  • 비밀번호 변경
  • 계좌 금액 재설정
• 선택한 품목을 장바구니에 추가
  • 장바구니 관리
    • 장바구니에서 항목 삭제
    • 장바구니 품목을 함께 구매하세요
• 품목 구매(주문 관리)
  • 주문 제출
  • 주문 결제
  • 주문 삭제
  • 주문 취소
• 구매 후 제품 평가
  • 제품 평가하기
  • 자신의 댓글 삭제
• 즐겨찾기
  • 컬렉션에 항목 추가
  • 즐겨찾기에서 콘텐츠 삭제

(맨 위로)

판매자 모듈

• 매장 오픈 등록 및 신청
• 나만의 매장을 관리해보세요
  • 제품 이미지 업로드
  • 제품을 소개해주세요
  • 상품가격, 잔여수량, 할인 등 기본정보를 수정합니다.
• 매장 내 상품 판매 통계
  • 전체 수입 보기
  • 다양한 상품의 판매량과 총매출액을 확인해보세요
• 주문 관리
  • 주문정보 보기
    • 주문총액과 주문시간을 확인하세요
    • 주문한 상품을 배송하세요.
  • 주문 상태 수정
    • 주문 취소
    • 주문 배송

(맨 위로)

관리자 모듈

• 가맹점 관리
  • 이 판매자의 모든 제품 보기 및 삭제
  • 비즈니스 및 매장 관련 정보 편집
• 시스템 유지 및 관리
• 모든 사용자 관리
  • 고객 및 가맹점의 기본정보를 관리합니다.
  • 고객 및 판매자 로그인 비밀번호 재설정
  • 고객 및 가맹점 차단 (차단 후 로그인 불가)
  • 고객의 ID를 판매자로 변경하거나 관리자로 업그레이드하는 등 사용자 ID 역할을 관리합니다.
  • 모든 사용자 구성요소 보기(관리자, 고객, 판매자)
• 관리 시스템
  • 홈페이지에서 한시적 할인 카운트다운 시간 관리
  • 홈페이지에서 상품분류 기능 관리
    • 제품 카테고리 이름 수정
    • 제품 카테고리 삭제
    • 새 제품 카테고리 추가
  • 경영시스템 발표
    • 공지 내용 수정