찾다

다음 섹션: vuex模板式开发683회 재생

5 秒后自动播放下一节
  다시 시청하기

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

소개 >
코스웨어
장1프로젝트 초기화

튜토리얼 소개

03분24초

vue-cli 스캐폴딩 초기화 프로젝트

15분09초

프로젝트의 다른 구성

08분51초
장2프로젝트 라우팅

프로젝트 라우팅 분석

08분45초

머리글 및 바닥글 비라우팅 구성 요소 완료

18분29초

라우팅 구성요소 구성 완료

26분39초

라우팅 메타정보 활용

09분43초

경로 전달 매개변수

12분47초

라우팅 전송 매개변수와 관련된 인터뷰 질문

25분01초

푸시 및 교체 메서드 재정의

27분13초
장3정적 구성 요소

홈페이지 구성요소 분할 사업 분석

05분04초

TypeNav 3단계 연계 글로벌 컴포넌트 완성

07분44초

홈정적 구성 요소 분할

22분24초
장4상호 작용

보충 비디오 녹화 지침(인터페이스 및 기타 문제)

07분02초

POSTMAN 도구 테스트 인터페이스

04분38초

Axios 2차 포장

13분18초

API 인터페이스의 통합 관리

16분28초
장5레벨 3 연계

nprogress 진행 표시줄 사용

07분29초

Vuex 템플릿 개발

28분20초

3단계 연계 데이터를 동적으로 표시

20분08초

3단계 연계 동적 배경색 완성

21분37초

JS를 통해 2차, 3차 카테고리 표시 및 숨기기 제어

06분03초

데모 끊김 현상으로 인해 흔들림 방지 및 조절이 발생합니다.

07분53초

손떨림 방지 기능 이해

14분48초

기능 제한 이해

12분55초

3단계 연계 조절

08분57초

3단계 연계 라우팅 점프 분석

13분59초

3단계 연계의 라우팅 점프 및 매개변수 전송 서비스를 완료합니다.

18분03초

검토

06분51초
장6카테고리

검색 모듈의 제품 분류 및 전환 애니메이션

27분27초

typeNav 제품 분류 목록 최적화

12분18초

매개변수 병합

19분18초

mockjs는 데이터를 시뮬레이션합니다.

33분22초

배너 캐러셀 차트의 데이터 가져오기

16분57초

swiper 기본 사용

13분24초

Banner는 캐러셀 차트를 위한 첫 번째 솔루션을 구현합니다.

29분55초

캐러셀 차트는 watch+nectTick을 통해 문제를 해결합니다.

45분49초

바닥 구성요소 모의 데이터 가져오기

29분04초

바닥 구성요소를 동적으로 표시

25분53초

공유 구성 요소 Carsouel

25분41초
장7검색 모듈

검색 모듈의 정적 구성 요소

10분01초

검색 모듈 veux 작업

23분56초

검색 모듈에 상품 목록을 동적으로 표시

31분52초

검색 모듈은 다양한 매개변수를 기반으로 데이터 표시를 얻습니다.

30분02초

검색 모듈의 하위 구성요소 동적 개발

07분46초

경로 변경 사항을 모니터링하고 데이터를 얻기 위해 다른 요청을 보냅니다.

43분44초
장8빵 부스러기

탐색경로 처리 분류 작업

30분08초

탐색경로 처리 키워드

16분32초

빵 부스러기 브랜드 정보

19분40초

플랫폼 판매 속성 운영

35분08초
장9종류

정렬 작업(1부)

40분53초

정렬 작업(2부)

22분04초

페이지네이터 정적 구성요소

10분31초

정렬 검토

14분36초
장10쪽수 매기기

페이징 기능 분석

15분05초

호출기 시작 및 끝 번호 계산

55분49초

페이지네이터 동적 디스플레이

22분06초

페이지네이터 완료

16분41초

페이지네이터가 클래스 이름을 추가합니다.

05분02초

스크롤 동작

21분39초

제품 세부 정보 수집

16분08초

제품 세부정보에는 동적 데이터가 표시됩니다.

27분23초

페이지네이터 검토-자르기

43분20초

확대/축소 돋보기 표시 데이터 자르기

25분11초

세부 라우팅 구성요소는 제품 판매 속성을 표시합니다.

15분46초

상품판매속성값 독점작업-자르기

14분14초
장11돋보기

돋보기 조작(전편)

20분21초

돋보기 위에

17분05초
장12쇼핑 카트

구매상품 수량 운영

20분32초

장바구니에 추가

22분28초

장바구니 담기 성공 여부 판단

16분58초

장바구니에 담기 작업

27분53초

세션 저장소와 결합된 경로 전달 매개변수

27분54초

장바구니 정적 구성요소 및 수정

15분12초

uuid 방문자 ID로 장바구니 데이터 가져오기

40분26초

장바구니 동적 디스플레이 데이터

25분41초

가공제품 수량

21분55초

장바구니에 담긴 상품 수량 수정이 완료되었습니다.

25분58초

장바구니 상품 삭제

15분53초

제품 상태 수정

18분39초

검토

08분34초

선택한 모든 제품 삭제

27분51초

모든 상품의 확인 상태 수정

14분31초
장13로그인 회원가입

로그인 및 정적 구성 요소 등록

13분37초

사업자 등록(1부)

09분13초

사업자 등록(2부)

33분18초

로그인 사업(토큰)

35분22초

사용자 로그인은 사용자 정보를 얻기 위해 토큰을 전달합니다.

34분41초

로그인 사업의 기존 문제점을 설명

28분42초

로그아웃

16분04초
장14네비게이션 가드

내비게이션 가드 이해

28분19초

내비게이션 가드 판단

29분05초

네비게이션 가드 사용자 로그인 작업

