react antd console

Solutions frontales pour les systèmes de gestion back-end

?Aperçu en ligne ?Documentation

introduire

React-antd-console est une solution frontale pour le système de gestion back-end. Elle encapsule les fonctions nécessaires du système de gestion back-end (telles que la connexion, l'authentification, le menu, le fil d'Ariane, les onglets, etc.) pour aider les développeurs. se concentrer sur un développement commercial rapide. Le projet s'appuie sur de nouvelles versions telles que React 18 , Ant design 5 , Vite et TypeScript . Toutes les technologies utilisées seront continuellement mises à jour avec les dernières versions.

Qui devrait l’utiliser ?

Si vous recherchez un modèle front-end minimaliste pour la gestion back-end, que la pile technologique est avancée et stable, que vous souhaitez maîtriser les principes sans effort ou que vous souhaitez vous concentrer uniquement sur le développement commercial, alors vous pouvez essayer ce projet. L'auteur de ce projet est Résumé des années d'expérience

aussi simple que possible

Que vous utilisiez ce projet à des fins de développement ou d'apprentissage, il est nécessaire de rester simple. Par conséquent, ce projet se concentre sur : une bonne conception de la hiérarchie du code, une structure de répertoires clairement définie, une classification des modules facile à modifier et à remplacer, etc. Ce projet minimise l'encapsulation de certaines fonctions nécessaires, telles que la connexion, l'authentification, le menu, le fil d'Ariane, les onglets, etc. Si vous n'avez pas votre propre conception d'interface utilisateur, vous pouvez utiliser directement les fonctions encapsulées dans ce projet ; si vous avez votre propre conception d'interface utilisateur, vous pouvez également apporter des modifications pratiques basées sur ce projet ;

Ce projet prône le minimalisme et le code source principal ne compte qu'environ 3 400 lignes. C’est simple de démarrer. En plus de la documentation, il existe également une série d’articles pour vous aider à mieux maîtriser et utiliser :

• Jambe contre jambe, laissez-vous utiliser React pour vous masturber dans les coulisses, première série (Vite)
• Jambe à jambe, vous permet d'utiliser React pour jouer au backend, série 2 (Project Skeleton)
• Jambe à jambe, laissez-vous utiliser React pour maîtriser le backend, série 3 (mise en page et authentification)

Fonction

• Dernière pile technologique : Vite (prend en charge热更新), React18 , Ant Design5 , TypeScript (couverture de type de près de 100% )
• Focus sur le business : Mise en page encapsulée (menu latéral, fil d'Ariane, onglets, en-têtes et pieds de page, etc.), vous n'avez qu'à专注于业务开发
• Gestion des autorisations : prend en charge les autorisations菜单级et按钮级
• Configuration de routage : une configuration minimaliste qui génère automatiquement le routage, les menus, le fil d'Ariane, etc., prend en charge le routage imbriqué, la mise en page simple/pas et d'autres configurations, prend en charge les changements dynamiques de routage, etc.
• ? Gestion des données : conception d'une architecture分层(données et vues), la solution de gestion des données prend théoriquement en charge l'accès à n'importe quelle bibliothèque/framework de rendu d'interface utilisateur (y compris, mais sans s'y limiter, React/Vue/Angular)
• Changement de couleur de peau : prend en charge tout changement de couleur en mode teint foncé/clair.
• ?️Multi-onglet : multi-onglet déplaçable, prend en charge la persistance, le menu contextuel, etc.
• ? Animation élégante : prend en charge l'animation de changement d'itinéraire, la page à onglets, le menu, l'animation des boutons de fonction, etc.
• ? Autres fonctions : telles que响应式设计,国际化, Mock ,环境配置,工程化规范, etc .

démarrage rapide

 # 安装依赖
npm i

# 启动服务
npm start

Accès au navigateur http://localhost:9527

construire

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

Compatible avec le navigateur

Compatible avec les navigateurs prenant en charge es2015, non compatible avec IE Il est recommandé d'être au moins :

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

thème

N'importe quel commutateur de couleur principale

Vitellus

Sombre

Océan

Monokaï

Cosmique

plusieurs balises

?Aperçu en ligne ?Documentation

Comment soutenir ce projet ?

• Si vous aimez ce projet ou pensez qu'il vous est utile, merci de donner une étoile à notre projet ️
• Créer des demandes d'extraction, soumettre des problèmes, suggérer de nouvelles fonctionnalités ou mettre à jour la documentation ?