{"id":12141,"date":"2026-10-13T15:47:48","date_gmt":"2026-10-13T07:47:48","guid":{"rendered":"https:\/\/www.cybermedian.com\/de\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/"},"modified":"2026-10-14T13:08:38","modified_gmt":"2026-10-14T05:08:38","slug":"diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/de\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/","title":{"rendered":"Diagramm als Code: UML-Sequenzdiagramme mit PlantUML und VPasCode"},"content":{"rendered":"

Ein UML<\/a> Sequenzdiagramm<\/a>zeigt, wie Teilnehmer im Laufe der Zeit interagieren. Es ist n\u00fctzlich zur Dokumentation eines Anwendungsfalls<\/a>, API-Fluss, Gesch\u00e4ftsprozess oder Systemszenario. Die Zeit verl\u00e4uft in der Regel von oben nach unten; die horizontale Anordnung zeigt, wer teilnimmt, nicht ein genaues Ma\u00df f\u00fcr die vergangene Zeit.<\/p>\n

PlantUML<\/a>erm\u00f6glicht es Ihnen, das Diagramm als Text zu beschreiben. Visual Paradigms VPasCode-Edito<\/a>r kombiniert einen Code-Editor mit einer Live-Vorschau und KI-Unterst\u00fctzung zum Erstellen, \u00c4ndern und Korrigieren von Diagrammcode. Ein guter Arbeitsablauf besteht darin, KI f\u00fcr einen ersten Entwurf zu verwenden und dann das PlantUML selbst zu \u00fcberpr\u00fcfen und zu verfeinern.<\/p>\n

\"UML-Sequenzdiagramm,<\/p>\n

1. Die Grundstruktur<\/h2>\n

Ein PlantUML-Sequenzdiagramm<\/a>beginnt mit @startuml<\/code> und endet mit @enduml<\/code>. Teilnehmer werden normalerweise vor den Nachrichten aufgelistet, damit Sie deren Namen und Reihenfolge steuern k\u00f6nnen.<\/p>\n

\"VPasCode-Schnittstelle,<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\r\nactor Kunde\r\nparticipant Browser\r\nparticipant \"Bestell-API\" als API\r\ndatabase \"Bestell-DB\" als DB\r\n\r\nKunde -> Browser: Bestellung aufgeben\r\nBrowser -> API: POST \/orders\r\nAPI -> DB: Bestellung speichern\r\nDB --> API: Bestell-ID\r\nAPI --> Browser: 201 Created\r\nBrowser -> Kunde: Best\u00e4tigung anzeigen\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nPlantUML in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Das angezeigte Label des Teilnehmers kann in Anf\u00fchrungszeichen gesetzt werden, mit als<\/code> einen k\u00fcrzeren Alias f\u00fcr die Verwendung in Nachrichten bereitstellen. H\u00e4ufig verwendete Teilnehmer-Schl\u00fcsselw\u00f6rter sind Akteur<\/code>, Teilnehmer<\/code>, Grenze<\/code>, Steuerung<\/code>, Entit\u00e4t<\/code>, Datenbank<\/code>, und Sammlungen<\/code>. Verwenden Sie das Schl\u00fcsselwort, das die Rolle des Teilnehmers am besten beschreibt; es erzwingt keine bestimmte Architektur.<\/p>\n
2. Nachrichten und Zeit lesen<\/h2>\n
Jede Nachricht wird als Absender, ein Pfeil, ein Empf\u00e4nger und ein Label geschrieben. Die Reihenfolge der Nachrichtenzeilen bestimmt ihre vertikale Reihenfolge im Diagramm.<\/p>\n
\"PlantUML-Sequenzdiagramm,<\/p>\n