👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

5.5 KiB

Ant Design Pro

Langue : 🇺🇸 | 🇨🇳 | 🇷🇺 | 🇹🇷 | 🇯🇵 | 🇫🇷 | 🇧🇷 | 🇩🇿 | 🇪🇸

Ant Design Pro

Une solution d'interface utilisateur prête à l'emploi pour les applications d'entreprise, basée sur React.

CI Preview Deploy Build With Umi Checked with Biome

aperçu du thème clair aperçu du thème sombre

Fonctionnalités

  • 💡 TypeScript : Un langage pour des applications JavaScript à grande échelle
  • 📜 Blocs : Construisez des pages avec des modèles de blocs
  • 💎 Design soigné : Conforme à la spécification Ant Design
  • 📐 Modèles courants : Modèles typiques pour les applications d'entreprise
  • 🚀 Développement de pointe : Stack de développement la plus récente avec React/umi/dva/antd
  • 📱 Responsive : Conçu pour différentes tailles d'écran
  • 🎨 Thématisation : Thème personnalisable avec une configuration simple
  • 🌐 Internationalisation : Solution i18n intégrée
  • ⚙️ Bonnes pratiques : Workflow solide pour garder votre code sain
  • 🔢 Développement mock : Solution de développement mock facile à utiliser
  • Tests UI : Sécurité avec des tests unitaires et e2e

Modèles

- Tableau de bord
  - Analytique
  - Surveillance
  - Espace de travail
- Formulaire
  - Formulaire de base
  - Formulaire par étapes
  - Formulaire avancé
- Liste
  - Tableau standard
  - Liste standard
  - Liste de cartes
  - Liste de recherche (Projet/Applications/Article)
- Profil
  - Profil simple
  - Profil avancé
- Compte
  - Centre de compte
  - Paramètres du compte
- Résultat
  - Succès
  - Échec
- Exception
  - 403
  - 404
  - 500
- Utilisateur
  - Connexion
  - Inscription
  - Résultat d'inscription

Utilisation

Utiliser bash

Nous fournissons pro-cli pour initialiser rapidement le projet.

# utiliser npm
npm i @ant-design/pro-cli -g
pro create myapp

Choisissez le modèle pro. Simple est le modèle de base, qui ne fournit que le contenu de base pour le fonctionnement du framework. Complete contient tous les blocs, ce qui n'est pas adapté comme modèle de base pour un développement secondaire.

? 🚀 Un projet complet ou un simple squelette ? (Utilisez les flèches)
➥ simple
  complete

Initialisez le dépôt Git :

$ git init myapp

Installez les dépendances :

$ cd myapp && tyarn
// ou
$ cd myapp && npm install

Navigateurs supportés

Navigateurs modernes.

Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Edge 2 dernières versions 2 dernières versions 2 dernières versions 2 dernières versions

Contribution

Toute contribution est la bienvenue, voici quelques exemples de comment vous pouvez contribuer à ce projet :

  • Utilisez Ant Design Pro dans votre travail quotidien.
  • Soumettez des issues pour signaler des bugs ou poser des questions.
  • Proposez des pull requests pour améliorer notre code.