vue xiaomi

프로젝트 소개

이는 Xiaomi Mall을 모방하여 주요 기능 포인트를 달성하는 전자상거래 프로젝트입니다.

프런트 엔드에는 홈페이지, 로그인, 등록, 모든 제품, 제품 세부 정보 페이지, 회사 소개, 내 컬렉션, 장바구니, 주문 결제 페이지, 내 주문 및 오류 처리 페이지 등 11개의 페이지가 있습니다.

상품 표시, 상품 분류 조회, 키워드 검색 상품, 상품 상세 정보 표시, 로그인, 회원가입, 사용자 장바구니, 주문 정산, 사용자 주문, 사용자 즐겨찾기 목록 및 오류 처리 기능을 구현합니다.

백엔드는 프런트엔드에 필요한 데이터 하위 모듈을 기반으로 해당 인터페이스, 제어 계층 및 데이터 지속성 계층을 설계합니다.

기술 스택

• 프런트엔드: Vue + Vue-router + Vuex + Element-ui + Axios

• 백엔드: Node.js , Koa框架

• 데이터베이스: Mysql , redis

백엔드 프로젝트 배송 주소: Xiaomi-server

백엔드 프로젝트를 실행하려면 구성 지침을 참조하세요 . 로컬 데이터베이스 mysql、redis 서비스 및 해당 포트가 열려 있는지 확인하세요.

기능 모듈

• 로그인
• 등록하다
• 첫 페이지
• 모든 제품
• 제품 세부정보 페이지
• 내 장바구니
• 주문결제
• 내 컬렉션
• 내 주문

프로젝트 실행

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

이 프로젝트가 좋다고 생각하신다면 오른쪽 상단의 Star 눌러 후원해주세요. ^_^

프로젝트 페이지 스크린샷

첫 페이지

모든 제품

장바구니

내 컬렉션

내 주문

로그인

등록하다