25분12초
장15거래, 결제 및 개인센터

정적 구성 요소 거래

10분23초

거래 페이지 데이터 가져오기

15분19초

사용자 주소 정보 표시

16분52초

거래 페이지 완료

21분23초

주문을 제출

30분34초

주문 번호 받기 및 결제 정보 표시

20분53초

결제 페이지에서 ElementUI를 활용하고 요청 시 도입

25분35초

위챗 결제사업(1편)

30분42초

위챗페이(2부)

15분02초

개인센터 2차 라우팅 구축

17분26초

내 주문

42분36초

로그되지 않은 내비게이션 가드 판단

24분03초

사용자 로그인(구성 요소 내 독점 라우팅 및 보호)

27분11초

이미지의 지연 로딩

24분26초

Vee-validate 양식 유효성 검사 사용

33분36초

경로의 지연 로딩

10분14초

프로세스 맵 파일

06분35초

서버 구매

10분08초

보안 그룹 및 xshell 작업

15분46초

nginx 리버스 프록시

20분37초
장16컴포넌트 통신

구성 요소 간 통신을 위한 6가지 방법

09분28초

맞춤 이벤트 깊이

23분06초

v 모드 심층

15분18초

동기화 속성 수정자

11분32초

$attrs与$리스너

17분29초

$children 및 $parent

19분41초

오염 mixin

06분03초

스코프 슬롯

13분41초
장17백엔드 관리 시스템

백엔드 관리 시스템 프로젝트 소개

10분02초

백그라운드 관리 시스템 템플릿 소개

30분34초

로그인 업무 완료

27분57초

로그아웃

04분25초

라우팅 구축

18분47초

브랜드 관리 정적 구성 요소

19분25초

브랜드 목록 표시

37분43초

브랜드 도메인 추가 및 브랜드 정적 완성 수정

17분01초

브랜드 추가 완료

34분28초

브랜드 수정 완료

14분41초

브랜드 양식 유효성 검사(맞춤 유효성 검사 규칙)

22분31초

브랜드 운영 삭제

10분41초

제품 관리 3단계 연계 정적 구성 요소

10분23초

3단계 연계 동적 디스플레이

27분41초

3단계 연계 완료

17분39초

플랫폼 속성 관리 동적 표시 속성

18분20초

플랫폼 속성의 속성 추가 및 속성 수정은 정적으로 완료됩니다.

15분30초

속성 이름을 수집하는 작업

17분15초

컬렉션 속성 값 작업

13분29초

복귀 버튼 데이터 에코 문제 해결

05분21초

속성 작업 수정

12분24초

보기 모드와 수정 모드 간 전환

29분14초

보기 모드 및 편집 모드 참고 사항

14분39초

수정된 속성 보기 및 편집 모드 간 전환

11분59초

양식 요소에 대한 자동 초점 구현

15분53초

속성 값 삭제

12분08초

저장 작업

14분41초

버튼 및 3단계 연계 운용성

06분00초

SPU 관리 모듈 사업 소개

08분10초

SPU 관리 모듈 정적

19분44초

SPU 목록을 동적으로 표시

23분55초

SPU 관리 내용 전환

12분32초

SpuForm 정적 구성 요소 완료

25분42초

SpuForm 의뢰사업 분석

22분29초

SpuForm 데이터 가져오기

20분20초

SpuForm 구성 요소 데이터 표시 및 데이터 수집

37분22초

SpuForm 판매 속성의 데이터 표시

40분15초

SpuForm 포토월 데이터 수집 완성

21분08초

판매 속성 추가 작업

22분07초

매출 속성값 표시 및 수집

35분00초

판매 속성 및 속성 값 삭제 작업

09분17초

수정된 SPU의 저장 작업을 완료합니다.

29분10초

SPU 추가 작업 완료

26분51초

SPU 삭제

11분33초

완전한 SKU 정적 구성요소

14분20초

SKUForm 데이터 가져오기

22분04초

SKU 표시 및 SKU 데이터 수집

39분42초

SKU 이미지 목록 데이터 표시 및 수집 추가

25분02초

SKU 저장 작업 추가 완료

33분44초

SKU 목록 표시

16분11초

로딩 효과

10분12초

SKU 모듈 데이터 표시 및 페이징 기능

23분12초

SKU 입고 및 철거 작업

10분11초

SKU 세부정보 보기가 완료되었습니다.

27분04초

깊이 선택기

25분37초

데이터 시각화 소개

11분21초

캔버스는 선분을 그립니다.

19분18초

캔버스에 직사각형을 그립니다.

07분05초

원을 그리세요

10분48초

캔버스 지우기 및 텍스트 그리기

08분25초

막대 차트 그리기

23분02초

SVG의 기본 사용법

20분19초

전자 차트의 기본 사용

25분08초

차트는 여러 차트를 표시합니다.

07분24초

하나의 컨테이너에 여러 차트가 표시됩니다.

09분42초

전자 차트에서 데이터 세트 사용

11분47초

echarts 내장 구성 요소 사용

18분04초

전자 차트 좌표계

14분57초

HomeCard 정적 구성 요소

33분02초

꺾은선형 차트가 완료되었습니다.

14분52초

막대 차트 및 진행률 표시줄 완료

12분18초

판매 정적 구성요소(1부)

15분56초

정적 구성요소 판매(중간)

15분26초

판매 구성요소 완료

20분16초

정적 구성 요소 관찰

45분38초

모의 데이터를 동적으로 표시

25분17초

권한 관리 모듈 소개

21분56초

권한 관리 모듈에 대한 혼선

27분36초

메뉴 및 버튼 권한

01시간1131분32초
  • 취소회신하다배상
  • 취소메모를 게시하다배상