Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung des Sequenzdiagramms in Markdown (Bild und Text)

Ausführliche Erläuterung des Sequenzdiagramms in Markdown (Bild und Text)

不言
Freigeben: 2018-09-07 17:52:16
Original
2907 Leute haben es durchsucht

Der Inhalt dieses Artikels ist eine detaillierte Erklärung (Bilder und Texte) von Sequenzdiagrammen in Markdown. Ich hoffe, dass er für Sie hilfreich ist.

Unter vielen Markdown-Editoren verwendet der Autor Typora, das über die Eigenschaften der Echtzeit-Rendering-Sichtbarkeit und -Bearbeitung verfügt und auch benutzerdefinierte Rendering-Effekte unterstützt (ändern Sie einfach die CSS-Datei. Das unterstützte Flussdiagramm). Durch js-sequence wird das Codesegment des Sequenzdiagramms in einen Codeblock im Markdown-Format eingeschlossen. Sie müssen beispielsweise nur die entsprechende Markierung ändern:

"sequence
title: 序列图sequence(示例)
participant A
participant B
participant C
note left of A: A左侧说明
note over B: 覆盖B的说明
note right of C: C右侧说明
A->A:自己到自己
A->B:实线实箭头
A-->C:虚线实箭头
B->>C:实线虚箭头
B-->>A:虚线虚箭头"
Nach dem Login kopieren

Das von diesem Code gerenderte Flussdiagramm ist wie folgt folgt:

Ausführliche Erläuterung des Sequenzdiagramms in Markdown (Bild und Text)


Es hat hauptsächlich die folgenden Schlüsselwörter:

  1. Titel, der das definiert Titel des Sequenzdiagramms

  2. Teilnehmer, definiert das Objekt im Sequenzdiagramm

  3. Hinweis, definiert die Teilbeschreibung im Sequenzdiagramm

  4. {Akteur} stellt ein bestimmtes Objekt im Sequenzdiagramm dar (Name angepasst)

Die Ausrichtungssteuerung für Notizen umfasst hauptsächlich die folgenden Schlüsselwörter:

  1. links von, stellt die linke Seite des aktuellen Objekts dar

  2. rechts von, stellt die rechte Seite des aktuellen Objekts dar

  3. über, bedeutet das/die aktuelle(n) Objekt(e) abdecken

Die Pfeile für {Akteur} sind in die folgenden Typen unterteilt:

  1. -> stellt einen durchgezogenen Pfeil dar

  2. –> stellt einen gestrichelten durchgezogenen Pfeil dar

  3. ->> gestrichelter Pfeil

  4. –>> stellt einen gepunkteten Pfeil dar

Darüber hinaus kann die Objektdefinitionsanweisung im Sequenzdiagramm ignoriert werden, und die Note-Anweisung erkennt auch Zeilenumbrüche wie folgt:

"sequence
颜回->孔子: 吃饭了没?note right of 孔子: 孔子思考\n如何回答
孔子-->颜回: 吃过了。你咧?颜回->>孔子: 吃过了,吃过了!
"
Nach dem Login kopieren


Ausführliche Erläuterung des Sequenzdiagramms in Markdown (Bild und Text)

Dieser Artikel enthält eine detaillierte Erklärung von Sequenzdiagrammen in Markdown ( Bilder und Text), hat einen gewissen Referenzwert, Freunde in Not können sich darauf beziehen, ich hoffe, es wird Ihnen hilfreich sein.

Zusammenfassend ist der Ausführungsprozess des js-sequence-Moduls zur Syntaxanalyse des Sequenzcodes wie unten dargestellt (Bild vom Railroad Diagram Generator):

Ausführliche Erläuterung des Sequenzdiagramms in Markdown (Bild und Text)

Verwandt Empfehlungen:

Detaillierte Erläuterung der PHP-Serialisierungs- und Deserialisierungsmethoden, detaillierte Erläuterung der PHP-Serialisierung und Deserialisierung

Grundlegende Syntax und Verwendung von Markdown

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung des Sequenzdiagramms in Markdown (Bild und Text). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage