Praktisches Tutorial zu TypeScript+Vue3.0

• Kapitel1 TS installieren und kompilieren
• 1-1 Einführung in TS
• 1-2 TypeScript installieren und kompilieren
• Kapitel2 Grundlegende Datentypen
• 2-1 Grundlegende Datentypen
• 2-2 Beliebiger Wert (Any)
• 2-3 Typinferenz
• 2-4 Gewerkschaftstyp
• 2-5 Schnittstelle
• 2-6 Array
• Kapitel3 Funktion
• 3-1 Funktionsdeklaration, Funktionsausdruck
• 3-2 Optionale Parameter, Parameter-Standardwerte
• 3-3 Verbleibende Parameter, Überlastung
• Kapitel4 Typzusicherung
• 4-1 Syntax, um einen Union-Typ als einen seiner Typen zu behaupten
• 4-2 Setzen Sie eine übergeordnete Klasse auf eine spezifischere Unterklasse
• 4-3 Behaupten Sie einen beliebigen Typ für jeden
• 4-4 Setzen Sie „any“ auf einen konkreten Typ
• 4-5 Einschränkungen von Typzusicherungen
• 4-6 doppelte Bestätigung
• 4-7 Typzusicherungen vs. Generika
• Kapitel5 Tupel und Aufzählungen
• 5-1 Verwenden Sie das Schlüsselwort „type“, um Typaliase und Zeichenfolgenliteraltypen zu definieren
• 5-2 Tupel
• 5-3 aufzählen
• Kapitel6 Art
• 6-1 Konzepte, Konstruktoren, Eigenschaften und Methoden
• 6-2 Zugriffsberechtigter
• 6-3 statische Methode
• 6-4 Drei Zugriffsmodifikatoren: öffentlich, privat und geschützt
• 6-5 Parametereigenschaften und schreibgeschützte Eigenschaftsschlüsselwörter
• 6-6 abstrakte Klasse
• 6-7 Klassen und Schnittstellen, Klassen erben Schnittstellen, Schnittstellen erben Schnittstellen, Schnittstellen erben Klassen
• Kapitel7 Generika
• 7-1 Konzepte, einfache Beispiele
• 7-2 mehrere Typparameter
• 7-3 Allgemeine Einschränkungen
• 7-4 Generische Schnittstelle
• 7-5 Generische Klasse
• 7-6 Zusammenführen von Deklarationen, Zusammenführen von Funktionen, Schnittstellen und Klassen mit demselben Namen
• 7-7 schreibe am Ende
• Kapitel8 Vue3 praktisches Thema
• 8-1 Eröffnungseinleitung
• 8-2 Installation der Vue3-Laufumgebung – warum Sie die Laufumgebung installieren müssen
• 8-3 NPM-Image-Installation
• 8-4 VueCI-Gerüstinstallation
• 8-5 Erstellen Sie ein Vue3-Projekt
• 8-6 Erläuterung der Struktur des Projektverzeichnisses
• 8-7 vue2VSvue3-Projekt main.js Vergleich
• 8-8 Verstehen Sie die Änderungen im Vue3-Lebenszyklus und die Einrichtungsfunktionen
• 8-9 ref, reaktives, responsives Datenleben
• 8-10 Einführung in den Elementpuls
• 8-11 Einführung des HTTP-Frameworks
• 8-12 Axios kapseln
• 8-13 Morgens und abends Analyse der Seitenstruktur des Hintergrundverwaltungssystems und Schreiben der Anmeldeseite
• 8-14 Vollständige Anmeldung mit axios
• 8-15 Verbessern Sie die linke Menüleiste der Hauptseite
• 8-16 Unterrouten entwerfen
• 8-17 Schreiben einer Kurslistenseite
• 8-18 Implementieren Sie Front-End-Listen-Paging
• 8-19 Paginierungskomponenten und Filterlisten
• 8-20 Projektzusammenfassung
• Kapitel9 vue3+Element-plus+axios tatsächlicher Kampf
• 9-1 Kurseinführung 01
• 9-2 Kurseinführung 02
• 9-3 Unterschiedsvergleich von vue2 vs. vue3 – schneller
• 9-4 Differenzvergleich zwischen vue2 und vue3 – Volumenreduzierung
• 9-5 Differenzialvergleich vue2 vs. vue3 – einfacher zu warten
• 9-6 Differenzvergleich zwischen vue2 und vue3 – höhere native Unterstützung
• 9-7 Anzeige der Projektfunktion
• 9-8 Entwicklungsumgebung und Technologie-Stack
• 9-9 Installieren Sie die NodeJS-Umgebung
• 9-10 Installieren Sie Vue-CLI
• 9-11 Erstellen Sie Front-End-Projekte und Verzeichniseinführungen
• 9-12 Installieren Sie TypeScript und SCSS
• 9-13 Einführung und Verwendung von ElementPlus
• 9-14 Abteilung für Website-Module
• 9-15 Routing-Konfiguration und -Nutzung
• 9-16 Entwicklung von Website-Header und -Footer und Einsatz von Komponenten
• 9-17 Die Verwendung von Menüleisten-Steuerelementen kombiniert mit Routing, um eine Umschaltung zu erreichen
• 9-18 Implementierung eines Bannerkarussells auf der Startseite
• 9-19 Karusselldaten aus Variablen lesen
• 9-20 Verwenden Sie Axios, um JSON-Daten zu lesen
• 9-21 Back-End-Entwicklung der Webapi-Erstellung, -Bedienung und -Verzeichniserklärung
• 9-22 Einstellungen für das Webapi-Routing und die Verwendung von Swagger zum Anzeigen und Debuggen der Schnittstelle
• 9-23 Axios liest Webapi und behebt domänenübergreifende Probleme
• 9-24 Parsen domänenübergreifender Backend-Verarbeitungsmethoden
• 9-25 Lösen Sie das Problem der domänenübergreifenden Front-End-Verarbeitung
• 9-26 Hauptinhaltliche Entwicklung der Homepage
• 9-27 Blumenlisten-Schnittstelle
• 9-28 Funktionsanalyse der Anmelderegistrierungsseite und Design der Benutzertabelle
• 9-29 Einführung in SqlSugar und Installation
• 9-30 Verwenden Sie SqlSugar, um Code First zu implementieren und eine Datenbank zu erstellen
• 9-31 Verwenden Sie SqlSugar in Kombination mit Reflection, um Tabellen zu generieren und Daten zu initialisieren
• 9-32 Aufbau der Serviceschicht und Einführung der Struktur
• 9-33 Installation und Verwendung von AutoMapper
• 9-34 Docking-Datenbank für die Schnittstelle „Blumenliste“.
• 9-35 Einführung und Verwendung von Vues durch Vuex-Statusverwaltung
• 9-36 Implementierung der Registrierungsschnittstelle und Ausgabeparameter des Einreichungsformulars
• 9-37 Andocken der Backend-API
• 9-38 Implementierung der Login-Schnittstelle und des Backend-API-Dockings
• 9-39 Verwenden Sie vuex, um den Statuswechsel in der oberen rechten Ecke zu implementieren – Vorgang abschließen
• 9-40 Analyse des Verifizierungscodes und Analyse des Implementierungsprozesses
• 9-41 Implementierung der Back-End-Schnittstelle für Verifizierungscodes
• 9-42 Implementierung des Verifizierungscode-Funktions-Frontends (zum Aktualisieren klicken)
• 9-43 Zusätzliche Verifizierungscode-Logik für Anmeldung und Registrierung
• 9-44 Implementierung einer Frontend-Listenseite
• 9-45 Lesen und Binden von Listenseitendaten
• 9-46 Komponentenbasierte Seitenextraktion für die Entwicklungsliste
• 9-47 Implementierung der Detailseite
• 9-48 Lesen und Binden von Detailseitendaten
• 9-49 Verwendung von Breadcrumb-Komponenten
• 9-50 Entwerfen Sie die Zahlungsseite und initiieren Sie eine Anfrage zur Auftragserstellung
• 9-51 Erstellen Sie eine Implementierung der Bestellschnittstelle
• 9-52 Bestellschnittstellenanalyse, die Bedeutung von Gutscheinen
• 9-53 Verwendung von JWT, Anpassung der Anmelde- und Registrierungslogik
• 9-54 Anpassung der Front-End-Login-Registrierungslogik, Token-Speicherung und -Analyse
• 9-55 Bestellschnittstelle plus Authentifizierungslogik erstellen
• 9-56 Entwicklung einer persönlichen Center-Seite
• 9-57 Auslesen und Binden von Bestelllistendaten
• 9-58 Demonstration der Authentifizierungslogik und verschiedener Praktiken
• 9-59 Das Konzept und die Implementierung von IOC für Back-End-Upgrades
• 9-60 Erweiterung von IOC für Backend-Upgrade, Nutzung von Autofac
• 9-61 Verwendung von Axios Interceptor für Front-End-Upgrade (Teil 1)
• 9-62 Verwendung von Axios Interceptor für Front-End-Upgrade (Teil 2)
• 9-63 Konfiguration und Nutzung von Log4Net (Teil 1), Schreiben von Textprotokollen
• 9-64 Konfiguration und Nutzung von Log4Net (Teil 2), Schreiben von Datenbankprotokollen
• 9-65 Veröffentlichung und Bereitstellung des Backends
• 9-66 Geben Sie das Frontend frei und stellen Sie es bereit