TypeScript+Vue3.0 practical tutorial

• Chapter1 Install and compile TS
• 1-1 Introduction to TS
• 1-2 Install and compile TypeScript
• Chapter2 Basic data types
• 2-1 Basic data types
• 2-2 Any value (Any)
• 2-3 type inference
• 2-4 union type
• 2-5 interface
• 2-6 array
• Chapter3 function
• 3-1 Function declaration, function expression
• 3-2 Optional parameters, parameter default values
• 3-3 Remaining parameters, overloading
• Chapter4 type assertion
• 4-1 syntax to assert a union type as one of its types
• 4-2 Assert a parent class to a more specific subclass
• 4-3 Assert any type to any
• 4-4 Assert any to a concrete type
• 4-5 Limitations of type assertions
• 4-6 double affirmation
• 4-7 Type assertions VS generics
• Chapter5 Tuples and Enumerations
• 5-1 Use the type keyword to define type aliases and string literal types
• 5-2 tuple
• 5-3 enumerate
• Chapter6 kind
• 6-1 Concepts, constructors, properties and methods
• 6-2 accessor
• 6-3 static method
• 6-4 Three access modifiers: public, private and prote
• 6-5 Parameter properties and read-only property keywords
• 6-6 abstract class
• 6-7 Classes and interfaces, classes inherit interfaces, interfaces inherit interfaces, interfaces inherit classes
• Chapter7 Generics
• 7-1 Concepts, simple examples
• 7-2 multiple type parameters
• 7-3 Generic constraints
• 7-4 Generic interface
• 7-5 Generic class
• 7-6 Declaration merging, merging functions, interfaces, and classes with the same name
• 7-7 write at the end
• Chapter8 Vue3 practical topic
• 8-1 Opening introduction
• 8-2 Vue3 running environment installation--why you need to install the running environment
• 8-3 npm image installation
• 8-4 VueCI scaffolding installation
• 8-5 Create Vue3 project
• 8-6 Project directory structure explanation
• 8-7 vue2VSvue3 project main.js comparison
• 8-8 Understand vue3 life cycle changes and setup functions
• 8-9 ref, reactive responsive data life
• 8-10 Element-puls introduction
• 8-11 Introducing HTTP framework
• 8-12 Encapsulating axios
• 8-13 Morning and evening background management system page structure analysis and login page writing
• 8-14 Complete login using axios
• 8-15 Improve the left menu bar of the main page
• 8-16 Design sub-routes
• 8-17 Course list page writing
• 8-18 Implement front-end list paging
• 8-19 Pagination components and filter lists
• 8-20 Project summary
• Chapter9 vue3+Element-plus+axios actual combat
• 9-1 Course Introduction 01
• 9-2 Course Introduction 02
• 9-3 Difference comparison of vue2 vs vue3--faster
• 9-4 vue2 vs vue3 differential comparison--volume reduction
• 9-5 vue2 vs vue3 differential comparison--easier to maintain
• 9-6 vue2 vs vue3 differential comparison - higher native support
• 9-7 Project function display
• 9-8 Development environment and technology stack
• 9-9 Install NodeJS environment
• 9-10 Install Vue-CLI
• 9-11 Create front-end projects and directory introduction
• 9-12 Install TypeScript and SCSS
• 9-13 Introduction and use of ElementPlus
• 9-14 Website module division
• 9-15 Routing configuration and use
• 9-16 Development of website header and footer and use of components
• 9-17 The use of menu bar controls, combined with routing to achieve switching
• 9-18 Implementation of banner carousel on home page
• 9-19 Read carousel data from variables
• 9-20 Use axios to read JSON data
• 9-21 Back-end development of webapi creation, operation, and directory explanation
• 9-22 Settings for webapi routing, and using swagger to view and debug the interface
• 9-23 Axios reads webapi and resolves cross-domain issues
• 9-24 Parsing cross-domain backend processing methods
• 9-25 Solve the problem of cross-domain front-end processing
• 9-26 Main content development of home page
• 9-27 Flower list interface
• 9-28 Login registration page functional analysis and User table design
• 9-29 Introduction to SqlSugar and installation
• 9-30 Use SqlSugar to implement Code First and create a database
• 9-31 Use SqlSugar combined with reflection to generate tables and initialize data
• 9-32 Service layer construction and structure introduction
• 9-33 Installation and use of AutoMapper
• 9-34 Flower list interface docking database
• 9-35 Introduction and use of vues, through vuex state management
• 9-36 Implementation of registration interface and submission form output parameters
• 9-37 Backend API docking
• 9-38 Implementation of login interface and back-end API docking
• 9-39 Use vuex to implement status switching in the upper right corner - complete process
• 9-40 Verification code analysis and implementation process analysis
• 9-41 Implementation of verification code backend interface
• 9-42 Implementation of the verification code function front-end (click to refresh)
• 9-43 Login and registration supplementary verification code logic
• 9-44 Implementation of front-end list page
• 9-45 Reading and binding of list page data
• 9-46 Component-based development list page extraction
• 9-47 Implementation of details page
• 9-48 Reading and binding of details page data
• 9-49 Use of breadcrumb components
• 9-50 Design the payment page and initiate an order creation request
• 9-51 Create an implementation of the order interface
• 9-52 Order interface analysis, the importance of vouchers
• 9-53 Use of jwt, login and registration logic adjustment
• 9-54 Front-end login registration logic adjustment, token saving and parsing
• 9-55 Create order interface plus authentication logic
• 9-56 Development of personal center page
• 9-57 Reading and binding of order list data
• 9-58 Demonstration of authentication logic and various practices
• 9-59 The concept and implementation of IOC for back-end upgrade
• 9-60 Extension of IOC for back-end upgrade, usage of Autofac
• 9-61 Use of Axios interceptor for front-end upgrade (Part 1)
• 9-62 Use of Axios interceptor for front-end upgrade (Part 2)
• 9-63 Configuration and use of Log4Net (Part 1), writing text logs
• 9-64 Configuration and use of Log4Net (Part 2), writing database logs
• 9-65 Publishing and deploying the backend
• 9-66 Release and deploy the front end