Vue3.0 Mobile Mall-Projekt tatsächlicher Kampf (Trennung von Front- und Back-End)

• Kapitel1 Projektinitialisierung
• 1-1 Entwurf der Projektdatei- und Verzeichnisstruktur
• 1-2 Projektinitialisierung – Initialisierung im Stil
• 1-3 Initialisierung des Komponentenverzeichnisses
• 1-4 Initialisierung des Netzwerkanforderungsverzeichnisses
• 1-5 Routing und andere Verzeichnisinitialisierung
• 1-6 vue.config.js Alias-Alias ​​konfigurieren
• 1-7 So verwenden Sie Aliase in Stilen
• 1-8 Navigationsmenü der Entwicklerstadt
• 1-9 Einführung von Schriftartsymbolen für Navigationsmenüs
• 1-10 Erstellen Sie die Titelleiste oben auf der Seite 01
• 1-11 Machen Sie die Titelleiste oben auf der Seite 02
• Kapitel2 Produktempfehlungen und Tabs auf der Homepage
• 2-1 Analyse des Prinzips des Seitenrouting-Abfangens
• 2-2 Auf der Startseite wird die Entwicklung und das Design von Produktkomponenten empfohlen
• 2-3 Erhalten Sie empfohlene Produktschnittstellendaten und rendern Sie sie
• 2-4 Implementieren Sie die Produktliste in die Detailseite
• 2-5 Dynamische Hervorhebung von Tabs
• 2-6 Wechseln Sie die Registerkarten, um tabIndex zu erhalten
• 2-7 Erstellen Sie eine öffentliche Produktlistenkomponente
• 2-8 Wechseln Sie zwischen den Registerkarten, um Daten anzufordern
• 2-9 Die Komponente übergibt einen Wert, um Tab-Daten zu rendern
• 2-10 Die bessere Scroll-Komponente implementiert Pull-up, um mehr zu laden
• 2-11 Integration paginierter Daten
• Kapitel3 Verbessern Sie die Entwicklung der Homepage
• 3-1 Better Scroll wird aufgerufen und lädt weitere Prozesse zum Sortieren
• 3-2 Laden Sie paginierte Daten
• 3-3 Erzielen Sie einen zitterfreien, seidigen Scrolleffekt auf der Seite
• 3-4 Erzielen Sie einen seidigen Return-to-Top-Effekt
• 3-5 Einführung in den Inhalt der Vant-Komponentenbibliothek
• 3-6 Das Vue-Projekt führt Vant ein und verwendet die Swiper-Karussellkomponente
• 3-7 Karusselldiagrammdaten anfordern und rendern
• 3-8 Lazy Loading und die Verwendung von Badge-Komponenten
• 3-9 Kategorieseite für Design und Entwicklung
• 3-10 Verwendung der Sidebar-Komponente
• 3-11 Van-Card-Komponente und Produktdetailseitendesign
• 3-12 Entwicklung der Produktdetailseite
• Kapitel4 Einloggen und registrieren
• 4-1 Neue Benutzerregistrierung und Entwicklung der Benutzeroberfläche für die Anmeldeseite
• 4-2 Überprüfung und Übermittlung des Benutzerregistrierungsformulars
• 4-3 E-Mail ist belegt – Benutzerregistrierung gesperrt
• 4-4 Speichern Sie das Anmeldeinformationstoken des Benutzers auf dem Client
• 4-5 Einheitliche Autorisierung für den Schnittstellenzugriff
• 4-6 Login-Sprung und Logout
• 4-7 Statuserkennung und Abfangen des Seitenportzugriffs
• 4-8 Produktbestands- und Warenkorbmengenbeschränkungen
• 4-9 In den Warenkorb legen und jetzt kaufen
• 4-10 Das Filialstatuslager erfasst die Anzahl der Warenkörbe
• 4-11 Design der Warenkorbseite
• Kapitel5 Projektinstallation und -bereitstellung
• 5-1 Warenkorb leeren und Vorschaubestellung generieren
• 5-2 Erläuterung der Schnittstelle zur Auftragsverwaltung und Produktbewertung
• 5-3 Vue Mall-Projektverpackung
• 5-4 Online-Bereitstellung von Paketprojekten
• 5-5 Probleme mit dem Navigationsschutz und der Schnittstellenautorisierung
• 5-6 Überprüfung der Geschäftslogik des Projekts
• 5-7 Menüverknüpfung – Hinzufügen einer detaillierten Lieferadresse
• 5-8 Erstellen Sie Geschäftslogik im Zusammenhang mit Bestellungen
• 5-9 Bestelldetails und Avatar-Upload-Prozess geklärt
• Kapitel6 Aufbau der Backend-API
• 6-1 Installieren Sie wampserver auf einer virtuellen Maschine
• 6-2 Führen Sie das Backend-Laravel-Projekt aus
• 6-3 Abhängigkeiten von Composer-Installationsprojekten
• 6-4 Migration der Schnittstellendatenbank
• 6-5 Aktivierung und Konfiguration des Objektspeicher-OSS
• 6-6 Installieren Sie das ewshop-Projekt und führen Sie es aus
• 6-7 Installieren Sie den Ant-Design Pro-Hintergrund und führen Sie ihn aus
• 6-8 Fehlerbehebungslogik basierend auf dem vom Server zurückgegebenen Statuscode