🧩
New! Render PlantUML diagrams directly inside GitHub with our official browser extension — No server. No tokens. No tracking. Zero permissions but clipboard. — Try it out and let us know what you think!

Diagramme de classes

Un diagramme de classes décrit la structure statique d'un système : ses classes, leurs attributs et méthodes, ainsi que les relations entre elles. C'est le diagramme UML le plus utilisé pour documenter l'organisation et la conception du code.

Avec PlantUML, la syntaxe ressemble à celle d'un langage de programmation, ce qui rend les attributs, les méthodes et les marqueurs de visibilité immédiatement familiers. Les relations utilisent le même style de flèches que les diagrammes de séquence.

Voir les commandes communes pour les fonctionnalités disponibles dans tous les types de diagrammes.

Élément déclaratif

[Réf. pour protocol et struct: GH-1028, pour exception: QA-16258, pour record et dataclass: GH-2232]

[Ref. for protocol and struct: GH-1028, for exception: QA-16258, for record and dataclass: GH-2232]

[Ref. for protocol and struct: GH-1028; for exception: GH-1056, QA-16258; for metaclass and stereotype: GH-1159, QA-16784; for record and dataclass: GH-2232]
WARNING
 This translation need to be updated. 
WARNING

Relations entre classes

Les relations entre les classes sont définies en utilisant les symboles suivants :

Type Symbole Objectif
Extension <|-- Spécialisation d'une classe dans une hiérarchie
Implémentation <|.. Réalisation d'une interface par une classe
Composition *-- La partie ne peut exister sans le tout
Agrégation o-- La partie peut exister indépendamment du tout
Dépendance --> L'objet utilise un autre objet
Dépendance ..> Une forme plus faible de dépendance

Il est possible de substituer -- par .. pour obtenir une ligne pointillée.

Grâce à ces règles, il est possible de faire les diagrammes suivants :

Étiquette sur les relations

Il est possible d'ajouter une étiquette sur la relation, en utilisant :, suivi par le texte de l'étiquette.

Pour la cardinalité, vous pouvez utiliser des guillemets doubles "" de chaque côté de la relation.

Vous pouvez ajouter une flèche supplémentaire pointant vers un objet et montrant quel objet agit sur l'autre objet, en utilisant < ou > au début ou à la fin de l'étiquette.

Caractères non alphabétiques dans les noms d'éléments et les étiquettes de relations

Si vous voulez utiliser autre chose que des lettres dans les noms des classes (ou les enums...), vous pouvez :

Si un alias est assigné à un élément, le reste du fichier doit se référer à cet élément par cet alias et non son nom.

Commencer un nom avec $

Note : les noms qui commencent par $ ne peuvent pas être cachés ou supprimés par après, parce que les commandes hide et remove les considéreront comme une $etiquette et non comme un nom de composant. Pour supprimer de tels éléments, ils doivent avoir un alias ou une étiquette.

Notez aussi que les noms qui commencent par $ sont valides, mais que pour assigner un alias à un tel élément le nom doit être entre guillemets "".

Ajouter des méthodes

Pour déclarer des méthodes ou des champs, vous pouvez utiliser le caractère : suivi de la méthode ou du champ.

Le système utilise la présence de parenthèses pour choisir entre méthodes et champs.

Il est possible de regrouper tous les champs et méthodes en utilisant des crochets {}.

Notez que la syntaxe est très souple sur l'ordre des champs et des méthodes.

Vous pouvez utiliser les directives {field} et {method} pour remplacer le comportement par défaut du système sur le choix entre champs et méthodes.

Définition de la visibilité

Lorsque vous définissez des méthodes ou des champs, vous pouvez utiliser des caractères pour définir la visibilité de l'élément correspondant

Caractère Icône pour le champ Icône de la méthode Visibilité
- private
# protected
~ package private
+ public

Vous pouvez désactiver cette fonctionnalité à l'aide de la commande skinparam classAttributeIconSize 0:

