vue xiaomi

Projekteinführung

Hierbei handelt es sich um ein E-Commerce-Projekt, das die Xiaomi Mall nachahmt, um wichtige Funktionspunkte zu erreichen.

Das Frontend enthält 11 Seiten: Startseite, Login, Registrierung, alle Produkte, Produktdetailseite, Über uns, Meine Sammlung, Warenkorb, Bestellabwicklungsseite, Meine Bestellung und Fehlerbehandlungsseite.

Es implementiert Produktanzeige, Produktklassifizierungsabfrage, Stichwortsuche für Produkte, Anzeige von Produktdetailinformationen, Anmeldung, Registrierung, Benutzer-Warenkorb, Auftragsabwicklung, Benutzerbestellung, Benutzerfavoritenliste und Fehlerbehandlungsfunktionen.

Das Back-End entwirft entsprechende Schnittstellen, Kontrollschichten und Datenpersistenzschichten basierend auf den vom Front-End benötigten Datenuntermodulen.

Technologie-Stack

• Frontend: Vue + Vue-router + Vuex + Element-ui + Axios

• Backend: Node.js , Koa框架

• Datenbank: Mysql , redis

Lieferadresse des Backend-Projekts: Xiaomi-Server

Bitte beachten Sie die Konfigurationsanweisungen zum Ausführen des Back-End-Projekts. Stellen Sie sicher, dass die lokale Datenbank mysql、redis -Dienst und die entsprechenden Ports geöffnet sind.

Funktionsmodul

• Einloggen
• registrieren
• Titelseite
• Alle Produkte
• Produktdetailseite
• Mein Warenkorb
• Auftragsabwicklung
• meine Sammlung
• meine Bestellung

Führen Sie das Projekt aus

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

Wenn Sie denken, dass dieses Projekt gut ist, können Sie oben rechts auf Star klicken, um es zu unterstützen. ^_^

Screenshot der Projektseite

Titelseite

Alle Produkte

Warenkorb

meine Sammlung

meine Bestellung

Einloggen

registrieren