vue-admin-box
Englisch | 简体中文
Zusammenfassung
- Update-Version
- Nach mehr als dreimonatiger Iteration wurde Version 1.0 am 10. August 2021 offiziell veröffentlicht, mit vier grundlegenden Vorlagen, die jeder verwenden kann
- Dieses Open-Source-Projekt wird von Einzelpersonen entwickelt und schränkt weder die kommerzielle Nutzung noch die persönliche Forschung ein. Bitte klicken Sie auf den Stern, um mich zu ermutigen, bevor Sie es verwenden
- Alle illegalen und pornografischen Aktivitäten dieses Open-Source-Projekts haben nichts mit diesem Quellcode zu tun. Bitte zeigen Sie sich nicht
- QQ-Kommunikationsgruppe: 912804007, Probleme werden in der Gruppe aufgeworfen und können rechtzeitig gelöst werden
Vorschau
Wenn Sie nicht in China sind, sollten Sie vielleicht das Projekt herunterladen, um die Demo zu zeigen, oder einen VPN verwenden, um die Online-Demo zu besuchen.
- Demo China
- Demo-Welt
- Github-Adresse
- Adresse des Ferienhauses
- Es wird empfohlen, für die Installation in China Garn oder CNPM zu verwenden. Die NPM-Installation ist anfällig für Probleme
Grundlegende Vorlage
Es gibt vier grundlegende Vorlagen, die für die Null-Entwicklung und -Nutzung geeignet sind und in github、gitee View direkt im Warehouse zu finden sind. Die Vorlage ist unten dargestellt:
- template-ts-i18n Vorlage, Container TS und Internationalisierung Github Gitee Demo
- template-ts template, Container ts, Internationalisierung ist keine Container-Github-Gitee-Demo
- template-js-i18n Vorlage, Container js und Internationalisierung Github Gitee Demo
- template-js template, Container js, Internationalisierung ist keine Container-Github-Gitee-Demo
Einführung
vue-admin-box ist eine kostenlose Open-Source-Vorlage für ein Hintergrundverwaltungssystem. Die neuesten Versionen von vue-next, vite und element-plus werden in diesem Projekt verwendet. Der Zweck besteht darin, die komplexe Konfiguration des Hintergrundsystems im allgemeinen Unternehmen zu lösen.
Charakteristische Funktion
- Routing-Konfiguration, Statusverwaltungsmechanismus (State unterstützt standardmäßig lokalen Speicher), gekapselter und perfekter Axios- und API-Verwaltungsmechanismus, der für die mittlere und Hintergrundentwicklung geeignet ist
- Es ist sehr praktisch, die Designkonfigurationsfunktion zu erweitern und unterstützt standardmäßig drei typische Mittel- und Hintergrundstile
- Routing-Konfiguration, Statusverwaltungsmechanismus (State unterstützt standardmäßig lokalen Speicher), gekapselter und perfekter Axios- und API-Verwaltungsmechanismus, der für die mittlere und Hintergrundentwicklung geeignet ist
- Einzelheiten zu den drei typischen Geschäftstabellen zum Hinzufügen, Löschen und Ändern von Abfragen finden Sie unter „CRUD-Tabelle“, „Kategorietabelle“ und „Baumtabelle“ in der „Seitenspalte“.
- Die Aktualisierungsfunktion ohne Routensprung unterstützt die Aktualisierung der Cache-Seite. Derzeit unterstützen die meisten Frameworks keine Cache-Seitenaktualisierung
- Es ist eine praktische und erweiterbare Internationalisierungslösung und bietet zwei Sätze nicht internationalisierter Basisvorlagen und zwei Sätze internationalisierter Basisvorlagen (TS-Version / JS-Version).
- Handschriftliche Versionen verschiedener benutzerdefinierter Anweisungen
- Einzelheiten zu allgemeinen Tabellenkomponenten und allgemeinen Popup-Komponenten, die von mehreren mittleren und Hintergrundunternehmen überprüft wurden, finden Sie unter „Rohtabelle“, „Kategorietabelle“ und „Baumtabelle“ in der „Seitenspalte“.
Haupttechnologie
- MVVM-Framework: vue v3
- Technisches Management:vite v2
- UI-Framework: Element-Plus
- Routerverwaltung: vue-router v4
- Statusverwaltung: vuex v4
- Datenanforderung: Axios
- Dienstprogrammbibliothek:@vueuse/core
Wie zu verwenden
Holen Sie sich das Quellcode-Projekt
git clone https://github.com/cmdparkour/vue-admin-box.git
Installieren Sie die Abhängigkeit. In China können Sie cnpm oder Yarn verwenden
laufen in der Entwicklung
npm run dev 或 npm run start
in der Produktion einbauen
Partnerprojekt
- Thinker-Admin-Box – Springboot mit Vue-Admin-Box, verwenden Sie Java-Code, um eine Vue-Seite zu generieren
- H5-Dooring – ein Low-Code-Projekt zur mobilen Website
- ant-simple-pro – eine mittlere Website basierend auf Vue3.0, React und Angular
- vue-vben-admin – ein moderner Vue-Administrator. Es basiert auf Vue3, Vite und TypeScript. Es ist schnell！
Vorschau
