Entwurf der Projektdatei- und Verzeichnisstruktur

Projektinitialisierung – Initialisierung im Stil

Initialisierung des Komponentenverzeichnisses

Initialisierung des Netzwerkanforderungsverzeichnisses

Routing und andere Verzeichnisinitialisierung

vue.config.js Alias-Alias ​​konfigurieren

So verwenden Sie Aliase in Stilen

Navigationsmenü der Entwicklerstadt

Einführung von Schriftartsymbolen für Navigationsmenüs

Erstellen Sie die Titelleiste oben auf der Seite 01

Machen Sie die Titelleiste oben auf der Seite 02

Analyse des Prinzips des Seitenrouting-Abfangens

Auf der Startseite wird die Entwicklung und das Design von Produktkomponenten empfohlen

Erhalten Sie empfohlene Produktschnittstellendaten und rendern Sie sie

Implementieren Sie die Produktliste in die Detailseite

Dynamische Hervorhebung von Tabs

Wechseln Sie die Registerkarten, um tabIndex zu erhalten

Erstellen Sie eine öffentliche Produktlistenkomponente

Wechseln Sie zwischen den Registerkarten, um Daten anzufordern

Die Komponente übergibt einen Wert, um Tab-Daten zu rendern

Die bessere Scroll-Komponente implementiert Pull-up, um mehr zu laden

Integration paginierter Daten

Better Scroll wird aufgerufen und lädt weitere Prozesse zum Sortieren

Laden Sie paginierte Daten

Erzielen Sie einen zitterfreien, seidigen Scrolleffekt auf der Seite

Erzielen Sie einen seidigen Return-to-Top-Effekt

Einführung in den Inhalt der Vant-Komponentenbibliothek

Das Vue-Projekt führt Vant ein und verwendet die Swiper-Karussellkomponente

Karusselldiagrammdaten anfordern und rendern

Lazy Loading und die Verwendung von Badge-Komponenten

Kategorieseite für Design und Entwicklung

Verwendung der Sidebar-Komponente

Van-Card-Komponente und Produktdetailseitendesign

Entwicklung der Produktdetailseite

Neue Benutzerregistrierung und Entwicklung der Benutzeroberfläche für die Anmeldeseite

Überprüfung und Übermittlung des Benutzerregistrierungsformulars

E-Mail ist belegt – Benutzerregistrierung gesperrt

Speichern Sie das Anmeldeinformationstoken des Benutzers auf dem Client

Einheitliche Autorisierung für den Schnittstellenzugriff

Login-Sprung und Logout

Statuserkennung und Abfangen des Seitenportzugriffs

Produktbestands- und Warenkorbmengenbeschränkungen

In den Warenkorb legen und jetzt kaufen

Das Filialstatuslager erfasst die Anzahl der Warenkörbe

Design der Warenkorbseite

Warenkorb leeren und Vorschaubestellung generieren

Erläuterung der Schnittstelle zur Auftragsverwaltung und Produktbewertung

Vue Mall-Projektverpackung

Online-Bereitstellung von Paketprojekten

Probleme mit dem Navigationsschutz und der Schnittstellenautorisierung

Überprüfung der Geschäftslogik des Projekts

Menüverknüpfung – Hinzufügen einer detaillierten Lieferadresse

Erstellen Sie Geschäftslogik im Zusammenhang mit Bestellungen

Bestelldetails und Avatar-Upload-Prozess geklärt

Installieren Sie wampserver auf einer virtuellen Maschine

Führen Sie das Backend-Laravel-Projekt aus

Abhängigkeiten von Composer-Installationsprojekten

Migration der Schnittstellendatenbank

Aktivierung und Konfiguration des Objektspeicher-OSS

Installieren Sie das ewshop-Projekt und führen Sie es aus

Installieren Sie den Ant-Design Pro-Hintergrund und führen Sie ihn aus

Fehlerbehebungslogik basierend auf dem vom Server zurückgegebenen Statuscode