VUE E-Commerce-Projekt (Front-End- und Back-End-Doppelprojekt, tatsächlicher Kampf)

• Kapitel1 Projektinitialisierung
• 1-1 Einführung in das Tutorial
• 1-2 vue-cli-Gerüstinitialisierungsprojekt
• 1-3 Andere Konfigurationen des Projekts
• Kapitel2 Projektrouting
• 2-1 Analyse des Projektablaufs
• 2-2 Nicht-Routing-Komponenten für Kopf- und Fußzeile abgeschlossen
• 2-3 Schließen Sie die Konstruktion der Routing-Komponenten ab
• 2-4 Verwendung von Routing-Metainformationen
• 2-5 Routenübergabeparameter
• 2-6 Interviewfragen im Zusammenhang mit Routing-Übertragungsparametern
• 2-7 Überschreiben Sie Push- und Replacement-Methoden
• Kapitel3 statische Komponenten
• 3-1 Geschäftsanalyse der Komponentenaufteilung auf der Startseite
• 3-2 Die dreistufige globale Verknüpfungskomponente von TypeNav wurde fertiggestellt
• 3-3 Statische Komponenten aufteilen
• Kapitel4 Schnittstelle
• 4-1 Ergänzende Videoaufzeichnungsanweisungen (Schnittstelle und andere Probleme)
• 4-2 POSTMAN-Tool-Testschnittstelle
• 4-3 axios Sekundärverpackung
• 4-4 Einheitliche Verwaltung von API-Schnittstellen
• Kapitel5 Verknüpfung der Stufe drei
• 5-1 Verwendung des nprogress-Fortschrittsbalkens
• 5-2 Entwicklung von Vuex-Vorlagen
• 5-3 Zeigen Sie dreistufige Verknüpfungsdaten dynamisch an
• 5-4 Vollständige dynamische Hintergrundfarbe der dreistufigen Verknüpfung
• 5-5 Steuern Sie das Anzeigen und Ausblenden sekundärer und tertiärer Kategorien über JS
• 5-6 Das Demo-Stotter-Phänomen führt zu Anti-Shake und Throttling
• 5-7 Verständnis der Anti-Shake-Funktion
• 5-8 Funktionsdrosselung verstehen
• 5-9 Dreistufige Gestängedrosselung
• 5-10 Analyse von dreistufigen Linkage-Routing-Sprüngen
• 5-11 Vervollständigen Sie die Routing-Sprung- und Parameterübertragungsdienste der dreistufigen Verknüpfung
• 5-12 Rezension
• Kapitel6 Kategorien
• 6-1 Produktklassifizierung und Übergangsanimation im Suchmodul
• 6-2 Optimierung der TypeNav-Produktklassifizierungsliste
• 6-3 Parameter zusammenführen
• 6-4 MockJS simulieren Daten
• 6-5 Holen Sie sich die Daten des Banner-Karusselldiagramms
• 6-6 Grundlegende Verwendung von Swiper
• 6-7 Banner implementiert die erste Lösung für Karusselldiagramme
• 6-8 Karusselldiagramm löst das Problem durch watch+nectTick
• 6-9 Erhalten Sie Scheindaten für Bodenkomponenten
• 6-10 Bodenkomponenten dynamisch anzeigen
• 6-11 Gemeinsame Komponente Carsouel
• Kapitel7 Suchmodul
• 7-1 Statische Komponenten des Suchmoduls
• 7-2 Suchmodul Veux-Betrieb
• 7-3 Produktliste im Suchmodul dynamisch anzeigen
• 7-4 Das Suchmodul erhält eine Datenanzeige basierend auf verschiedenen Parametern
• 7-5 Dynamische Entwicklung von Unterkomponenten im Suchmodul
• 7-6 Überwachen Sie Routenänderungen und senden Sie eine weitere Anfrage, um Daten abzurufen.
• Kapitel8 Semmelbrösel
• 8-1 Klassifizierungsvorgänge für die Breadcrumb-Verarbeitung
• 8-2 Schlüsselwort für die Breadcrumb-Verarbeitung
• 8-3 Breadcrumbing-Markeninformationen
• 8-4 Betrieb von Plattform-Verkaufsattributen
• Kapitel9 Sortieren
• 9-1 Sortiervorgang (Teil 1)
• 9-2 Sortiervorgang (Teil 2)
• 9-3 Statische Paginator-Komponente
• 9-4 Sortierbewertung
• Kapitel10 Seitennummerierung
• 10-1 Analyse der Paging-Funktion
• 10-2 Berechnung der Start- und Endnummer des Pagers
• 10-3 Dynamische Paginator-Anzeige
• 10-4 Paginator abgeschlossen
• 10-5 Paginator fügt Klassennamen hinzu
• 10-6 Scrollverhalten
• 10-7 Produktdetails-Datenerfassung
• 10-8 Produktdetails zeigen dynamische Daten an
• 10-9 Paginator Review-Crop
• 10-10 Die Zoom-Lupe zeigt das Zuschneiden von Daten an
• 10-11 Die Detail-Routing-Komponente zeigt Produktverkaufsattribute zum Zuschneiden an
• 10-12 Produktverkaufsattributwert exklusive Operation-Zuschneiden
• Kapitel11 Lupe
• 11-1 Lupenbedienung (Teil 1)
• 11-2 Lupe vorbei
• Kapitel12 Einkaufswagen
• 12-1 Vorgang zum Einkauf der Produktmenge
• 12-2 in den Warenkorb legen
• 12-3 Beurteilung von Erfolg und Misserfolg des Hinzufügens zum Warenkorb
• 12-4 Vorgang zum Hinzufügen zum Warenkorb
• 12-5 Routenübergabeparameter kombiniert mit Sitzungsspeicherung
• 12-6 Statische Komponenten und Modifikationen im Warenkorb
• 12-7 Erhalten Sie Warenkorbdaten mit uuid-Besucheridentität
• 12-8 Dynamische Anzeigedaten des Warenkorbs
• 12-9 Produktmenge verarbeiten
• 12-10 Die Änderung der Produktmenge im Warenkorb ist abgeschlossen
• 12-11 Warenkorbprodukte löschen
• 12-12 Produktstatus ändern
• 12-13 Rezension
• 12-14 Alle ausgewählten Produkte löschen
• 12-15 Ändern Sie den Prüfstatus aller Produkte
• Kapitel13 Anmeldung Registrieren
• 13-1 Melden Sie sich an und registrieren Sie statische Komponenten
• 13-2 Gewerbe anmelden (Teil 1)
• 13-3 Gewerbe anmelden (Teil 2)
• 13-4 Login-Geschäft (Token)
• 13-5 Bei der Benutzeranmeldung handelt es sich um ein Token zum Abrufen von Benutzerinformationen
• 13-6 Erläutern Sie die bestehenden Probleme im Login-Geschäft
• 13-7 Abmelden
• Kapitel14 Navigationsschutz
• 14-1 Verständnis für Navigationswächter
• 14-2 Urteil der Navigationswache
• 14-3 Benutzeranmeldevorgang für den Navigationsschutz
• Kapitel15 Transaktions-, Zahlungs- und Personalcenter
• 15-1 statische Handelskomponente
• 15-2 Rufen Sie Transaktionsseitendaten ab
• 15-3 Anzeige von Benutzeradressinformationen
• 15-4 Transaktionsseite abgeschlossen
• 15-5 Bestellung absenden
• 15-6 Bestellnummer abrufen und Zahlungsinformationen anzeigen
• 15-7 Verwenden Sie ElementUI auf der Zahlungsseite und führen Sie es bei Bedarf ein
• 15-8 WeChat-Zahlungsgeschäft (Teil 1)
• 15-9 WeChat Pay (Teil 2)
• 15-10 Persönlicher zentraler sekundärer Routing-Aufbau
• 15-11 meine Bestellung
• 15-12 Urteil des nicht angemeldeten Navigationswächters
• 15-13 Benutzeranmeldung (exklusives Routing und Schutz innerhalb der Komponenten)
• 15-14 Verzögertes Laden von Bildern
• 15-15 Verwendung der Formularvalidierung durch vee-validate
• 15-16 Verzögertes Laden von Routen
• 15-17 Prozesskartendateien
• 15-18 Kaufen Sie einen Server
• 15-19 Sicherheitsgruppen und xshell-Operationen
• 15-20 Nginx-Reverse-Proxy
• Kapitel16 Komponentenkommunikation
• 16-1 6 Möglichkeiten zur Kommunikation zwischen Komponenten
• 16-2 Benutzerdefinierte Ereignistiefe
• 16-3 V-Modus im Detail
• 16-4 Synchronisierungsattributmodifikator
• 16-5 $attrs与$listeners
• 16-6 $Kinder与$Eltern
• 16-7 Mixin Mixin
• 16-8 Zielfernrohrschlitz
• Kapitel17 Backend-Managementsystem
• 17-1 Einführung in das Backend-Managementsystem-Projekt
• 17-2 Einführung in Hintergrundverwaltungssystemvorlagen
• 17-3 Anmeldevorgang abgeschlossen
• 17-4 Abmelden
• 17-5 Der Aufbau des Routings
• 17-6 Statische Komponenten der Markenführung
• 17-7 Anzeige der Markenliste
• 17-8 Fügen Sie eine Markendomäne hinzu und ändern Sie die statische Vervollständigung der Marke
• 17-9 Das Hinzufügen der Marke ist abgeschlossen
• 17-10 Markenänderung abgeschlossen
• 17-11 Validierung der Markenform (benutzerdefinierte Validierungsregeln)
• 17-12 Markenvorgang löschen
• 17-13 Produktmanagement dreistufige Verknüpfung statischer Komponenten
• 17-14 Dynamische Anzeige der dreistufigen Verknüpfung
• 17-15 Dreistufige Verknüpfung abgeschlossen
• 17-16 Dynamische Anzeigeattribute für die Plattformattributverwaltung
• 17-17 Das Hinzufügen von Attributen und das Ändern von Attributen von Plattformattributen erfolgt statisch
• 17-18 Vorgang zum Sammeln von Attributnamen
• 17-19 Sammlungsattributwertoperation
• 17-20 Lösen Sie das Problem des Datenechos der Zurück-Taste
• 17-21 Attributoperationen ändern
• 17-22 Wechseln Sie zwischen Ansichtsmodus und Änderungsmodus
• 17-23 Hinweise zum Ansichtsmodus und Bearbeitungsmodus
• 17-24 Wechseln Sie zwischen Anzeige- und Bearbeitungsmodus geänderter Eigenschaften
• 17-25 Implementierung des automatischen Fokus auf Formularelemente
• 17-26 Einen Attributwert löschen
• 17-27 Vorgang speichern
• 17-28 Bedienbarkeit per Knopfdruck und dreistufiger Verknüpfung
• 17-29 Geschäftseinführung des SPU-Managementmoduls
• 17-30 SPU-Verwaltungsmodul statisch
• 17-31 SPU-Liste dynamisch anzeigen
• 17-32 Wechsel der SPU-Verwaltungsinhalte
• 17-33 Statische SpuForm-Komponente abgeschlossen
• 17-34 Analyse des SpuForm-Anfragegeschäfts
• 17-35 Holen Sie sich SpuForm-Daten
• 17-36 Anzeige und Datenerfassung der SpuForm-Komponentendaten
• 17-37 Datenanzeige von SpuForm-Verkaufsattributen
• 17-38 Vervollständigen Sie die Sammlung der SpuForm-Fotowanddaten
• 17-39 Vorgang zum Hinzufügen von Verkaufsattributen
• 17-40 Anzeige und Sammlung von Verkaufsattributwerten
• 17-41 Löschen Sie Vorgänge für Verkaufsattribute und Attributwerte
• 17-42 Schließen Sie den Speichervorgang der geänderten SPU ab
• 17-43 Schließen Sie den Vorgang zum Hinzufügen von SPU ab
• 17-44 Eine SPU löschen
• 17-45 Komplette statische SKU-Komponente
• 17-46 SKUForm-Daten abrufen
• 17-47 SKU anzeigen und SKU-Daten sammeln
• 17-48 Fügen Sie die Anzeige und Sammlung von SKU-Bildlistendaten hinzu
• 17-49 Schließen Sie den Speichervorgang zum Hinzufügen der SKU ab
• 17-50 Anzeige der SKU-Liste
• 17-51 loding wirkung
• 17-52 SKU-Moduldatenanzeige und Paging-Funktion
• 17-53 SKU-Auf- und Abbauvorgänge
• 17-54 Ansicht der SKU-Details abgeschlossen
• 17-55 Tiefenwähler
• 17-56 Einführung in die Datenvisualisierung
• 17-57 Canvas zeichnet Liniensegmente
• 17-58 Leinwand zeichnet Rechteck
• 17-59 Zeichne einen Kreis
• 17-60 Leinwand löschen und Text zeichnen
• 17-61 Zeichnen Sie ein Balkendiagramm
• 17-62 Grundlegende Verwendung von SVG
• 17-63 Grundlegende Verwendung von Echarts
• 17-64 Diagramme zeigt mehrere Diagramme an
• 17-65 Ein Container zeigt mehrere Diagramme an
• 17-66 Verwendung des Datensatzes in Echarts
• 17-67 Verwendung der integrierten Echarts-Komponenten
• 17-68 Echarts-Koordinatensystem
• 17-69 Statische HomeCard-Komponente
• 17-70 Liniendiagramm abgeschlossen
• 17-71 Balkendiagramm und Fortschrittsbalken abgeschlossen
• 17-72 Verkauf statische Komponente (Teil 1)
• 17-73 Verkauf statische Komponente (mittel)
• 17-74 Verkaufskomponente abgeschlossen
• 17-75 Statische Komponente beachten
• 17-76 Scheindaten dynamisch anzeigen
• 17-77 Einführung in das Berechtigungsverwaltungsmodul
• 17-78 Quergespräch zum Berechtigungsverwaltungsmodul
• 17-79 Menü- und Schaltflächenberechtigungen