CSDN Markdown简明教程4-UML图

0.目录

1. 前言

Markdown是一种轻量级的标记语言，把作者从繁杂的排版工作中解放出来，实现易读易写的文章写作，已经逐渐成为事实上的行业标准。CSDN博客支持Markdown可以让广大博友更加专注于博客内容，大赞。但是，不少博友可能对Markdown比较生疏，本博接下来用一个系列文章《Markdown简明教程》扼要介绍Markdown，希望可以对大家有所帮助。

系列教程目录

• 关于Markdown
• Markdown基本使用
• Markdown表格和公式
• Markdown UML图
• CSDN Markdown快速上手
• Markdown 参考手册

本文为《Markdown简明教程》系列教程的第4篇Markdown UML图，主要讲解Markdown序列图、流程图等, 顺便为介绍了无需任何插件的在线绘制UML的Gravizo。

2. 序列图

2.1 序列图示例

基于js-sequence-diagrams实现了序列图，使用下列的格式声明一个序列图：

在网页上解析结果为：

注意：所有的序列图代码需要放在一个语法类型为sequence的代码块中。如下面代码所示。

2.2 序列图语法

序列图的语法如下图所示。

具体来说：

• 设置title，采用title: message。

title: 序列图标题

将编译为：

• 设置participant，采用participant: actor

participant A
participant B

将编译为：

• 设置note，
  
  • 左侧note： note left of acotor： message
  • 右侧note： note right of actor: message,
  • 覆盖note： note over actor:message

note left of A: 左侧note
note right of B: 右侧note
note over C: 覆盖note
note over A,B: 覆盖多个actor
note over B,C: 测试下\n 换行

将编译为：