flowbite admin dashboard nodejs
1.0.0
Dies ist ein Zweig des ursprünglichen Flowbite Admin Dashboard-Repositorys. Dieser Fork wird verwendet, um eine NodeJS-Version des Dashboards mit Express und EJS als Template-Engine zu erstellen.
Bei diesem Projekt handelt es sich um eine kostenlose Open-Source-UI-Admin-Dashboard-Vorlage, die mit den Komponenten von Flowbite erstellt wurde und auf dem Utility-First-CSS-Framework Tailwind basiert und Diagramme, Tabellen, Widgets, CRUD-Layouts, Modalitäten, Schubladen und mehr enthält.
Dieses Admin-Dashboard kann Ihnen schnell dabei helfen, mit der Erstellung einer Anwendung für Ihr Projekt zu beginnen, indem Sie die neuesten UI/UX-Entwicklungstechnologien im Open-Source-Bereich verwenden, einschließlich Tailwind CSS und Flowbite.
Die interaktiven Komponenten wie Navigationsleisten, Modalitäten, Schubladen und Tooltips basieren alle auf der beliebten Open-Source-Komponentenbibliothek Flowbite, die es uns ermöglicht, diese Elemente zu nutzen, indem wir komplexere Seiten- und Widget-Sets in einem vollwertigen Admin-Dashboard erstellen Vorlage.
Alle Seiten, Widgets und Komponenten basieren ausschließlich auf den Utility-First-Klassen von Tailwind CSS und sind mit der neuesten v3.x der Technologie kompatibel, indem alle Klassen basierend auf den Vorlagenpfaden automatisch gelöscht werden.
Beginnen Sie mit 15 erweiterten Beispielseiten, darunter zwei verschiedene Layouts einer Dashboard-Homepage voller Diagramm-Widgets, Tabellen, Datumsauswahl und Statistiken sowie zwei CRUD-Layoutseiten für Produkte, Benutzer, eine Einstellungsseite, Authentifizierungsseiten zum Anmelden und Registrieren und sogar benutzerdefinierte 404- und 500-Fehlerseiten.
Dieses Admin-Dashboard enthält viele erweiterte Komponenten sowohl von Flowbite als auch von anderen Drittanbieter-Bibliotheken wie ApexCharts, die individuell mit Tailwind CSS-Klassen angepasst und auf Basis des Flowbite Design Systems entworfen wurden.
Wenn Sie dieses Projekt verwenden möchten, empfehlen wir Ihnen, auch die Komponentenbibliothek zu studieren, die wir zum Erstellen dieses Dashboards verwendet haben, da Sie noch mehr Komponenten aus dieser Bibliothek verwenden können, um die hier bereits codierten Beispiele zu verbessern.
Dieses Produkt basiert auf den folgenden weit verbreiteten Technologien:
| Armaturenbrett | Gestapeltes Layout | Produkte (CRUD) |
|---|---|---|
| Benutzer (CRUD) | Einstellungen | Preisseite |
|---|---|---|
| Anmeldeseite | Registrierungsseite | Passwort zurücksetzen |
|---|---|---|
| Passwort vergessen | Profilsperre | Wartungsseite |
|---|---|---|
| 404 nicht gefunden | 500 Serverfehler | Spielplatz |
|---|---|---|
package.json und starten Sie den lokalen Entwicklungsserver, indem Sie Folgendes ausführen:Verwendung von NPM:
npm install
npm run dev
Verwendung von Garn:
yarn install
yarn dev
Verwendung von PNPM:
pnpm install
pnpm dev
Hier ist eine Liste kompatibler Technologien und Anleitungen für Flowbite und Tailwind CSS:
Die großartige Open-Source-Community hat außerdem die folgenden eigenständigen Bibliotheken für React, Vue, Svelte und Angular erstellt und verwaltet diese derzeit:
Wir haben auch Integrationshandbücher für die folgenden Front-End-Frameworks und Bibliotheken geschrieben:
Flowbite lässt sich hervorragend in die meisten Back-End-Frameworks integrieren, da es auf Vanilla-JavaScript basiert:
Im Download finden Sie die folgenden Verzeichnisse und Dateien:
Flowbite Admin Dashboard
.
├── LICENSE
├── README.md
├── content
├── data
├── layouts
├── node_modules
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
├── static
├── tailwind.config.js
├── webpack.config.js
└── yarn.lock
Derzeit streben wir offiziell die Unterstützung der letzten beiden Versionen der folgenden Browser an:
Wir verwenden GitHub Issues als offiziellen Bug-Tracker für das Flowbite Admin Dashboard. Hier sind einige Ratschläge für unsere Benutzer, die ein Problem melden möchten:
Wenn Sie Fragen haben oder Hilfe bei der Integration des Produkts benötigen, kontaktieren Sie uns bitte, anstatt ein Problem zu eröffnen.
