vue system

Vue-System

Dies ist ein Back-End-Managementsystemprojekt mit separaten Front-End- und Back-End-Ordnern. Der Back-End-Ordner ist der Server.

Für die Online-Demonstration habe ich Mockjs verwendet, um einige Schnittstellen zu schreiben, um Axios-Anfragen abzufangen und vorgegebene gefälschte Daten zurückzugeben. Die ursprünglichen Schnittstellen waren auskommentiert, sodass während der Online-Demonstration keine Hintergrundanmeldung durchgeführt wurde, um alle Datenverwaltungsmodule zu überprüfen, und alle Daten konnten überprüft werden nur angezeigt werden.

Bei lokaler Ausführung können Sie den vom Mock angeforderten Teil löschen und die ursprüngliche Schnittstelle auskommentieren, um alle Funktionen des ursprünglichen Verwaltungssystems zu realisieren.

Feature-Highlights

1. Datenvisualisierung Echarts

2. Bilder hochladen (beim Hinzufügen von Produkten)

3. Export in PDF-, TXT- und Excel-Dateien

4. I18n Internationalisierung

5. Abfangen der Token-Anmeldung

6. Einfache Formularvalidierung

7. Kapselung und Wiederverwendung von Pagern

8. Kapselung und Wiederverwendung von Popup-Fenstern

9. virtuelle MockJS-Daten

10. Trennen Sie das Front-End und das Back-End und verwenden Sie das Express-Framework, um einen grundlegenden node.js-Server zu erstellen.

Abhängigkeiten installieren

 npm install

Starten Sie den Backend-Server

新建终端
cd server
nodemon app.js

laufen

 npm run serve

Paketieren und kompilieren

 npm run build