养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-27 05:33:41

markdown做为笔记记录,在方便不过,这里记录经常要用的流程图画法模版

工具/原料

typora

方法/步骤

1、横向流程图源码格式:```mermaidgraphLRA[方形]-->B(圆角)B-->C{条件a}C-->|a=1|D[结果1]C-->|a=2|E[结果2]F[横向流程图]```

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

2、竖向流程图源码格式:```mermaidgraphTDA[方形]-->B(圆角)B-->C{条件a}C-->|a=1|D[结果1]C-->|a=2|E[结果2]F[竖向流程图]```

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

3、标准流程图源码格式:```flowst=>start:开始框op=>operation:处理框cond=>condition:判断框(是或否?)sub1=>subroutine:子流程io=>inputoutput:输入输出框e=>end:结束框st->op->condcond(yes)->io->econd(no)->sub1(right)->op```

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

4、标准流程图源码格式(横向):```flowst=>start:开始框op=>operation:处理框cond=>condition:判断框(是或否?)sub1=>subroutine:子流程io=>inputoutput:输入输出框e=>end:结束框st(right)->op(right)->condcond(yes)->io(bottom)->econd(no)->sub1(right)->op```

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

5、UML时序图源码样例:```sequence对象A->对象B:对象B你好吗?(请求)Noterightof对象B:对象B的描述Noteleftof对象A:对象A的描述(提示)对象B-->对象A:我很好(响应)对象A->对象B:你真的好吗?```

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

6、UML时序图源码复杂样例:```sequenceTitle:标题:复杂使用对象A->对象B:对象B你好吗?(请求)Noterightof对象B:对象B的描述Noteleftof对象A:对象A的描述(提示)对象B-->对象A:我很好(响应)对象B->小三:你好吗小三-->>对象A:对象B找我了对象A->对象B:你真的好吗?Noteover小三,对象B:我们是朋友participantCNoterightofC:没人陪我玩```

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

7、UML标准时序图样例:```mermaid%%时序图例子,->直线水貔藻疽,-->虚线,->>实线箭头惺绅寨瞀sequenceDiagramparticipant张三participant李四张三->王五:王五你好吗?loop健康检查王五->王五:与疾病战斗endNoterightof王五:合理食物<br/>看医生...李四-->>张三:很好!王五->李四:你怎么样?李四-->王五:很好!```

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

8、甘特图样例:```mermaid%%语法示例咯悝滩镞ganttdateFormatYYYY-MM-DDtitle软件开发甘特图sec墉掠载牿tion设计需求:done,des1,2014-01-06,2014-01-08原型:active,des2,2014-01-09,3dUI设计:des3,afterdes2,5d 未来任务:des4,afterdes3,5dsection开发学习准备理解需求:crit,done,2014-01-06,24h设计框架:crit,done,afterdes2,2d开发:crit,active,3d未来任务:crit,5d耍:2dsection测试功能测试:active,a1,afterdes3,3d压力测试:aftera1,20h测试报告:48h```

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

© 一点知识