vue shop

? Vue Family Bucket entwickelt E-Commerce-Managementsystem

Online-Erfahrungsadresse |. Projektzusammenfassungsdokument |. Backend-API-Schnittstellendokument

️ Bitte versuchen Sie während des Erlebnisses, Daten nicht willkürlich zu löschen. Vielen Dank für Ihre Mitarbeit!

? Einführung

Dieses Projekt durchlief zwei Studien. Das erste Mal bestand darin, Vue zu lernen, und das zweite Mal darin, Wissen zu festigen und geschickt anzuwenden, die technischen Highlights des Projekts herauszufinden, die technischen Punkte neu zu lernen, die ich vorher nicht verstanden habe ein neues Dokument erstellen. Zweitens ist es normal, dass Anfragen langsam sind.

?Erste:

Es sind wieder Winterferien. Ein Top-Student hat einmal gesagt:寒假是用来反超的！ , also kommen Sie in den Winterferien mit mir und lernen Sie Vue. Ich werde alles, was ich getan habe, in dieses Verzeichnis integrieren, um mir einen Lernnachweis zu geben und es den Lesern leichter zu machen, es zu überprüfen. Mein Projekt wurde tatsächlich am 24. Januar abgeschlossen, als ich gleichzeitig an dem Projekt arbeitete und es aufnahm. Später stellte ich fest, dass die Zahl der Besuche meiner Kolumne 50.000 erreicht hatte, und es waren immer noch einige Nach drei Ruhetagen habe ich vor, heute Abend eine Zusammenfassung zu geben, wie sich ein Neuling entwickelt, der nicht weiß, was Vue ist

Vue❤Learning-Kolumnenportal

?Zum zweiten Mal:

Dies ist das zweite Mal, dass dieses Projekt online entwickelt und implementiert wird. Sie können das Projekt direkt über die folgenden einfachen Verwendungsmethoden ausführen. Wenn Sie denken, dass es gut ist, unterstützen Sie es bitte, indem Sie ihm einen star geben. Danke♪(･ω･)ﾉ

? Einfach zu bedienen

1. star Projekt-Repository^ o ^
2. fork eine Kopie dieses Repository-Codes
3. git clone -b master [email protected]:Chocolate1999/vue-shop.git Quellcode kopieren
4. Führen Sie npm install aus, um Abhängigkeiten zu installieren
5. npm run serve öffnet den lokalen Dienst

? Projektübersicht

2.1 Überblick über das Grundgeschäft von E-Commerce-Projekten

Je nach Anwendungsszenario bieten E-Commerce-Systeme im Allgemeinen mehrere Terminalzugriffsmethoden wie PC, mobile APP, mobiles Web, WeChat-Applet usw. Wir befassen uns hauptsächlich mit der PC-Hintergrundverwaltung.

2.2 Funktionen des E-Commerce-Backend-Managementsystems

Das E-Commerce-Backend-Managementsystem dient der Verwaltung von Benutzerkonten, Produktkategorien, Produktinformationen, Bestellungen, Datenstatistiken und anderen Geschäftsfunktionen

2.3 Entwicklungsmodell des E-Commerce-Back-End-Managementsystems (Trennung von Front-End und Back-End)

Das E-Commerce-Backend-Managementsystem als Ganzes verwendet ein Entwicklungsmodell mit Front-End- und Back-End-Trennung. Das Front-End-Projekt ist ein SPA-Projekt, das auf dem Vue-Technologie-Stack basiert.

2.4 Technische Auswahl des E-Commerce-Backend-Managementsystems

① Technologie-Stack für Front-End-Projekte:

• Vue
• Vue-Router
• Element-UI
• Axios
• Echarts

② Back-End-Projekt

• Node.js
• Äußern
• wxya
• MySQL
• Fortsetzung

?Schnellstart-Kapitel

Dieser Artikel richtet sich hauptsächlich an diejenigen, die gerade erst mit Vue beginnen. Er enthält einige einfache Beispiele, z. B. Notizblock, Wetterabfrage in der Stadt, Musikwiedergabe und MV usw. Er löst auch die beim Lernen auftretenden Probleme Mit Vue~ können Sie schnell loslegen

