VUE 전자상거래 프로젝트(프론트엔드 & 백엔드 듀얼 프로젝트 실전)

• 장1 프로젝트 초기화
• 1-1 튜토리얼 소개
• 1-2 vue-cli 스캐폴딩 초기화 프로젝트
• 1-3 프로젝트의 다른 구성
• 장2 프로젝트 라우팅
• 2-1 프로젝트 라우팅 분석
• 2-2 머리글 및 바닥글 비라우팅 구성 요소 완료
• 2-3 라우팅 구성요소 구성 완료
• 2-4 라우팅 메타정보 활용
• 2-5 경로 전달 매개변수
• 2-6 라우팅 전송 매개변수와 관련된 인터뷰 질문
• 2-7 푸시 및 교체 메서드 재정의
• 장3 정적 구성 요소
• 3-1 홈페이지 구성요소 분할 사업 분석
• 3-2 TypeNav 3단계 연계 글로벌 컴포넌트 완성
• 3-3 홈정적 구성 요소 분할
• 장4 상호 작용
• 4-1 보충 비디오 녹화 지침(인터페이스 및 기타 문제)
• 4-2 POSTMAN 도구 테스트 인터페이스
• 4-3 Axios 2차 포장
• 4-4 API 인터페이스의 통합 관리
• 장5 레벨 3 연계
• 5-1 nprogress 진행 표시줄 사용
• 5-2 Vuex 템플릿 개발
• 5-3 3단계 연계 데이터를 동적으로 표시
• 5-4 3단계 연계 동적 배경색 완성
• 5-5 JS를 통해 2차, 3차 카테고리 표시 및 숨기기 제어
• 5-6 데모 끊김 현상으로 인해 흔들림 방지 및 조절이 발생합니다.
• 5-7 손떨림 방지 기능 이해
• 5-8 기능 제한 이해
• 5-9 3단계 연계 조절
• 5-10 3단계 연계 라우팅 점프 분석
• 5-11 3단계 연계의 라우팅 점프 및 매개변수 전송 서비스를 완료합니다.
• 5-12 검토
• 장6 카테고리
• 6-1 검색 모듈의 제품 분류 및 전환 애니메이션
• 6-2 typeNav 제품 분류 목록 최적화
• 6-3 매개변수 병합
• 6-4 mockjs는 데이터를 시뮬레이션합니다.
• 6-5 배너 캐러셀 차트의 데이터 가져오기
• 6-6 swiper 기본 사용
• 6-7 Banner는 캐러셀 차트를 위한 첫 번째 솔루션을 구현합니다.
• 6-8 캐러셀 차트는 watch+nectTick을 통해 문제를 해결합니다.
• 6-9 바닥 구성요소 모의 데이터 가져오기
• 6-10 바닥 구성요소를 동적으로 표시
• 6-11 공유 구성 요소 Carsouel
• 장7 검색 모듈
• 7-1 검색 모듈의 정적 구성 요소
• 7-2 검색 모듈 veux 작업
• 7-3 검색 모듈에 상품 목록을 동적으로 표시
• 7-4 검색 모듈은 다양한 매개변수를 기반으로 데이터 표시를 얻습니다.
• 7-5 검색 모듈의 하위 구성요소 동적 개발
• 7-6 경로 변경 사항을 모니터링하고 데이터를 얻기 위해 다른 요청을 보냅니다.
• 장8 빵 부스러기
• 8-1 탐색경로 처리 분류 작업
• 8-2 탐색경로 처리 키워드
• 8-3 빵 부스러기 브랜드 정보
• 8-4 플랫폼 판매 속성 운영
• 장9 종류
• 9-1 정렬 작업(1부)
• 9-2 정렬 작업(2부)
• 9-3 페이지네이터 정적 구성요소
• 9-4 정렬 검토
• 장10 쪽수 매기기
• 10-1 페이징 기능 분석
• 10-2 호출기 시작 및 끝 번호 계산
• 10-3 페이지네이터 동적 디스플레이
• 10-4 페이지네이터 완료
• 10-5 페이지네이터가 클래스 이름을 추가합니다.
• 10-6 스크롤 동작
• 10-7 제품 세부 정보 수집
• 10-8 제품 세부정보에는 동적 데이터가 표시됩니다.
• 10-9 페이지네이터 검토-자르기
• 10-10 확대/축소 돋보기 표시 데이터 자르기
• 10-11 세부 라우팅 구성요소는 제품 판매 속성을 표시합니다.
• 10-12 상품판매속성값 독점작업-자르기
• 장11 돋보기
• 11-1 돋보기 조작(전편)
• 11-2 돋보기 위에
• 장12 쇼핑 카트
• 12-1 구매상품 수량 운영
• 12-2 장바구니에 추가
• 12-3 장바구니 담기 성공 여부 판단
• 12-4 장바구니에 담기 작업
• 12-5 세션 저장소와 결합된 경로 전달 매개변수
• 12-6 장바구니 정적 구성요소 및 수정
• 12-7 uuid 방문자 ID로 장바구니 데이터 가져오기
• 12-8 장바구니 동적 디스플레이 데이터
• 12-9 가공제품 수량
• 12-10 장바구니에 담긴 상품 수량 수정이 완료되었습니다.
• 12-11 장바구니 상품 삭제
• 12-12 제품 상태 수정
• 12-13 검토
• 12-14 선택한 모든 제품 삭제
• 12-15 모든 상품의 확인 상태 수정
• 장13 로그인 회원가입
• 13-1 로그인 및 정적 구성 요소 등록
• 13-2 사업자 등록(1부)
• 13-3 사업자 등록(2부)
• 13-4 로그인 사업(토큰)
• 13-5 사용자 로그인은 사용자 정보를 얻기 위해 토큰을 전달합니다.
• 13-6 로그인 사업의 기존 문제점을 설명
• 13-7 로그아웃
• 장14 네비게이션 가드
• 14-1 내비게이션 가드 이해
• 14-2 내비게이션 가드 판단
• 14-3 네비게이션 가드 사용자 로그인 작업
• 장15 거래, 결제 및 개인센터
• 15-1 정적 구성 요소 거래
• 15-2 거래 페이지 데이터 가져오기
• 15-3 사용자 주소 정보 표시
• 15-4 거래 페이지 완료
• 15-5 주문을 제출
• 15-6 주문 번호 받기 및 결제 정보 표시
• 15-7 결제 페이지에서 ElementUI를 활용하고 요청 시 도입
• 15-8 위챗 결제사업(1편)
• 15-9 위챗페이(2부)
• 15-10 개인센터 2차 라우팅 구축
• 15-11 내 주문
• 15-12 로그되지 않은 내비게이션 가드 판단
• 15-13 사용자 로그인(구성 요소 내 독점 라우팅 및 보호)
• 15-14 이미지의 지연 로딩
• 15-15 Vee-validate 양식 유효성 검사 사용
• 15-16 경로의 지연 로딩
• 15-17 프로세스 맵 파일
• 15-18 서버 구매
• 15-19 보안 그룹 및 xshell 작업
• 15-20 nginx 리버스 프록시
• 장16 컴포넌트 통신
• 16-1 구성 요소 간 통신을 위한 6가지 방법
• 16-2 맞춤 이벤트 깊이
• 16-3 v 모드 심층
• 16-4 동기화 속성 수정자
• 16-5 $attrs与$리스너
• 16-6 $children 및 $parent
• 16-7 오염 mixin
• 16-8 스코프 슬롯
• 장17 백엔드 관리 시스템
• 17-1 백엔드 관리 시스템 프로젝트 소개
• 17-2 백그라운드 관리 시스템 템플릿 소개
• 17-3 로그인 업무 완료
• 17-4 로그아웃
• 17-5 라우팅 구축
• 17-6 브랜드 관리 정적 구성 요소
• 17-7 브랜드 목록 표시
• 17-8 브랜드 도메인 추가 및 브랜드 정적 완성 수정
• 17-9 브랜드 추가 완료
• 17-10 브랜드 수정 완료
• 17-11 브랜드 양식 유효성 검사(맞춤 유효성 검사 규칙)
• 17-12 브랜드 운영 삭제
• 17-13 제품 관리 3단계 연계 정적 구성 요소
• 17-14 3단계 연계 동적 디스플레이
• 17-15 3단계 연계 완료
• 17-16 플랫폼 속성 관리 동적 표시 속성
• 17-17 플랫폼 속성의 속성 추가 및 속성 수정은 정적으로 완료됩니다.
• 17-18 속성 이름을 수집하는 작업
• 17-19 컬렉션 속성 값 작업
• 17-20 복귀 버튼 데이터 에코 문제 해결
• 17-21 속성 작업 수정
• 17-22 보기 모드와 수정 모드 간 전환
• 17-23 보기 모드 및 편집 모드 참고 사항
• 17-24 수정된 속성 보기 및 편집 모드 간 전환
• 17-25 양식 요소에 대한 자동 초점 구현
• 17-26 속성 값 삭제
• 17-27 저장 작업
• 17-28 버튼 및 3단계 연계 운용성
• 17-29 SPU 관리 모듈 사업 소개
• 17-30 SPU 관리 모듈 정적
• 17-31 SPU 목록을 동적으로 표시
• 17-32 SPU 관리 내용 전환
• 17-33 SpuForm 정적 구성 요소 완료
• 17-34 SpuForm 의뢰사업 분석
• 17-35 SpuForm 데이터 가져오기
• 17-36 SpuForm 구성 요소 데이터 표시 및 데이터 수집
• 17-37 SpuForm 판매 속성의 데이터 표시
• 17-38 SpuForm 포토월 데이터 수집 완성
• 17-39 판매 속성 추가 작업
• 17-40 매출 속성값 표시 및 수집
• 17-41 판매 속성 및 속성 값 삭제 작업
• 17-42 수정된 SPU의 저장 작업을 완료합니다.
• 17-43 SPU 추가 작업 완료
• 17-44 SPU 삭제
• 17-45 완전한 SKU 정적 구성요소
• 17-46 SKUForm 데이터 가져오기
• 17-47 SKU 표시 및 SKU 데이터 수집
• 17-48 SKU 이미지 목록 데이터 표시 및 수집 추가
• 17-49 SKU 저장 작업 추가 완료
• 17-50 SKU 목록 표시
• 17-51 로딩 효과
• 17-52 SKU 모듈 데이터 표시 및 페이징 기능
• 17-53 SKU 입고 및 철거 작업
• 17-54 SKU 세부정보 보기가 완료되었습니다.
• 17-55 깊이 선택기
• 17-56 데이터 시각화 소개
• 17-57 캔버스는 선분을 그립니다.
• 17-58 캔버스에 직사각형을 그립니다.
• 17-59 원을 그리세요
• 17-60 캔버스 지우기 및 텍스트 그리기
• 17-61 막대 차트 그리기
• 17-62 SVG의 기본 사용법
• 17-63 전자 차트의 기본 사용
• 17-64 차트는 여러 차트를 표시합니다.
• 17-65 하나의 컨테이너에 여러 차트가 표시됩니다.
• 17-66 전자 차트에서 데이터 세트 사용
• 17-67 echarts 내장 구성 요소 사용
• 17-68 전자 차트 좌표계
• 17-69 HomeCard 정적 구성 요소
• 17-70 꺾은선형 차트가 완료되었습니다.
• 17-71 막대 차트 및 진행률 표시줄 완료
• 17-72 판매 정적 구성요소(1부)
• 17-73 정적 구성요소 판매(중간)
• 17-74 판매 구성요소 완료
• 17-75 정적 구성 요소 관찰
• 17-76 모의 데이터를 동적으로 표시
• 17-77 권한 관리 모듈 소개
• 17-78 권한 관리 모듈에 대한 혼선
• 17-79 메뉴 및 버튼 권한