Einführung in die Kursübersicht

Anzeige der Projekteffekte

Produktentwicklungsprozess

Projektaufbau und automatischer Zugang

Vue- und CLI-Multiversionsumschaltung

Projektaufbau

elementUI globale und On-Demand-Konfiguration

CSS-Präprozessor und Stil-Reset

Installieren und verwenden Sie die Symbolbibliothek

Installation und Verwendung von Axios und Routing

Routing von Lazy Loading und asynchronen Komponenten

Einfache Überprüfung der Anmeldeseite

Erweiterte Überprüfung der Anmeldeseite

Kapselung der Anmeldeüberprüfung und Token-Kapselung

Schnittstellenbeschreibung und Postman-Verifizierung

axios Sekundärverpackung

Kapselung der Anmeldemethode und 404

Kopf- und Fußzeilenkomponenten

Grundlegende Implementierung von Menü- und Modulrouting

Menüführung und Breadcrumbs

API-Paket zum Rendern von Studentenlisten

Konvertierung tabellarischer Daten

Implementierung von Front-End-Paging

So löschen Sie Duplikate aus der Studentenliste

Implementierung der Informationslistenseite

Änderungs-Popup-Fenster zur Wiederverwendung hinzugefügt

Neues Paket zum Ändern der API hinzugefügt

Hinzufügen, löschen, ändern, prüfen, kapseln und wiederverwenden

Kapselung von Tabellendatenmethoden

Backend-Paging-Methode

Kapselung und Wiederverwendung von Paging-Komponenten

ECharts-Histogrammimplementierung

Implementierung des ECharts-Liniendiagramms

Grundlegende Kartenzeichnung von ECharts

Einstellungen für den Kartenbereichsstil

Regionale Text- und Stereoeinstellungen

Ordnen Sie die Einzelpunkt-Ripple-Konfiguration zu

Kartenkonfiguration für Mehrpunkt-Streudiagramme

Konfiguration eines Liniendiagramms zuordnen

Einstellung für den Einzellinienstil der Karte

Implementierung eines Streuliniendiagramms

Bezug von Online-Kartenressourcen

Baumkontrolle und Routing-Berechtigungsanalyse

Rufen Sie den ausgewählten Wert des Baumsteuerelements ab

Überprüfung des Abfangens des Routennavigationswächters

Vue-Projektverpackung Nginx-Bereitstellung

Nginx-Bereitstellungsaktualisierungsproblem 404

Problem mit der Nginx-Projektbereitstellung 500

Wiederaufbau und Bau des TS-Projekts

Installation der Abhängigkeiten des TS-Rekonstruktionsprojekts

main.ts-Rekonstruktion und Fehlerbehandlung

Routing TS-Rekonstruktion

API.ts-Refactoring

Implementierung der TS-Rekonstruktion

Rekonstruktion und Zusammenfassung der Anmeldeseite

Vue3-Projektkonstruktion

Das Vue3-Projekt hängt von der Installation ab

Globale Verwendung von ElementPlus und Axios

Vue3-Refactoring-Code-Migration

Vue3-Rekonstruktionsfehlerberichtslösung

Vue3 Refactor-Menükomponente

main.js überarbeitet und verbessert

Rekonstruktion der Einrichtung der Vue3-Datenübersichtsseite

Rekonstruktion der Vue3-Kartenübersicht

Rekonstruktion der Vue3-Reisekarte

Praktische Zusammenfassung des Projekts