react antd console

Front-End-Lösungen für Back-End-Managementsysteme

?Online-Vorschau |. ?Dokumentation

einführen

React-antd-console ist eine Front-End-Lösung für das Back-End-Verwaltungssystem, die die notwendigen Funktionen des Back-End-Verwaltungssystems (wie Anmeldung, Authentifizierung, Menü, Breadcrumbs, Registerkarten usw.) kapselt, um Entwicklern zu helfen Fokus auf schnelle Geschäftsentwicklung. Das Projekt basiert auf neuen Versionen wie React 18 , Ant design 5 , Vite und TypeScript . Alle eingesetzten Technologien werden fortlaufend auf die neueste Version aktualisiert

Wer sollte es nutzen?

Wenn Sie nach einer minimalistischen Front-End-Vorlage für das Backend-Management suchen, der Technologie-Stack fortgeschritten und stabil ist, Sie die Prinzipien mühelos beherrschen möchten oder sich nur auf die Geschäftsentwicklung konzentrieren möchten, können Sie dieses Projekt ausprobieren Der Autor Dieses Projekt ist eine Zusammenfassung jahrelanger Erfahrung

so einfach wie möglich

Unabhängig davon, ob Sie dieses Projekt für Entwicklungs- oder Lernzwecke verwenden, ist es wichtig, es einfach zu halten. Daher konzentriert sich dieses Projekt auf: gutes Code-Hierarchie-Design, klar definierte Verzeichnisstruktur, Modulklassifizierung, die leicht zu ändern und zu ersetzen ist usw. Dieses Projekt minimiert die Kapselung einiger notwendiger Funktionen wie Anmeldung, Authentifizierung, Menü, Breadcrumbs, Registerkarten usw. Wenn Sie kein eigenes UI-Design haben, können Sie die in diesem Projekt gekapselten Funktionen direkt verwenden. Wenn Sie über ein eigenes UI-Design verfügen, können Sie auch praktische Änderungen auf Basis dieses Projekts vornehmen.

Dieses Projekt befürwortet Minimalismus und der Kernquellcode umfasst nur etwa 3.400 Zeilen. Der Einstieg ist einfach. Neben der Dokumentation gibt es auch eine Reihe von Artikeln, die Ihnen helfen, besser zu beherrschen und zu verwenden:

• Bein an Bein bringe ich Sie mit React, Serie 1 (Vite) hinter die Bühne.
• Leg-to-Leg, lassen Sie React verwenden, um das Backend zu spielen, Serie 2 (Project Skeleton)
• Schritt für Schritt können Sie React verwenden, um das Backend zu beherrschen, Serie 3 (Layout und Authentifizierung)

Funktion

• Neuester Technologie-Stack : Vite (unterstützt热更新), React18 , Ant Design5 , TypeScript (fast 100% Typabdeckung)
• Konzentrieren Sie sich auf das Geschäft : Gekapseltes Layout (Seitenmenü, Breadcrumbs, Tabs, Kopf- und Fußzeilen usw.), Sie müssen sich nur专注于业务开发
• Berechtigungsverwaltung : Unterstützt Berechtigungen菜单级und按钮级
• Routing-Konfiguration : Eine minimalistische Konfiguration, die automatisch Routing, Menüs, Breadcrumbs usw. generiert, verschachteltes Routing, einzelnes/kein Layout und andere Konfigurationen unterstützt, dynamische Änderungen im Routing usw. unterstützt.
• ? Datenverwaltung :分层(Daten- und Ansichts-)Architekturdesign, die Datenverwaltungslösung unterstützt theoretisch den Zugriff auf jede UI-Rendering-Bibliothek/Framework (einschließlich, aber nicht beschränkt auf React/Vue/Angular).
• ? Farbwechsel der Haut : Unterstützt jeden Farbwechsel im dunklen/hellen Hauttonmodus
• ?️Multi-Tab : ziehbares Multi-Tab, unterstützt Persistenz, Rechtsklick-Menü usw.
• ? Elegante Animation : Unterstützt Routenwechselanimationen, Registerkarten, Menüs, Funktionstastenanimationen usw.
• ?Weitere Funktionen : wie响应式设计,国际化, Mock ,环境配置,工程化规范usw.

Schnellstart

 # 安装依赖
npm i

# 启动服务
npm start

Browserzugriff http://localhost:9527

Bauen

 # 构建生产环境包
npm run build:prod

Browserkompatibel

Kompatibel mit Browsern, die es2015 unterstützen, nicht kompatibel mit IE. Es wird empfohlen, nicht weniger als:

• Chrome >=87
• Firefox >=78
• Safari >=14
• Kante >=88

Thema

Beliebiger Hauptfarbschalter

Eigelb

Dunkel

Ozean

Monokai

Kosmisch

mehrere Tags

?Online-Vorschau |. ?Dokumentation

Wie kann man dieses Projekt unterstützen?

• Wenn Ihnen dieses Projekt gefällt oder Sie glauben, dass es für Sie nützlich ist, geben Sie unserem Projekt bitte einen Stern ️
• Pull-Requests erstellen, Issues einreichen, neue Funktionen vorschlagen oder Dokumentation aktualisieren?