Diagramme de classes UML en ligne

Diagramme de classes UML en ligne: à quoi ça sert

Écrivez les classes avec leurs attributs et leurs méthodes, indiquez la visibilité (+, -, #, ~) et reliez les classes par association, héritage, composition, agrégation ou dépendance, avec la multiplicité à chaque extrémité. Le diagramme se dessine pendant que vous tapez.

Le code utilise la syntaxe ouverte de Mermaid, celle que GitHub, GitLab et Notion savent dessiner, vous pouvez donc coller le même texte dans la documentation du projet.

Mode d’emploi

1. Écrivez les classes avec leurs attributs et leurs méthodes.
2. Reliez les classes avec les flèches de relation.
3. Téléchargez le diagramme en PNG ou SVG.

Quand l’utiliser

• Travail universitaire d’analyse de systèmes.
• Documentation de projet.
• Modéliser le domaine avant de programmer.

Questions fréquentes

Comment écrire une classe ?

Utilisez class Nom { } et, entre les accolades, une ligne par attribut ou méthode. Le signe devant indique la visibilité : + public, - privé, # protégé et ~ de package. Les méthodes prennent des parenthèses et peuvent avoir le type de retour ensuite, comme +total() float.

Comment montrer l’héritage, la composition et l’agrégation ?

Avec les flèches entre les classes : A <|-- B est l’héritage (B hérite de A), A *-- B est la composition, A o-- B est l’agrégation, A --> B est l’association et A ..> B est la dépendance. Pour la multiplicité, mettez-la entre guillemets des deux côtés, comme Client "1" --> "*" Commande.

Quel est ce langage ?

C’est la syntaxe de Mermaid, un standard ouvert de diagrammes par texte qui fonctionne aussi dans GitHub, GitLab et Notion. Le code que vous écrivez ici peut être collé dans ces outils.

Vraiment gratuit ?

Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.

Outils similaires