Online-Vorschauadressen und Hintergrundschnittstellendaten werden simuliert und können nach Belieben hinzugefügt, geändert oder gelöscht werden.
Dieses Framework basiert auf PanJiaChens vue-element-admin. Es wird empfohlen, zunächst einige seiner Dokumente zu lesen viele Probleme!
Menüberechtigungen werden durch den Hintergrund gesteuert
Bitte beachten Sie beim Erstellen eines Menüs, dass das Namensfeld dem Namen auf der Seite entspricht (rotes Kästchen), wenn die beiden Orte inkonsistent sind, ist der Keep-Alive-Cache ungültig (Inhalt auf Seite A eingeben, auf Seite B wechseln). und dann „Zurück zu Seite A“ wechseln, gehen die auf Seite A eingegebenen Daten verloren), und der Name jedes Menüs ist eindeutig, und Keep-Alive wird bei Wiederholung ebenfalls ungültig.
Ob angezeigt werden soll, bezieht sich darauf, ob es im Menü angezeigt wird. Auf ausgeblendete Menüs kann weiterhin über die Weiterleitung zugegriffen werden.
Beim Dateipfad ist zu beachten, dass das Menü der ersten Ebene das Feld „Layout“ verwendet, die Verzeichnisse der zweiten Ebene oder mehrerer Ebenen das Feld „Keine“ (da das Verzeichnis nicht auf eine bestimmte Datei verweist) und die Unterverzeichnisse das Feld „Keine“ verwenden. Die Seite verwendet die speziell angegebene Seite, z. B. Die Dateien, auf die der gelbe Pfeil zeigt, werden standardmäßig im Ordner src/pages abgelegt.
Der Pfad der Hintergrundschnittstelle wird in vue.config.js im Projektstammverzeichnis geändert.
Der von der Hintergrundschnittstelle zurückgegebene Statuscode wird in src/utils/request.js geändert
src/permission.js ist der Routing-Guard
src/external ist der Ort, an dem externe Seiten platziert werden, die nach außen hin offen sind. Sie können in src/router/modules/external.js konfiguriert werden.
Befehl
# clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git
# enter the project directory
cd vueElementAdminBase-master
# install dependency
npm install
# develop
npm run dev
Öffnen Sie http://localhost:8099 im Browser
Pack
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
Dies ist nur ein Front-End-Projekt. Sie müssen auch ein Projekt starten, das die Backend-Schnittstelle simuliert. Die Adresse lautet vueElementAdminServer.
Spenden
Wenn Sie der Meinung sind, dass dieses Projekt für Sie hilfreich ist, können Sie den Autor mit folgenden Aktionen unterstützen: