Einführung in TS

TypeScript installieren und kompilieren

Grundlegende Datentypen

Beliebiger Wert (Any)

Typinferenz

Gewerkschaftstyp

Schnittstelle

Array

Funktionsdeklaration, Funktionsausdruck

Optionale Parameter, Parameter-Standardwerte

Verbleibende Parameter, Überlastung

Syntax, um einen Union-Typ als einen seiner Typen zu behaupten

Setzen Sie eine übergeordnete Klasse auf eine spezifischere Unterklasse

Behaupten Sie einen beliebigen Typ für jeden

Setzen Sie „any“ auf einen konkreten Typ

Einschränkungen von Typzusicherungen

doppelte Bestätigung

Typzusicherungen vs. Generika

Verwenden Sie das Schlüsselwort „type“, um Typaliase und Zeichenfolgenliteraltypen zu definieren

Tupel

aufzählen

Konzepte, Konstruktoren, Eigenschaften und Methoden

Zugriffsberechtigter

statische Methode

Drei Zugriffsmodifikatoren: öffentlich, privat und geschützt

Parametereigenschaften und schreibgeschützte Eigenschaftsschlüsselwörter

abstrakte Klasse

Klassen und Schnittstellen, Klassen erben Schnittstellen, Schnittstellen erben Schnittstellen, Schnittstellen erben Klassen

Konzepte, einfache Beispiele

mehrere Typparameter

Allgemeine Einschränkungen

Generische Schnittstelle

Generische Klasse

Zusammenführen von Deklarationen, Zusammenführen von Funktionen, Schnittstellen und Klassen mit demselben Namen

schreibe am Ende

Eröffnungseinleitung

Installation der Vue3-Laufumgebung – warum Sie die Laufumgebung installieren müssen

NPM-Image-Installation

VueCI-Gerüstinstallation

Erstellen Sie ein Vue3-Projekt

Erläuterung der Struktur des Projektverzeichnisses

vue2VSvue3-Projekt main.js Vergleich

Verstehen Sie die Änderungen im Vue3-Lebenszyklus und die Einrichtungsfunktionen

ref, reaktives, responsives Datenleben

Einführung in den Elementpuls

Einführung des HTTP-Frameworks

Axios kapseln

Morgens und abends Analyse der Seitenstruktur des Hintergrundverwaltungssystems und Schreiben der Anmeldeseite

Vollständige Anmeldung mit axios

Verbessern Sie die linke Menüleiste der Hauptseite

Unterrouten entwerfen

Schreiben einer Kurslistenseite

Implementieren Sie Front-End-Listen-Paging

Paginierungskomponenten und Filterlisten

Projektzusammenfassung

Kurseinführung 01

Kurseinführung 02

Unterschiedsvergleich von vue2 vs. vue3 – schneller

Differenzvergleich zwischen vue2 und vue3 – Volumenreduzierung

Differenzialvergleich vue2 vs. vue3 – einfacher zu warten

Differenzvergleich zwischen vue2 und vue3 – höhere native Unterstützung

Anzeige der Projektfunktion

Entwicklungsumgebung und Technologie-Stack

Installieren Sie die NodeJS-Umgebung

Installieren Sie Vue-CLI

Erstellen Sie Front-End-Projekte und Verzeichniseinführungen

Installieren Sie TypeScript und SCSS

Einführung und Verwendung von ElementPlus

Abteilung für Website-Module

Routing-Konfiguration und -Nutzung

Entwicklung von Website-Header und -Footer und Einsatz von Komponenten

Die Verwendung von Menüleisten-Steuerelementen kombiniert mit Routing, um eine Umschaltung zu erreichen

Implementierung eines Bannerkarussells auf der Startseite

Karusselldaten aus Variablen lesen

Verwenden Sie Axios, um JSON-Daten zu lesen

Back-End-Entwicklung der Webapi-Erstellung, -Bedienung und -Verzeichniserklärung

Einstellungen für das Webapi-Routing und die Verwendung von Swagger zum Anzeigen und Debuggen der Schnittstelle

Axios liest Webapi und behebt domänenübergreifende Probleme

Parsen domänenübergreifender Backend-Verarbeitungsmethoden

Lösen Sie das Problem der domänenübergreifenden Front-End-Verarbeitung

Hauptinhaltliche Entwicklung der Homepage

Blumenlisten-Schnittstelle

Funktionsanalyse der Anmelderegistrierungsseite und Design der Benutzertabelle

Einführung in SqlSugar und Installation

Verwenden Sie SqlSugar, um Code First zu implementieren und eine Datenbank zu erstellen

Verwenden Sie SqlSugar in Kombination mit Reflection, um Tabellen zu generieren und Daten zu initialisieren

Aufbau der Serviceschicht und Einführung der Struktur

Installation und Verwendung von AutoMapper

Docking-Datenbank für die Schnittstelle „Blumenliste“.

Einführung und Verwendung von Vues durch Vuex-Statusverwaltung

Implementierung der Registrierungsschnittstelle und Ausgabeparameter des Einreichungsformulars

Andocken der Backend-API

Implementierung der Login-Schnittstelle und des Backend-API-Dockings

Verwenden Sie vuex, um den Statuswechsel in der oberen rechten Ecke zu implementieren – Vorgang abschließen

Analyse des Verifizierungscodes und Analyse des Implementierungsprozesses

Implementierung der Back-End-Schnittstelle für Verifizierungscodes

Implementierung des Verifizierungscode-Funktions-Frontends (zum Aktualisieren klicken)

Zusätzliche Verifizierungscode-Logik für Anmeldung und Registrierung

Implementierung einer Frontend-Listenseite

Lesen und Binden von Listenseitendaten

Komponentenbasierte Seitenextraktion für die Entwicklungsliste

Implementierung der Detailseite

Lesen und Binden von Detailseitendaten

Verwendung von Breadcrumb-Komponenten

Entwerfen Sie die Zahlungsseite und initiieren Sie eine Anfrage zur Auftragserstellung

Erstellen Sie eine Implementierung der Bestellschnittstelle

Bestellschnittstellenanalyse, die Bedeutung von Gutscheinen

Verwendung von JWT, Anpassung der Anmelde- und Registrierungslogik

Anpassung der Front-End-Login-Registrierungslogik, Token-Speicherung und -Analyse

Bestellschnittstelle plus Authentifizierungslogik erstellen

Entwicklung einer persönlichen Center-Seite

Auslesen und Binden von Bestelllistendaten

Demonstration der Authentifizierungslogik und verschiedener Praktiken

Das Konzept und die Implementierung von IOC für Back-End-Upgrades

Erweiterung von IOC für Backend-Upgrade, Nutzung von Autofac

Verwendung von Axios Interceptor für Front-End-Upgrade (Teil 1)

Verwendung von Axios Interceptor für Front-End-Upgrade (Teil 2)

Konfiguration und Nutzung von Log4Net (Teil 1), Schreiben von Textprotokollen

Konfiguration und Nutzung von Log4Net (Teil 2), Schreiben von Datenbankprotokollen

Veröffentlichung und Bereitstellung des Backends

Geben Sie das Frontend frei und stellen Sie es bereit