Les indicateurs de visibilité sont facultatifs et peuvent être omis individuellement sans désactiver les icônes globalement à l'aide de skinparam classAttributeIconSize 0.

Dans le cas où vous voudriez utiliser des méthodes ou champs qui commencent par l'un des caractères -, #, ~ ou +, échappez le premier caractère avec \. C'est utile dans certains langages, par exemple pour définir le destructeur de la classe Machin : ~Machin() :

*[Ref. [QA-4755](https://forum.plantuml.net/4755/provide-display-visibility-attributes-private-protected)]*
WARNING
 This translation need to be updated. 
WARNING

Visibility on compositions and aggregations

[Ref. QA-8294]

Abstrait et statique

Vous pouvez définir une méthode statique ou abstraite ou un champ utilisant {static} ou {abstract} modificateur.

Ce modificateur peut être utilisé au début ou à la fin de la ligne. Vous pouvez alors utiliser {classifier} plutôt que {static}.

Corps de classe avancé

Par défaut, méthodes et champs sont automatiquement regroupés par PlantUML. Vous pouvez utiliser un séparateur pour définir votre propre manière d'ordonner les champs et les méthodes. Les séparateurs suivants sont possibles : -- .. == __.

Vous pouvez aussi utiliser les titres dans les séparateurs.

Notes et stéréotypes

Stéréotypes sont définies avec le mot clé class, << et >>.

Vous pouvez aussi définir une note en utilisant les mots clés note left of , note right of , note top of , note bottom of.

Vous pouvez aussi définir une note sur la dernière classe utilisant note left, note right, note top, note bottom.

Une note peut aussi être définie le mot clé note, puis être lié à un autre objet en utilisant le symbole ...

WARNING
 This translation need to be updated. 
WARNING

Plus de notes

Il est également possible d'utiliser quelques balises HTML (voir expression créole) comme

Vous pouvez aussi avoir une note sur plusieurs lignes.

Vous pouvez aussi définir une note sur la dernière classe définie en utilisant note left, note right, note top , note bottom

WARNING
 This translation need to be updated. 
WARNING

Note sur un champ (champ, attribut, membre) ou une méthode

Il est possible d'ajouter une note sur un champ (champ, attribut, membre) ou une méthode.

⚠ Contrainte

Note sur un champ ou une méthode

Note sur une méthode de même nom

[Réf. QA-3474 et QA-5835]

Note sur les liens

Il est possible d'ajouter une note sur un lien, juste après la définition d'un lien, utiliser note on link.

Vous pouvez aussi utiliser note left on link, note right on link, note top on link, note bottom on link si vous voulez changer la position relative de la note avec l'étiquette.

Classe et interface abstraites

Vous pouvez déclarer une classe abstraite à l'aide des mots-clés abstract ou abstract class.

La classe sera imprimée en italique.

Vous pouvez également utiliser les mots-clés interface, annotation et enum

[Ref. 'Annotation with members'Issue#458]

Masquer les attributs et les méthodes

Vous pouvez paramétrer l'affichage des classes à l'aide de la commande hide/show .

La commande de base est: hide empty members. Cette commande va masquer la zone des champs ou des méthodes si celle-ci est vide.

A la place de empty members, vous pouvez utiliser:

Vous pouvez aussi fournir, juste après le mot-clé hide ou show :

Vous pouvez utiliser plusieurs commandes show/hide pour définir des règles et des exceptions.

Vous pouvez également combiner avec la visibilité :

*[Ref. [QA-2913](https://forum.plantuml.net/2913/hiding-based-on-visibilty?show=2916#a2916)]*

Masquer les classes

Vous pouvez également utiliser les commandes show/hide pour masquer les classes.

Cela peut être utile si vous définissez un grand fichier !inclus, et si vous voulez masquer certaines classes après l'inclusion du fichier

Supprimer des classes

Vous pouvez également utiliser les commandes remove pour supprimer des classes.

Cela peut être utile si vous définissez un grand fichier !inclus, et si vous voulez supprimer certaines classes après l'inclusion du fichier

Cacher, Supprimer ou Remettre des éléments marqués (tagged) ou wildcard

Vous pouvez mettre $tags (avec $) sur des éléments, puis supprimer, cacher ou remettre des composants individuellement ou en utilisant des tags.

Par défaut, tous les composants sont visibles:

Mais vous pouvez :

Masquer ou supprimer une classe non liée

Par défaut, toutes les classes sont affichées

Mais vous pouvez :

[Adapté de QA-11052]

Utilisation de la généricité

Vous pouvez aussi utiliser les signes inférieur < et supérieur > pour définir l'utilisation de la généricité dans une classe.

On peut désactiver ce comportement avec la commande skinparam genericDisplay old.

Caractère spécial

Normalement, un caractère (C, I, E ou A) est utilisé pour les classes, les interfaces ou les énum.

Vous pouvez aussi utiliser le caractère de votre choix, en définissant le stéréotype et en ajoutant une couleur, comme par exemple :

Packages

Vous pouvez définir un package en utilisant le mot-clé package, et optionnellement déclarer une couleur de fond pour votre package (en utilisant un code couleur HTML ou son nom).

Notez que les définitions de packages peuvent être imbriquées.

WARNING
 This translation need to be updated. 
WARNING

Modèle de paquet

Il y a différents styles de paquets disponibles.

Vous pouvez les spécifier chacun par un réglage par défaut avec la commande : skinparam packageStyle, ou par l'utilisation d'un stéréotype sur le paquet:

Vous pouvez aussi définir les liens entre les paquets, comme dans l'exemple suivant :

Les espaces de nommage

Depuis la version 1.2023.2 (publiée en béta) PlantUml a modifié le traitement des espaces de nommage et des packages.

Il n'y aura plus de différences entre espaces de nommage et packages : ces notions seront équivalentes.

Avec les packages, le nom de la classe est l'identifiant unique de la classe. Cela signifie qu'on ne peux pas avoir deux classes avec le même nom dans deux packages différents. Pour ce faire, vous devez utiliser des espace de nommage (namespace) à la place des packages.

Vous pouvez faire référence à des classes d'autres espace de nommage en les nommant complétement. Les classes de l'espace de nommage par défaut (racine) sont nommées en commençant par un point.

Il n'est pas obligatoire de créer les espaces de nom. Un classe avec son nom complet sera automatiquement ajoutée au bon espace de nommage.

There won't be any difference between namespaces and packages anymore: both keywords are now synonymous.

There won't be any difference between ``namespaces`` and ``packages`` anymore: both keywords are now synonymous.
WARNING
 This translation need to be updated. 
WARNING

Creation automatique d'espace de nommage

Vous pouvez définir une autre séparateur (autre que le point) en utilisant la commande : set separator ???.

Vous pouvez désactiver la création automatique d'espace de nommage en utilisant la commande set separator none.

Interface boucle

Vous pouvez aussi rajouter des interfaces sur les classes avec la syntaxe suivante:

Changer la direction des flèches

Par défaut, les liens entre les classe ont deux tirets -- et sont orientés verticalement. Il est possible d'utiliser une ligne horizontal en mettant un simple tiret (Ou un point) comme ceci:

Vous pouvez aussi changer le sens en renversant le lien :

Il est aussi possible de changer la direction d'une flèche en ajoutant les mots clés left, right, up ou down à l'intérieur de la flèche:

Il est possible de raccourcir la flèche en n'utilisant que la première lettre de la direction (par exemple, -d- au lieu de -down-) ou les deux premières lettres (-do-)

Attention à ne pas abuser de cette fonctionnalité : GraphViz donne généralement de bons résultats sans trop de raffistolages.

Et avec le paramètre left to right direction:

Classes d'association

Vous pouvez définir une classe d'association après qu'une relation ait été définie entre deux classes, comme dans l'exemple suivant:

Vous pouvez la définir dans une autre direction :

Association sur la même classe

[Réf. Incubation : Associations]

Personnalisation

La commande skinparam permet de changer la couleur et les polices de caractères.

Vous pouvez utiliser cette commande :

Stéréotypes Personnalisés

Vous pouvez définir des couleurs et des fontes de caractères spécifiques pour les classes stéréotypées.

Important: Contrairement aux stéréotypes des classes, il ne doit pas y avoir d'espaces entre skinparam et le stéréotype suivant.

N'importe quel espace tel que _ montré ci dessous fera que tous les skinparams seront ignorés cf.discussion discord et issue #1932:

Dégradé de couleurs

Vous pouvez déclarer des couleurs individuelles pour les classes, les notes, etc. en utilisant la notation #.

Vous pouvez utiliser des noms de couleurs standard ou des codes RVB dans diverses notations, voir Couleurs.

Vous pouvez également utiliser le dégradé de couleurs pour les couleurs de fond, avec la syntaxe suivante : deux noms de couleurs séparés soit par : selon la direction du gradient.

Par exemple

Aide pour la mise en page

Sometimes, the default layout is not perfect...

You can use together keyword to group some classes together : the layout engine will try to group them (as if they were in the same package).

You can also use hidden links to force the layout.

Découper les grands diagrammes

Parfois, vous obtiendrez des images de taille importante.

Vous pouvez utiliser la commande page (hpages)x(vpages) pour découper l'image en plusieurs fichiers:

hpages est le nombre de pages horizontales et vpages indique le nombre de pages verticales.

Vous pouvez aussi utiliser des paramètres spécifiques pour rajouter des bords sur les pages découpées (voir l'exemple).

Extension et implementation [extends, implements]

Il est aussi possible d'utiliser directement les mots clés extends and implements.

[Ref. QA-2239]

Relations entre crochets (liens ou flèches) style

Style de ligne

Il est également possible d'avoir explicitement des relations, des liens ou des flèches bold, dashed, dotted, hidden ou plain:

[Adapté de QA-4181]

Couleur de ligne

Épaisseur de ligne

[Réf. QA-4949]

Mélange

Modifier la couleur et le style d'une relation (lien ou flèche) (style en ligne)

Vous pouvez modifier la couleur ou le style d'une relation ou d'une flèche individuelle en utilisant la notation suivante en ligne

[Voir une fonctionnalité similaire sur le déploiement]

Modifier la couleur et le style d'une classe (style en ligne)

Vous pouvez modifier la couleur ou le style d'une classe individuelle en utilisant les deux notations suivantes

Avec la couleur de fond d'abord (#color), puis le style de ligne et la couleur de ligne (##[style]color )

[Réf. QA-1487]

Premier exemple original

[Réf. QA-3770]

Flèches de/vers les membres de la classe

Ref. QA-3636]

[Réf. QA-5261]

Regroupement de flèche d'héritage

Vous pouvez fusionner toutes les têtes de flèche à l'aide de la fonction skinparam groupInheritance, avec un seuil comme paramètre.

GroupInheritance 1 (pas de regroupement)

GroupInheritance 2 (regroupement à partir de 2)

GroupInheritance 3 (regroupement uniquement à partir de 3)

GroupInheritance 4 (regroupement uniquement à partir de 4)

[Réf. QA-3193, et Défaut QA-13532]

Display JSON Data on Class or Object diagram

Simple example

[Ref. QA-15481]

For another example, see on JSON page.

Packages and Namespaces Enhancement

[From V1.2023.2+, and V1.2023.5]

[Ref. GH-1352]

Qualified associations

Minimal example

[Ref. QA-16397, GH-1467]

Another example

Change diagram orientation

You can change (whole) diagram orientation with:

Top to bottom (by default)

With Graphviz (layout engine by default)

The main rule is: Nested element first, then simple element.

With Smetana (internal layout engine)

The main rule is the opposite: Simple element first, then nested element.

Left to right

With Graphviz (layout engine by default)

With Smetana (internal layout engine)

Role label to associations

[Ref. GH-2536, GH-2537]