技术文档画图工具箱

本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成

UI工具

主要有processondraw.ioexcalidrawarchimatetoolcloudcraft.co

processon

架构图

image.png
https://www.processon.com/vie...

类图

image.png
https://www.processon.com/vie...

ER图

image.png
https://www.processon.com/vie...

用例图

image.png
https://www.processon.com/vie...

流程图

image.png
https://www.processon.com/vie...

拓扑图

image.png
https://www.processon.com/vie...

draw.io

国内貌似访问不了,可以画C4、ER、UML、ArchiMate、AWS/Azure等

excalidraw

archimatetool

cloudcraft

主要是AWS的一些组件

diagram as code

主要有plantumlC4-PlantUMLContext Mapperstructurizrmermaid

plantuml

用例图


https://plantuml.com/zh/use-c...

类图


https://plantuml.com/zh/class...

状态图


https://plantuml.com/zh/state...

流程图/活动图


https://plantuml.com/zh/activ...

时序图/顺序图


https://plantuml.com/zh/seque...

C4

主要有C4-PlantUMLC4-Builder

Context Mapper

这个应该是DDD爱好者最喜欢的工具,因为可以画出context map,非常高大上

structurizr

主打Diagrams as code的思想,可以导出PlantUML,C4-PlantUML,Mermaid,DOT,WebSequenceDiagrams,Ilograph格式

截屏2022-04-01 上午11.38.41.png

mermaid

跟markdown编辑器集成的比较好
截屏2022-04-01 上午11.53.04.png

小结

doc


code-craft
spring boot , docker and so on 欢迎关注微信公众号: geek_luandun

当一个代码的工匠回首往事时,不因虚度年华而悔恨,也不因碌碌无为而羞愧,这样,当他老的时候,可以很...

11.8k 声望
2k 粉丝
0 条评论

当一个代码的工匠回首往事时,不因虚度年华而悔恨,也不因碌碌无为而羞愧,这样,当他老的时候,可以很...

11.8k 声望
2k 粉丝
宣传栏