Name: TypeScript+Vue3.0 practical tutorial
Uploaded: 2022-05-05T13:52:30+8:00
Duration: 710 min 40 s

Chapter1Install and compile TS: Introduction to TS
07 minutes21 seconds; Install and compile TypeScript
04 minutes20 seconds
Chapter2Basic data types: Basic data types
08 minutes44 seconds; Any value (Any)
05 minutes08 seconds; type inference
03 minutes13 seconds; union type
05 minutes44 seconds; interface
07 minutes50 seconds; array
04 minutes42 seconds
Chapter3function: Function declaration, function expression
08 minutes07 seconds; Optional parameters, parameter default values
04 minutes13 seconds; Remaining parameters, overloading
06 minutes33 seconds
Chapter4type assertion: syntax to assert a union type as one of its types
09 minutes37 seconds; Assert a parent class to a more specific subclass
06 minutes00 seconds; Assert any type to any
04 minutes12 seconds; Assert any to a concrete type
04 minutes38 seconds; Limitations of type assertions
03 minutes26 seconds; double affirmation
04 minutes24 seconds; Type assertions VS generics
02 minutes57 seconds
Chapter5Tuples and Enumerations: Use the type keyword to define type aliases and string literal types
04 minutes50 seconds; tuple
04 minutes52 seconds; enumerate
03 minutes26 seconds
Chapter6kind: Concepts, constructors, properties and methods
06 minutes38 seconds; accessor
03 minutes23 seconds; static method
02 minutes39 seconds; Three access modifiers: public, private and prote
03 minutes03 seconds; Parameter properties and read-only property keywords
04 minutes26 seconds; abstract class
05 minutes32 seconds; Classes and interfaces, classes inherit interfaces, interfaces inherit interfaces, interfaces inherit classes
05 minutes49 seconds
Chapter7Generics: Concepts, simple examples
05 minutes46 seconds; multiple type parameters
04 minutes04 seconds; Generic constraints
03 minutes12 seconds; Generic interface
04 minutes38 seconds; Generic class
03 minutes41 seconds; Declaration merging, merging functions, interfaces, and classes with the same name
05 minutes29 seconds; write at the end
01 minutes38 seconds
Chapter8Vue3 practical topic: Opening introduction
04 minutes27 seconds; Vue3 running environment installation--why you need to install the running environment
06 minutes09 seconds; npm image installation
03 minutes02 seconds; VueCI scaffolding installation
07 minutes53 seconds; Create Vue3 project
04 minutes58 seconds; Project directory structure explanation
04 minutes18 seconds; vue2VSvue3 project main.js comparison
04 minutes16 seconds; Understand vue3 life cycle changes and setup functions
11 minutes53 seconds; ref, reactive responsive data life
23 minutes46 seconds; Element-puls introduction
11 minutes52 seconds; Introducing HTTP framework
03 minutes52 seconds; Encapsulating axios
16 minutes44 seconds; Morning and evening background management system page structure analysis and login page writing
25 minutes40 seconds; Complete login using axios
05 minutes34 seconds; Improve the left menu bar of the main page
24 minutes54 seconds; Design sub-routes
11 minutes24 seconds; Course list page writing
05 minutes29 seconds; Implement front-end list paging
09 minutes22 seconds; Pagination components and filter lists
16 minutes50 seconds; Project summary
03 minutes58 seconds
Chapter9vue3+Element-plus+axios actual combat: Course Introduction 01
04 minutes54 seconds; Course Introduction 02
04 minutes37 seconds; Difference comparison of vue2 vs vue3--faster
04 minutes17 seconds; vue2 vs vue3 differential comparison--volume reduction
02 minutes16 seconds; vue2 vs vue3 differential comparison--easier to maintain
04 minutes19 seconds; vue2 vs vue3 differential comparison - higher native support
02 minutes51 seconds; Project function display
06 minutes06 seconds; Development environment and technology stack
03 minutes07 seconds; Install NodeJS environment
03 minutes59 seconds; Install Vue-CLI
02 minutes39 seconds; Create front-end projects and directory introduction
07 minutes36 seconds; Install TypeScript and SCSS
07 minutes36 seconds; Introduction and use of ElementPlus
06 minutes59 seconds; Website module division
09 minutes55 seconds; Routing configuration and use
08 minutes14 seconds; Development of website header and footer and use of components
16 minutes15 seconds; The use of menu bar controls, combined with routing to achieve switching
07 minutes13 seconds; Implementation of banner carousel on home page
07 minutes24 seconds; Read carousel data from variables
07 minutes36 seconds; Use axios to read JSON data
12 minutes52 seconds; Back-end development of webapi creation, operation, and directory explanation
06 minutes13 seconds; Settings for webapi routing, and using swagger to view and debug the interface
11 minutes01 seconds; Axios reads webapi and resolves cross-domain issues
06 minutes52 seconds; Parsing cross-domain backend processing methods
04 minutes47 seconds; Solve the problem of cross-domain front-end processing
07 minutes13 seconds; Main content development of home page
08 minutes59 seconds; Flower list interface
11 minutes52 seconds; Login registration page functional analysis and User table design
04 minutes05 seconds; Introduction to SqlSugar and installation
03 minutes17 seconds; Use SqlSugar to implement Code First and create a database
06 minutes22 seconds; Use SqlSugar combined with reflection to generate tables and initialize data
10 minutes18 seconds; Service layer construction and structure introduction
09 minutes31 seconds; Installation and use of AutoMapper; Flower list interface docking database; Introduction and use of vues, through vuex state management
14 minutes28 seconds; Implementation of registration interface and submission form output parameters
08 minutes00 seconds; Backend API docking
18 minutes58 seconds; Implementation of login interface and back-end API docking
16 minutes45 seconds; Use vuex to implement status switching in the upper right corner - complete process
05 minutes53 seconds; Verification code analysis and implementation process analysis; Implementation of verification code backend interface
07 minutes52 seconds; Implementation of the verification code function front-end (click to refresh)
08 minutes08 seconds; Login and registration supplementary verification code logic
06 minutes36 seconds; Implementation of front-end list page
06 minutes32 seconds; Reading and binding of list page data
04 minutes19 seconds; Component-based development list page extraction
06 minutes40 seconds; Implementation of details page; Reading and binding of details page data; Use of breadcrumb components; Design the payment page and initiate an order creation request
04 minutes38 seconds; Create an implementation of the order interface; Order interface analysis, the importance of vouchers; Use of jwt, login and registration logic adjustment; Front-end login registration logic adjustment, token saving and parsing; Create order interface plus authentication logic; Development of personal center page; Reading and binding of order list data; Demonstration of authentication logic and various practices; The concept and implementation of IOC for back-end upgrade; Extension of IOC for back-end upgrade, usage of Autofac; Use of Axios interceptor for front-end upgrade (Part 1); Use of Axios interceptor for front-end upgrade (Part 2); Configuration and use of Log4Net (Part 1), writing text logs; Configuration and use of Log4Net (Part 2), writing database logs; Publishing and deploying the backend; Release and deploy the front end

部分浏览器不支持，请下载APP观看

Next Section： axios读取webapi，跨域问题解析2113 plays

TypeScript+Vue3.0 practical tutorial

部分浏览器不支持，请下载APP观看

Next Section： axios读取webapi，跨域问题解析2113 plays

TypeScript+Vue3.0 practical tutorial

Allpost a note