1. 2020 Zero Basic Vue Schnellstart Vue-Grundlagen [Details]
2. 2020 Zero-Based Vue Quick Start Vue-Anweisungen Lokale Anwendung [Zusammenstellung]
3. 2020 Zero-Based Vue Quick Start, um Ihnen beizubringen, einen Notizblock zu entwickeln (der den Spaß am Programmieren anregt) [Organisation + Quellcode]
4. 2020 Zero-Based Vue Quick Start Vue2.0 verwendet die Pfeilfunktion der ES6-Syntax => Verständnis dieses Bereichs [Zusammenstellung]
5. 2020 Nullbasierte Vue-Schnellstartmethode zum Einführen externer CSS- und JS-Dateien in das Vue-Projekt [Zusammenstellung]
6. 2020 Zero-Based Vue Quick Start Network Application axios+Vue [Zusammenstellung]
7. 2020 Zero-Based Vue Quick Start-Lehre zur Entwicklung von Wetterabfrage-Webseiten – Gott weiß (um den Spaß am Programmieren zu wecken) [Zusammenstellung + Quellcode]
8. 2020 Zero-Based Vue Umfassende Anwendungslehre zur Entwicklung eines Musik-Players – Yueting (inspirieren Sie den Spaß am Programmieren) [Zusammenstellung + Quellcode]

Entwicklung eines E-Commerce-Managementsystems (Enzyklopädie)

1. 2020 Überblick über das Vue Family Bucket Development E-Commerce Management System (Element-UI)-Projekt von Zero Basics bis hin zu Rapid Development
2. 2020 Initialisierung des Projekts „Vue Family Bucket Development E-Commerce Management System“ (Element-UI) von Zero Basics zur schnellen Entwicklung
3. 2020 Zero Foundation für die schnelle Entwicklung des Cloud-Hosting-Projekts zur Entwicklung des E-Commerce-Managementsystems (Element-UI) für den Bucket-Entwicklungs-Nutzungscode der Vue-Familie
4. 2020 Nullbasierte bis schnelle Entwicklung des E-Commerce-Managementsystems (Element-UI) der Vue-Familie, Konfiguration MySQL
5. 2020 Nullbasierte bis schnelle Entwicklung des E-Commerce-Managementsystems (Element-UI) der Vue Family Bucket, Implementierung der Anmelde- und Exit-Funktion
6. 2020 Zero Foundation zur schnellen Entwicklung der Vue-Familie Bucket-Entwicklung E-Commerce-Managementsystem (Element-UI) Homepage-Layout-Entwicklung
7. 2020 Zero Foundation zur schnellen Entwicklung der Vue-Familie Bucket-Entwicklung E-Commerce-Managementsystem (Element-UI) Benutzerlistenentwicklung
8. 2020 Von Grund auf bis zur schnellen Entwicklung des E-Commerce-Managementsystems für die Bucket-Entwicklung der Vue-Familie (Element-UI) [Benutzer hinzufügen]
9. 2020 Von Grund auf bis zur schnellen Entwicklung des E-Commerce-Managementsystems für die Bucket-Entwicklung der Vue-Familie (Element-UI) [Benutzer ändern]
10. 2020 Von Grund auf bis zur schnellen Entwicklung des E-Commerce-Managementsystems für die Bucket-Entwicklung der Vue-Familie (Element-UI) [Benutzer löschen]
11. 2020 Von Grund auf bis zur schnellen Entwicklung des E-Commerce-Managementsystems für die Bucket-Entwicklung der Vue-Familie (Element-UI) [Berechtigungsliste]
12. 2020 Von der Nullbasis zur schnellen Entwicklung, E-Commerce-Managementsystem für die Entwicklung des Vue Family Bucket (Element-UI) [Rollenliste]
13. 2020 Von Grund auf bis zur schnellen Entwicklung des E-Commerce-Managementsystems für die Bucket-Entwicklung der Vue-Familie (Element-UI) [Berechtigungen zuweisen]
14. 2020 Von Grund auf bis zur schnellen Entwicklung des E-Commerce-Managementsystems für die Bucket-Entwicklung der Vue-Familie (Element-UI) [Rollen zuweisen]
15. 2020 Vom Nullfundament zur schnellen Entwicklung des Produktklassifizierungsartikels zum E-Commerce-Managementsystem (Element-UI) der Vue-Familie
16. 2020 Von Grund auf bis zur schnellen Entwicklung der Klassifizierungsparameter des E-Commerce-Managementsystems (Element-UI) der Vue-Familie
17. 2020 Von Grund auf bis zur schnellen Entwicklung der Produktliste des E-Commerce-Managementsystems (Element-UI) der Vue-Familie
18. 2020 Von Grund auf bis zur schnellen Entwicklung des E-Commerce-Managementsystems (Element-UI) für die Auftragsverwaltung von Vue Family Bucket
19. 2020 Datenstatistik des E-Commerce-Managementsystems (Element-UI) der Vue Family Bucket Development von Zero Basics bis hin zu Rapid Development
20. 2020 Vue Zero-basierte Entwicklung basierend auf Element-UI (vollständige) Projektoptimierung und Online-Bereitstellung (npm, basierend auf Vue UI) Teil 1
21. 2020 Vue Zero-basierte Entwicklung basierend auf Element-UI (vollständige) Projektoptimierung und Online-Bereitstellung (npm, basierend auf Vue UI) Nächster Artikel

