Next Section: 页面路由拦截原理分析625 plays

5 秒后自动播放下一节
  Watch Again

Vue3.0 mobile mall project actual combat (separation of front and back ends)

Introduction >
ChapterCourseware
Chapter1Project initialization

Project file and directory structure design

10 minutes42 seconds

Project initialization--style initialization

09 minutes46 seconds

Component directory initialization

05 minutes56 seconds

Network request directory initialization

03 minutes48 seconds

Routing and other directory initialization

06 minutes55 seconds

vue.config.js configure alias alias

14 minutes00 seconds

How to use aliases in styles

05 minutes43 seconds

Developer City Navigation Menu

11 minutes17 seconds

Introducing font icons for navigation menus

13 minutes45 seconds

Make the title bar at the top of the page 01

10 minutes25 seconds

Make the title bar at the top of the page 02

06 minutes47 seconds
Chapter2Product recommendations and tabs on the homepage

Analysis of the principle of page routing interception

10 minutes27 seconds

Home page recommended product component development and design

10 minutes04 seconds

Get recommended product interface data and render it

10 minutes44 seconds

Implement product list into details page

08 minutes22 seconds

Dynamic highlighting of tabs

12 minutes21 seconds

Switch tabs to get tabIndex

05 minutes45 seconds

Create a public product list component

10 minutes04 seconds

Switch tabs to request data

15 minutes09 seconds

Component passes value to render tab data

07 minutes46 seconds

Better Scroll component implements pull-up to load more

11 minutes28 seconds

Integration of paginated data

12 minutes19 seconds
Chapter3Improve the development of home page

Better Scroll pulls up to load more process combing

11 minutes07 seconds

Load paginated data

08 minutes54 seconds

Achieve jitter-free silky scrolling effect on the page

10 minutes15 seconds

Achieve silky return to top effect

10 minutes54 seconds

Vant component library content introduction

08 minutes25 seconds

The vue project introduces Vant and uses Swiper carousel component

08 minutes07 seconds

Request carousel chart data and render

07 minutes45 seconds

Lazy loading and the use of badge components

07 minutes18 seconds

Design and development category page

07 minutes52 seconds

Use of sidebar component

08 minutes47 seconds

van-card component and product details page design

08 minutes50 seconds

Product details page development

06 minutes18 seconds
Chapter4Login and register

New user registration and login page UI development

08 minutes15 seconds

User registration form verification and submission

14 minutes45 seconds

Email has been occupied - user registration blocked

12 minutes16 seconds

Store the user's login credentials token on the client

09 minutes41 seconds

Interface access unified authorization

07 minutes11 seconds

Login jump and logout

09 minutes00 seconds

Status detection and page port access interception

14 minutes04 seconds

Product inventory and shopping cart quantity limits

10 minutes00 seconds

Add to Cart and Buy Now

07 minutes29 seconds

Store status warehouse records the number of shopping carts

12 minutes02 seconds

Shopping cart page design

04 minutes39 seconds
Chapter5Project installation and deployment

Clear shopping cart and generate preview order

12 minutes46 seconds

Order management and product evaluation interface explanation

12 minutes02 seconds

vue mall project packaging

07 minutes36 seconds

Online deployment of packaged projects

11 minutes23 seconds

Navigation guard and interface authorization issues

13 minutes01 seconds

Project business logic review

10 minutes51 seconds

Menu linkage--adding detailed delivery address

10 minutes48 seconds

Create business logic related to orders

11 minutes05 seconds

Order details and avatar upload process sorted out

09 minutes04 seconds
Chapter6Backend API construction

Install wampserver on a virtual machine

12 minutes30 seconds

Run the backend laravel project

08 minutes06 seconds

composer installation project dependencies

05 minutes58 seconds

Interface database migration

06 minutes59 seconds

Activation and configuration of object storage OSS

09 minutes05 seconds

Install and run the ewshop project

04 minutes01 seconds

Install and run ant-design pro background

15 minutes34 seconds

Troubleshooting logic based on the status code returned by the server

07 minutes11 seconds
  • CancelreplySending
  • Cancelpost a noteSending