Introduction to TS

Install and compile TypeScript

Basic data types

Any value (Any)

type inference

union type

interface

array

Function declaration, function expression

Optional parameters, parameter default values

Remaining parameters, overloading

syntax to assert a union type as one of its types

Assert a parent class to a more specific subclass

Assert any type to any

Assert any to a concrete type

Limitations of type assertions

double affirmation

Type assertions VS generics

Use the type keyword to define type aliases and string literal types

tuple

enumerate

Concepts, constructors, properties and methods

accessor

static method

Three access modifiers: public, private and prote

Parameter properties and read-only property keywords

abstract class

Classes and interfaces, classes inherit interfaces, interfaces inherit interfaces, interfaces inherit classes

Concepts, simple examples

multiple type parameters

Generic constraints

Generic interface

Generic class

Declaration merging, merging functions, interfaces, and classes with the same name

write at the end

Opening introduction

Vue3 running environment installation--why you need to install the running environment

npm image installation

VueCI scaffolding installation

Create Vue3 project

Project directory structure explanation

vue2VSvue3 project main.js comparison

Understand vue3 life cycle changes and setup functions

ref, reactive responsive data life

Element-puls introduction

Introducing HTTP framework

Encapsulating axios

Morning and evening background management system page structure analysis and login page writing

Complete login using axios

Improve the left menu bar of the main page

Design sub-routes

Course list page writing

Implement front-end list paging

Pagination components and filter lists

Project summary

Course Introduction 01

Course Introduction 02

Difference comparison of vue2 vs vue3--faster

vue2 vs vue3 differential comparison--volume reduction

vue2 vs vue3 differential comparison--easier to maintain

vue2 vs vue3 differential comparison - higher native support

Project function display

Development environment and technology stack

Install NodeJS environment

Install Vue-CLI

Create front-end projects and directory introduction

Install TypeScript and SCSS

Introduction and use of ElementPlus

Website module division

Routing configuration and use

Development of website header and footer and use of components

The use of menu bar controls, combined with routing to achieve switching

Implementation of banner carousel on home page

Read carousel data from variables

Use axios to read JSON data

Back-end development of webapi creation, operation, and directory explanation

Settings for webapi routing, and using swagger to view and debug the interface

Axios reads webapi and resolves cross-domain issues

Parsing cross-domain backend processing methods

Solve the problem of cross-domain front-end processing

Main content development of home page

Flower list interface

Login registration page functional analysis and User table design

Introduction to SqlSugar and installation

Use SqlSugar to implement Code First and create a database

Use SqlSugar combined with reflection to generate tables and initialize data

Service layer construction and structure introduction

Installation and use of AutoMapper

Flower list interface docking database

Introduction and use of vues, through vuex state management

Implementation of registration interface and submission form output parameters

Backend API docking

Implementation of login interface and back-end API docking

Use vuex to implement status switching in the upper right corner - complete process

Verification code analysis and implementation process analysis

Implementation of verification code backend interface

Implementation of the verification code function front-end (click to refresh)

Login and registration supplementary verification code logic

Implementation of front-end list page

Reading and binding of list page data

Component-based development list page extraction

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

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