typora画流程图、时序图(顺序图)、甘特图

1. 横向流程图

源码：

~~~mermaid
graph LRA[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[横向流程图]
~~~

效果如图：

2. 竖向流程图

源码：

~~~mermaid
graph TD
A[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[竖向流程图]
~~~

如图：

3. 标准流程图

源码：

~~~flow
st=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st->op->condcond(yes)->io->econd(no)->sub1(right)->op
~~~

如图：

4. 标准流程图（横向）

源码：

~~~flow
st=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st(right)->op(right)->condcond(yes)->io(bottom)->econd(no)->sub1(right)->op
~~~

如图：

5. UML时序图

源码：

~~~sequence
lyp_csdn_对象A->lyp_csdn_对象B: 对象B你好吗?（请求）Note right of lyp_csdn_对象B: 对象B的描述Note left of lyp_csdn_对象A: 对象A的描述(提示)lyp_csdn_对象B-->lyp_csdn_对象A: 我很好(响应)lyp_csdn_对象A->lyp_csdn_对象B: 你真的好吗？
~~~

如图：

6. UML时序图（复杂样例）

源码：

~~~sequence
Title: ULM时序图复杂使用（标题）对象A->对象B: 对象B你好吗?（请求）Note right of 对象B: 对象B的描述Note left of 对象A: 对象A的描述(提示)对象B-->对象A: 我很好(响应)对象B->小三: 你好吗小三-->>对象A: 对象B找我了对象A->对象B: 你真的好吗？Note over 小三,对象B: 我们是朋友participant CNote right of C: 没人陪我玩
~~~

如图：

7. UML标准时序图

源码：

~~~mermaid
%% 时序图例子,-> 直线，-->虚线，->>实线箭头sequenceDiagramparticipant 张三participant 李四张三->王五: 王五你好吗？loop 健康检查王五->王五: 与疾病战斗endNote right of 王五: 合理 食物 <br/>看医生...李四-->>张三: 很好!王五->李四: 你怎么样?李四-->王五: 很好!
~~~

如图：

8. 甘特图

源码：


%% 语法示例ganttdateFormat  YYYY-MM-DDtitle 软件开发甘特图section 设计需求                      :done,    des1, 2021-01-06,2021-01-08原型                      :active,  des2, 2021-01-09, 3dUI设计                     :         des3, after des2, 5d未来任务                     :         des4, after des3, 5dsection 开发学习准备理解需求                      :crit, done, 2021-01-06,24h设计框架                             :crit, done, after des2, 2d开发                                 :crit, active, 3d未来任务                              :crit, 5d耍                                   :2dsection 测试功能测试                              :active, a1, after des3, 3d压力测试                               :after a1  , 20h测试报告                               : 48h

如图：

typora画流程图、时序图(顺序图)、甘特图相关推荐

使用Typora画流程图、时序图、顺序图、甘特图、等图详解
目录概述一.流程图二.UML时序图三.甘特图四.类图五.状态图六.饼图七.导出八.总结概述 Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Mar ...
xmind8使用甘特图与导出甘特图PDF
1新建思维导图 2打开甘特图视图 3填写甘特图信息 4导出甘特图PDF
Typora画流程图、时序图、顺序图、甘特图(四)
概述 Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别.即时渲染使得你写Markdown就想是写Word文档一样流畅自如 ...
typora 画流程图、时序图(顺序图)、甘特图
下述流程图的语言写mermaid 横向流程图 graph LR A[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[ ...
kali怎么新建文本_甘特图怎么画？零基础快速绘制甘特图的软件
甘特图还有一个别称就是横道图.顾名思义,图形就是用横条表示的.甘特图的意义在于用横条来表示时间的进度,不论是在项目管理过程中,还是公司未来计划安排中都可以选择应用甘特图来清晰明了的表达. 甘特图怎么画 ...
怎么画流程图攻略：思维导图的绘制技巧详解
什么是思维导图?思维导图是流程图的一种,是我们在生活中经常会使用的一个辅助工具,比如说在读书期间在笔记本上记录的树状图.模型图,这些都是思维导图. 一.思维导图的优点正如思维导图的这个命名,它是一种 ...
Microsoft Office 家族甘特图和第三方甘特图软件
前几天因为做项目要画甘特图,项目文档规范中要求使用microsoft project,由于之前使用的是excel,现在为了统一,只好改了.在改之前先上网搜了一下microsoft project这个软 ...
html 绘制甘特图,Markdown绘制甘特图教程
日常工作中多个项目并行推进时,很难描述清楚每个任务的进度,以及当前状态.之前也想过用甘特图来管理项目进度,但是绘制甘特图的成本太高,而且不容易掌握.很难在团队中推广普及. 最近在使用Markdown排 ...
MindManager脑图之项目管理甘特图
MindManager脑图软件曾有个很受欢迎的第三方插件JCVGantt Pro 3.它用以扩充MM的功能,实现项目管理安排,以及制作项目甘特图.在MM8.9等以后的版本中,MM自带了项目管理功能,可 ...

typora画流程图、时序图(顺序图)、甘特图

1. 横向流程图

2. 竖向流程图

3. 标准流程图

4. 标准流程图（横向）

5. UML时序图

6. UML时序图（复杂样例）

7. UML标准时序图

8. 甘特图

typora画流程图、时序图(顺序图)、甘特图相关推荐

最新文章

热门文章