Sequence diagram of UML diagram series

UML Sequence diagram of figure series

UML-Unified Modeling Language Unified modeling language , Also known as standard modeling language , It is a kind of language used for visual modeling of software intensive system . Sequence diagram (Sequence Diagram), Also known as sequence diagram 、 Sequence diagram , It's a kind of UML Interaction diagram , It passes through Describes the time sequence of sending messages between objects, and displays the dynamic collaboration between multiple objects . This paper introduces the concept of sequence diagram and its drawing tools .

1 Sequence diagram introduction

The following figure is an example of a complete sequence diagram ： Sequence diagram package is a two-dimensional structure diagram , Multiple interactive objects expand horizontally from left to right , Each object has a vertical dotted line （ Lifeline ）, The data transmission in the sequence diagram will be carried out from top to bottom along the lifeline .

For a detailed introduction to sequence diagrams, please refer to this Blog , If you want to get started with sequence diagrams quickly , I suggest seeing this video To learn . Here are just a few important knowledge points ：

• The return message uses dashed lines , Usually from right to left （ But there are also left to right ）：
  

2 Draw a sequence diagram using the language bird

We can use Visio、ppt Or any other drawing software to draw sequence diagrams , But I prefer PlantUML draw ,PlantUML It is a tool that can be written quickly UML Components of the diagram , You don't have to drag the rectangle yourself 、 Lifeline 、 Arrow and other drawing contents , Just write the corresponding syntax commands , Can automatically generate UML chart , Does it sound interesting ？

And YuQue also supports PlantUML grammar , You can write code and draw directly in the document UML chart . Usage method ： After creating a new document , Click the plus sign in the upper left corner , Then select text drawing ：

The figure below shows the use of PlantUML Draw a sequence diagram , The grammar is very simple , You only need to understand the sample code on the left side of the figure below to get started .

3 Use VSCode Of PlantUML The plug-in draws a sequence diagram

If you don't want to use YuQue , It can also be in VSCode Search for PlantUML The plug-in draws a sequence diagram , The grammar is the same .

Usage method ： Search plug-ins PlantUML, Find the installation with the most downloads ：

Create a new file to describe the sequence diagram , The extension of the code file can be as follows ：*.wsd, *.pu, *.puml, *.plantuml, *.iuml. Then paste the test code above , Press Alt+d You can see the preview ：

4 Use IDEA Draw sequence diagram

IDEA The plug-in function in is against the sky , You don't need to draw your own sequence diagram , Installing a plug-in SequenceDiagram：

Then right-click the name of the method you want to draw the sequence diagram , Selection rule Sequence Diagram：

Then you will see that the sequence diagram has been drawn ：