Vue3.0 mobile mall project actual combat (separation of front and back ends)-Free online video tutorial-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

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

This course uses Vue3's new combined API + vant/Element Plus component library to complete the development of all templates for the mobile terminal and backend management of the mall, master the development model of mobile terminal projects and enterprise management system software, project expansion, testing, optimization, online, Handling of routine operations such as maintenance.

Elementary

vue

Actual combat

project

51260 person learning

75class hour

11 hours 27 minutes 22 secondsTotal course duration

2023-03-20update

PHP中文网

Gold lecturer

A total of 51 courses Student5297 Lecturer rating5.5

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

This course uses Vue3's new combined API + vant/Element Plus component library to complete the development of all templates for the mobile terminal and backend management of the mall, master the development model of mobile terminal projects and enterprise management system software, project expansion, testing, optimization, online, Handling of routine operations such as maintenance.

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

Chapter1 Project initializationtry and see
expand retract

Section1 Project file and directory structure design
duration： 10 minutes 42 seconds

Section2 Project initialization--style initialization
duration： 09 minutes 46 seconds

Section3 Component directory initialization
duration： 05 minutes 56 seconds

Section4 Network request directory initialization
duration： 03 minutes 48 seconds

Section5 Routing and other directory initialization
duration： 06 minutes 55 seconds

Section6 vue.config.js configure alias alias
duration： 14 minutes 00 seconds

Section7 How to use aliases in styles
duration： 05 minutes 43 seconds

Section8 Developer City Navigation Menu
duration： 11 minutes 17 seconds

Section9 Introducing font icons for navigation menus
duration： 13 minutes 45 seconds

Section10 Make the title bar at the top of the page 01
duration： 10 minutes 25 seconds

Section11 Make the title bar at the top of the page 02
duration： 06 minutes 47 seconds
Chapter2 Product recommendations and tabs on the homepage
expand retract

Section1 Analysis of the principle of page routing interception
duration： 10 minutes 27 seconds

Section2 Home page recommended product component development and design
duration： 10 minutes 04 seconds

Section3 Get recommended product interface data and render it
duration： 10 minutes 44 seconds

Section4 Implement product list into details page
duration： 08 minutes 22 seconds

Section5 Dynamic highlighting of tabs
duration： 12 minutes 21 seconds

Section6 Switch tabs to get tabIndex
duration： 05 minutes 45 seconds

Section7 Create a public product list component
duration： 10 minutes 04 seconds

Section8 Switch tabs to request data
duration： 15 minutes 09 seconds

Section9 Component passes value to render tab data
duration： 07 minutes 46 seconds

Section10 Better Scroll component implements pull-up to load more
duration： 11 minutes 28 seconds

Section11 Integration of paginated data
duration： 12 minutes 19 seconds
Chapter3 Improve the development of home page
expand retract

Section1 Better Scroll pulls up to load more process combing
duration： 11 minutes 07 seconds

Section2 Load paginated data
duration： 08 minutes 54 seconds

Section3 Achieve jitter-free silky scrolling effect on the page
duration： 10 minutes 15 seconds

Section4 Achieve silky return to top effect
duration： 10 minutes 54 seconds

Section5 Vant component library content introduction
duration： 08 minutes 25 seconds

Section6 The vue project introduces Vant and uses Swiper carousel component
duration： 08 minutes 07 seconds

Section7 Request carousel chart data and render
duration： 07 minutes 45 seconds

Section8 Lazy loading and the use of badge components
duration： 07 minutes 18 seconds

Section9 Design and development category page
duration： 07 minutes 52 seconds

Section10 Use of sidebar component
duration： 08 minutes 47 seconds

Section11 van-card component and product details page design
duration： 08 minutes 50 seconds

Section12 Product details page development
duration： 06 minutes 18 seconds
Chapter4 Login and register
expand retract

Section1 New user registration and login page UI development
duration： 08 minutes 15 seconds

Section2 User registration form verification and submission
duration： 14 minutes 45 seconds

Section3 Email has been occupied - user registration blocked
duration： 12 minutes 16 seconds

Section4 Store the user's login credentials token on the client
duration： 09 minutes 41 seconds

Section5 Interface access unified authorization
duration： 07 minutes 11 seconds

Section6 Login jump and logout
duration： 09 minutes 00 seconds

Section7 Status detection and page port access interception
duration： 14 minutes 04 seconds

Section8 Product inventory and shopping cart quantity limits
duration： 10 minutes 00 seconds

Section9 Add to Cart and Buy Now
duration： 07 minutes 29 seconds

Section10 Store status warehouse records the number of shopping carts
duration： 12 minutes 02 seconds

Section11 Shopping cart page design
duration： 04 minutes 39 seconds
Chapter5 Project installation and deployment
expand retract

Section1 Clear shopping cart and generate preview order
duration： 12 minutes 46 seconds

Section2 Order management and product evaluation interface explanation
duration： 12 minutes 02 seconds

Section3 vue mall project packaging
duration： 07 minutes 36 seconds

Section4 Online deployment of packaged projects
duration： 11 minutes 23 seconds

Section5 Navigation guard and interface authorization issues
duration： 13 minutes 01 seconds

Section6 Project business logic review
duration： 10 minutes 51 seconds

Section7 Menu linkage--adding detailed delivery address
duration： 10 minutes 48 seconds

Section8 Create business logic related to orders
duration： 11 minutes 05 seconds

Section9 Order details and avatar upload process sorted out
duration： 09 minutes 04 seconds
Chapter6 Backend API construction
expand retract

Section1 Install wampserver on a virtual machine
duration： 12 minutes 30 seconds

Section2 Run the backend laravel project
duration： 08 minutes 06 seconds

Section3 composer installation project dependencies
duration： 05 minutes 58 seconds

Section4 Interface database migration
duration： 06 minutes 59 seconds

Section5 Activation and configuration of object storage OSS
duration： 09 minutes 05 seconds

Section6 Install and run the ewshop project
duration： 04 minutes 01 seconds

Section7 Install and run ant-design pro background
duration： 15 minutes 34 seconds

Section8 Troubleshooting logic based on the status code returned by the server
duration： 07 minutes 11 seconds

Data Name operate
[must see]Vue project practice Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5516
Collection
ElementaryCSS 2.0 Chinese Manual

6123
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

27311
Collection
AdvancedMake layout as fast as 5G: CSS Grid grid layout

31874
Collection
ElementaryThe front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]

187316
Collection
ElementaryBootstrap3 reference manual

3342
Collection
ElementaryFoundation5 Manual

905
Collection
ElementaryJavaScript Reference Manual

9481
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5737
Collection
ElementaryjQuery_API_1.4.4 Manual

4226
Collection

Start Learning

This course includes：

11 hours 27 minutes 22 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>