slash admin

Schrägstrich-Administrator

Slash Admin ist eine moderne Admin-Dashboard-Vorlage, die mit React 18, Vite, Ant Design und TypeScript erstellt wurde. Es soll Entwicklern dabei helfen, schnell leistungsstarke Admin-Management-Systeme zu erstellen.

Vorschau · Discord · Dokument

Englisch | 中文

Sponsor

Vorschau

• https://admin.slashspaces.com/

Merkmale

• Gebaut mit React 18-Haken.
• Unterstützt von Vite für schnelle Entwicklung und schnellen Modulaustausch.
• Integriert Ant Design und bietet einen umfangreichen Satz an UI-Komponenten und Designmustern.
• Geschrieben in TypeScript, bietet Typsicherheit und ein verbessertes Entwicklungserlebnis.
• Responsive Design, Anpassung an verschiedene Bildschirmgrößen und Geräte.
• Flexible Routing-Konfiguration, Unterstützung verschachtelter Routen.
• Integrierte Zugriffskontrolle basierend auf Benutzerrollen.
• Unterstützt die Internationalisierung für einen einfachen Sprachwechsel.
• Enthält allgemeine Admin-Funktionen wie Benutzerverwaltung, Rollenverwaltung und Berechtigungsverwaltung.
• Anpassbare Themen und Stile, um Ihren Branding-Anforderungen gerecht zu werden.
• Mocking-Lösung basierend auf MSW und Faker.js.
• Zustandsverwaltung mit Zustand.
• Datenabruf mit React-Query.

Schnellstart

Holen Sie sich den Projektcode

git clone https://github.com/d3george/slash-admin.git

Abhängigkeiten installieren

Führen Sie im Stammverzeichnis des Projekts den folgenden Befehl aus, um Projektabhängigkeiten zu installieren:

pnpm install

Starten Sie den Entwicklungsserver

Führen Sie den folgenden Befehl aus, um den Entwicklungsserver zu starten:

pnpm dev

Besuchen Sie http://localhost:3001, um Ihre Bewerbung anzuzeigen.

Für die Produktion bauen

Führen Sie den folgenden Befehl aus, um die Produktionsversion zu erstellen:

pnpm build

Docker-Bereitstellung

Image erstellen und Container ausführen

Bild erstellen

Geben Sie im Terminal das Stammverzeichnis des Projekts ein und führen Sie den folgenden Befehl aus, um das Docker-Image zu erstellen:

 docker build -t your-image-name .

Stellen Sie sicher, dass Sie your-image-name durch Ihren eigenen Bildnamen ersetzen

Container ausführen

Führen Sie Ihre Anwendung im Docker-Container mit dem folgenden Befehl aus:

 docker run -p 3001:80 your-image-name

Dadurch wird Ihre Anwendung auf Port 80 (in Dockerfile verfügbar gemacht) des Containers ausgeführt und Port 3001 auf Ihrem Host zugeordnet.

Jetzt können Sie auf http://localhost:3001 zugreifen, um die bereitgestellten Anwendungen anzuzeigen.

Verwenden Sie docker-compose.yaml

Geben Sie im Terminal das Stammverzeichnis des Projekts ein und führen Sie den folgenden Befehl aus, um Docker Compose zu starten:

 docker-compose up -d

Docker Compose erstellt ein Image basierend auf der durch „docker-compose“ definierten Konfiguration. yaml‘ und führen Sie den Container im Hintergrund aus.

Nachdem der Container erfolgreich ausgeführt wurde, kann er auch über http://localhost:3001 aufgerufen werden, um die bereitgestellten Anwendungen anzuzeigen.

Spezifikation für die Übermittlung von Git-Beiträgen

reference.commitlint.config.js

• feat neuen Funktionen
• fix beheben
• Dokumentation oder Kommentare docs
• style (Änderungen, die sich nicht auf die Codeausführung auswirken)
• refactor
• perf Leistungsoptimierung
• revert , Festschreiben
• test testbezogen
• chore Änderungen im Bauablauf oder Hilfswerkzeuge
• ci ändert CI-Konfiguration und Skripte
• Änderungen an der Typdefinitionsdatei von types
• wip in der Entwicklung