{"id":12311,"date":"2026-10-13T15:47:48","date_gmt":"2026-10-13T07:47:48","guid":{"rendered":"https:\/\/www.cybermedian.com\/pl\/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\/pl\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/","title":{"rendered":"Diagramy jako kod: diagramy sekwencyjne UML z u\u017cyciem PlantUML i VPasCode"},"content":{"rendered":"

Diagram sekwencyjny PlantUML UML<\/a> diagram sekwencyjny<\/a>pokazuje, jak uczestnicy wchodz\u0105 ze sob\u0105 w interakcje w czasie. Jest przydatny do dokumentowania scenariusza u\u017cycia<\/a>, przep\u0142ywu API, procesu biznesowego lub scenariusza systemowego. Czas zazwyczaj p\u0142ynie od g\u00f3ry do do\u0142u; pozioma pozycja pokazuje, kto bierze udzia\u0142, a nie precyzyjny pomiar up\u0142ywu czasu.<\/p>\n

PlantUML<\/a>umo\u017cliwia opisanie diagramu jako tekstu. Edytor VPasCode firmy Visual Paradigm<\/a>\u0142\u0105czy edytor kodu z podgl\u0105dem na \u017cywo i pomoc\u0105 AI w generowaniu, modyfikowaniu i poprawianiu kodu diagramu. Dobrym przep\u0142ywem pracy jest u\u017cycie AI do uzyskania pierwszego szkicu, a nast\u0119pnie samodzielne sprawdzenie i dopracowanie kodu PlantUML.<\/p>\n

\"Diagram<\/p>\n

1. Podstawowa struktura<\/h2>\n

Diagram sekwencyjny PlantUML Diagram sekwencyjny PlantUML<\/a>zaczyna si\u0119 od @startuml<\/code> i ko\u0144czy si\u0119 na @enduml<\/code>. Uczestnicy s\u0105 zazwyczaj wymieniani przed wiadomo\u015bciami, aby\u015b m\u00f3g\u0142 kontrolowa\u0107 ich nazwy i kolejno\u015b\u0107.<\/p>\n

\"Interfejs<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdytuj PlantUML w VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdytuj PlantUML w VPasCode<\/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 Klient\r\nparticipant Przegl\u0105darka\r\nparticipant \"API zam\u00f3wie\u0144\" jako API\r\ndatabase \"Baza danych zam\u00f3wie\u0144\" jako DB\r\n\r\nKlient -> Przegl\u0105darka: Z\u0142\u00f3\u017c zam\u00f3wienie\r\nPrzegl\u0105darka -> API: POST \/orders\r\nAPI -> DB: Zapisz zam\u00f3wienie\r\nDB --> API: ID zam\u00f3wienia\r\nAPI --> Przegl\u0105darka: 201 Created\r\nPrzegl\u0105darka -> Klient: Poka\u017c potwierdzenie\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>
\nEdytuj PlantUML w VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdytuj PlantUML w VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Wy\u015bwietlana etykieta uczestnika mo\u017ce by\u0107 uj\u0119ta w cudzys\u0142\u00f3w, z jako<\/code> zapewniaj\u0105c kr\u00f3tszy alias do u\u017cycia w wiadomo\u015bciach. Typowe s\u0142owa kluczowe uczestnik\u00f3w obejmuj\u0105 aktor<\/code>, uczestnik<\/code>, granica<\/code>, kontrola<\/code>, entitet<\/code>, baza danych<\/code>, oraz kolekcje<\/code>. U\u017cyj s\u0142owa kluczowego, kt\u00f3re najlepiej oddaje rol\u0119 uczestnika; nie narzuca ono konkretnej architektury.<\/p>\n
2. Odczytywanie wiadomo\u015bci i czasu<\/h2>\n
Ka\u017cda wiadomo\u015b\u0107 jest zapisywana jako nadawca, strza\u0142ka, odbiorca i etykieta. Kolejno\u015b\u0107 linii wiadomo\u015bci okre\u015bla ich kolejno\u015b\u0107 pionow\u0105 na diagramie.<\/p>\n
\"Diagram<\/p>\n