✔️ Screenshot-Anzeige eines Teils des Projekts

✏️ Fazit

Lernen ist wie Segeln gegen den Strom: Wer nicht vorankommt, wird sich zurückziehen.

magische Kommunikation

• Kommunikation ist Transfer. Kommunikation ist Austausch
• Kommunikation ist Teilen. Kommunikation ist Weisheit
• Kommunikation ist Freundschaft. Kommunikation ist Macht

„ Sich selbst kennen und über sich selbst hinausgehen “ ist der höchste Zustand der Kommunikation

• Wenn Sie das Gefühl haben, dass Sie während eines Projekts immer mehr Leute und Dinge lernen müssen, bedeutet das, dass Sie wachsen .
• Wenn Sie das Gefühl haben, dass es immer weniger Schuldige gibt, bedeutet das, dass Sie erwachsen werden.
• Wenn Sie im Projekt weiterhin Freundschaften und Freunde gewinnen, bedeutet das, dass Sie den Erfolg des Projekts erreichen werden.

Was sich Menschen merken können, folgt den folgenden Regeln:

• 5 % von dem, was Sie hören
• 10 % von dem, was Sie lesen
• 30 % des Inhalts gesehen
• 50 % der Inhalte werden besprochen
• 75 % der Inhalte werden persönlich erstellt
• Bringen Sie 90 % von dem bei, was andere getan haben

Daher denke ich, dass es sinnvoll wäre, wenn ich das Wissen, das ich gelernt habe, als Open Source zugänglich mache. Nach dem Lesen dieses Artikels lernen Sie die grundlegende Verwendung und Verwendung von Vue kennen, und ich werde aufgrund dieses Dokuments auch davon profitieren Während ich das Wissen sortierte, hatte ich auch eine tiefe Erinnerung an diese Angelegenheit. Ist das nicht eine Win-Win-Situation? Also beeilen Sie sich und geben Sie diesem Lager einen Stern: Portal: Study Notes of Little Lion Front End. Bitte gib dem Blogger ein Glas Eis, lach ~

Für weitere Einzelheiten wird dringend empfohlen, das zu lesen, was ich geschrieben habe: [Projektzusammenfassungsdokument] Vue Family Bucket Development E-Commerce Management System Project

Wenn Sie Fragen haben, können Sie im Kommentarbereich am Ende des Artikels eine Nachricht hinterlassen und diskutieren . Natürlich können Sie auch gerne auf den Belohnungsbutton am Ende des Artikels klicken und dem Blogger ein Glas Eis gönnen Sahne, lache~

Wenn die Projekte und Tutorials für Sie hilfreich sind oder Ihnen sie gefallen, nachdem Sie sie gesehen haben, geben Sie mir bitte einen Stern. Vielen Dank!

?Lizenz

MIT