Vue3.0 모바일몰 프로젝트 실전 (전단과 백엔드 분리)

• 장1 프로젝트 초기화
• 1-1 프로젝트 파일 및 디렉토리 구조 설계
• 1-2 프로젝트 초기화 - 스타일 초기화
• 1-3 구성요소 디렉토리 초기화
• 1-4 네트워크 요청 디렉터리 초기화
• 1-5 라우팅 및 기타 디렉터리 초기화
• 1-6 vue.config.js 별칭 별칭 구성
• 1-7 스타일에 별칭을 사용하는 방법
• 1-8 개발자 도시 탐색 메뉴
• 1-9 탐색 메뉴용 글꼴 아이콘 소개
• 1-10 페이지 상단에 타이틀바 만들기 01
• 1-11 페이지 상단에 타이틀바 만들기 02
• 장2 홈페이지의 제품 추천 및 탭
• 2-1 페이지 라우팅 차단 원리 분석
• 2-2 홈페이지 추천제품 구성요소 개발 및 디자인
• 2-3 권장 제품 인터페이스 데이터를 얻고 렌더링합니다.
• 2-4 세부정보 페이지에 제품 목록 구현
• 2-5 탭의 동적 강조 표시
• 2-6 tabIndex를 얻기 위해 탭 전환
• 2-7 공개 제품 목록 구성 요소 만들기
• 2-8 탭을 전환하여 데이터 요청
• 2-9 구성 요소가 탭 데이터 렌더링에 값을 전달합니다.
• 2-10 더 나은 스크롤 구성 요소는 풀업을 구현하여 더 많은 것을 로드합니다.
• 2-11 페이지를 매긴 데이터 통합
• 장3 홈페이지 개발 개선
• 3-1 Better Scroll은 더 많은 프로세스를 불러와 로드하여 정리합니다.
• 3-2 페이지를 매긴 데이터 로드
• 3-3 페이지에서 흔들림 없는 부드러운 스크롤 효과 달성
• 3-4 매끄러운 탑 효과 달성
• 3-5 Vant 구성 요소 라이브러리 콘텐츠 소개
• 3-6 vue 프로젝트는 Vant를 도입하고 Swiper 캐러셀 구성 요소를 사용합니다.
• 3-7 캐러셀 차트 데이터 요청 및 렌더링
• 3-8 지연 로딩 및 배지 구성 요소 사용
• 3-9 디자인 및 개발 카테고리 페이지
• 3-10 사이드바 컴포넌트 사용
• 3-11 밴카드 구성품 및 제품 상세페이지 디자인
• 3-12 상품상세페이지 개발
• 장4 로그인 및 등록
• 4-1 신규 사용자 등록 및 로그인 페이지 UI 개발
• 4-2 사용자 등록 양식 확인 및 제출
• 4-3 이메일이 사용되었습니다. - 사용자 등록이 차단되었습니다.
• 4-4 사용자의 로그인 자격 증명 토큰을 클라이언트에 저장
• 4-5 인터페이스 액세스 통합 인증
• 4-6 로그인 점프 및 로그아웃
• 4-7 상태 감지 및 페이지 포트 접근 차단
• 4-8 제품 재고 및 장바구니 수량 제한
• 4-9 장바구니에 추가하고 지금 구매하세요
• 4-10 매장 현황 창고는 장바구니 수를 기록합니다.
• 4-11 장바구니 페이지 디자인
• 장5 프로젝트 설치 및 배포
• 5-1 장바구니 지우기 및 미리보기 주문 생성
• 5-2 주문관리 및 제품평가 인터페이스 설명
• 5-3 Vue 쇼핑몰 프로젝트 패키징
• 5-4 패키지 프로젝트의 온라인 배포
• 5-5 네비게이션 가드 및 인터페이스 인증 문제
• 5-6 프로젝트 비즈니스 로직 검토
• 5-7 메뉴연동-상세 배송주소 추가
• 5-8 주문과 관련된 비즈니스 로직 생성
• 5-9 주문 내역 및 아바타 업로드 과정 정리
• 장6 백엔드 API 구축
• 6-1 가상 머신에 wampserver 설치
• 6-2 백엔드 laravel 프로젝트 실행
• 6-3 작곡가 설치 프로젝트 종속성
• 6-4 인터페이스 데이터베이스 마이그레이션
• 6-5 객체 스토리지 OSS 활성화 및 구성
• 6-6 eshop 프로젝트 설치 및 실행
• 6-7 ant-design pro 배경 설치 및 실행
• 6-8 서버에서 반환된 상태 코드에 따른 문제 해결 논리