百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

架构师必备,5个用代码生成技术文档图表的开源工具

ccwgpt 2025-03-06 13:10 118 浏览 0 评论

作为开发人员,日常工作中难免会遇到一些需要画图的时候,特别是在写一些接口文档的时候,画一些流程图或者时序图是很重要的。但我们使用的大部分画图工具,都以独特的二进制文件存储,缺点不利于团队协作和分享,导致跟随代码的相关思维图不能更好地被管理,甚至无法与代码保持及时更新迭代,所以软件工程师们更希望通过像代码一样来管理图形化思维。目前越来越流行的一个概念是diagrams as code(DAC),也就是图表即代码。

就目前来说,通过DAC实现代码化的图表有以下的优势:

  • 易于编辑(文本编辑器即可修改)
  • 版本管理(借助版本管理软件git)
  • 动态更新(可以通过代码来实时更新)

今天就来介绍5个架构师必备的diagrams as code工具,让你的日常工作效率倍增。

mermaid

Mermaid 是一个基于 Markdown 语法的绘图工具,通过简洁的语法,可以轻松绘制多种图表,让工作更高效、学习更有趣。 Mermaid 支持了大量的常见图表类型,比如流程图、时序图、类图、状态图、实体关系图、甘特图、C4图、思维导图等。

Mermaid 诞生的主要目的是让文档的更新能够及时跟上开发进度。绘图和编写文档花费了开发者宝贵的开发时间,而且随着业务的变更,它很快就会过期。 但是如果缺少了图表或文档,对于生产力和团队新人的业务学习都会产生巨大的阻碍。Mermaid 通过允许用户创建便于修改的图表来解决这一难题,它也可以作为生产脚本(或其他代码)的一部分。

下面是一些可以使用 Mermaid 创建的图表示例。

流程图

flowchart LR
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]


时序图

sequenceDiagram
Alice->>John: Hello John, how are you?
loop HealthCheck
    John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!


diagrams

diagrams 主要是一款云系统架构图的绘制工具,它的理念是 diagrams as code。

diagrams 让您可以用 Python 代码绘制云系统架构。它的诞生是为了在没有任何设计工具的情况下对新的系统架构设计进行原型设计。您还可以描述或可视化现有的系统架构。目前,Diagrams 支持的主要提供商包括:AWS、Azure、GCP、Kubernetes、Alibaba Cloud等Oracle Cloud...它还支持On-Premise节点、SaaS以及主要Programming框架和语言。

你还可以通过使用版本控制,比如git,来持续管理你的云上系统架构。说到云架构图这个事,这真是我的专业领域,其实diagrams生成的效果并不是太好,有很多产品效果上都比它要好看。但是diagrams有几点优势吧:

  • 开源:这样它既是免费的,又可以按自己需要做扩展。
  • DAC:虽然我个人觉得目前还是噱头偏大,但这个思路是好的
  • 支持广泛:支持的云还是挺多的,国内当然还是少。

PlantUML

PlantUML是一款开源的UML图绘制工具,支持通过文本来生成图形,使用起来非常高效。可以支持时序图、类图、对象图、活动图、思维导图等图形的绘制。

下面使用PlantUML来绘制一张流程图,可以实时预览,速度也很快!

PlantUML还提供了VScode插件,可以直接安装使用,非常的方便。


structurizr

Structurizr 建立在“diagrams as code”的基础上,允许您使用各种渲染工具从单个模型创建多个软件架构图,它最主打的是C4模型的架构图。。可以导出PlantUML,C4-PlantUML,Mermaid,DOT,WebSequenceDiagrams,Ilograph格式。最适合想要将 C4 模型与 DSL 一起使用并将其签入源代码管理的技术人员。

Structurizr 工具有多个版本,涵盖不同的使用场景。

Structurizr 在开源上也是比较完善的一个,它的组下开源了相关的一系列工具,包括java的、CLI、lite版和例子等。


terrastruct-d2

terrastruct的d2是一种图表脚本语言,可将文本转换为图表。适合想要使用自动布局功能在代码中创建灵活图表的开发人员。

terrastruct提供了在线的playground,可以直接在线来编辑和生成图表。


当然terrastruct也提供了多种使用模式,包括了VScode、vim的插件,CLI工具,Obsidian插件等。下面是使用cli模式,来生成一个架构图的示例,可以看到随着代码的编写,会逐渐生成出 图表。


总结

当今大多数图表工具都是设计工具,而不是开发工具。他们为您提供空白画布和拖放工具栏,就像 Figma 或 Photoshop 上看到的那样,并将其预期的工作流程视为设计过程。工程师不是视觉设计师,缺乏可视化设计能力不应妨碍有价值文档的创建。并且设计和开发的割裂也会产生很多的过程摩擦。

Hashicorp 引入 Terraform 让工程师以代码形式编写基础设施的结构,也就是IAC。现在架构设计方面的DAC(diagrams as code)也正在展现出越来越多的优势。希望这些工具可以帮助到作为架构师的你,更好的、更高效的去带领团队完成工作。

相关推荐

质量持续改善流程,34页产品研发质量管理流程框架及详细方案

分享职场干货,提升能力!为职场精英打造个人知识体系,升职加薪!产品研发质量管理流程框架及详细方案如何拿到分享的源文件:请您关注、转发,然后私信本头条号“文米”2个字,按照操作流程,专人负责发送源文件给...

[汇川PLC] 汇川IFA程序框架01-新建一个项目

汇川iFA对标西门子,新选择!汇川刚刚发布的iFA平台(2月14日),一眼望去就是对标西门子的全集成自动化平台博途(TIAPortal)。这个平台可以在一个平台上对PLC、变频器、伺服、工业机器人、...

IBM EPF企业过程框架(ibm erp)

前言本人野路子出身,在过往的经历中都是自己摸索着学习,并没有建立体系化的能力框架,也因此往往过多关注具体的技术细节,缺乏体系化方法论支撑。之前也曾尝试去学习“金字塔原理”、“平衡计分卡模型”、“TOG...

嵌入式MCU程序框架设计:三种经典模式,你该选哪种?

在嵌入式开发中,程序框架设计是决定系统性能、可维护性和开发效率的关键。今天,我们将介绍三种经典的嵌入式MCU程序框架设计模式:顺序执行的前后台系统、时间片轮询系统和多任务操作系统(RTOS)。每种模式...

资深工程师分享:PLC程序设计思路分享(二)

在论坛里面有个学员问了一个程序设计的问题,问题如下所示:我现在有个程序没有想到办法,就是有五个气缸!每次随机选择,按先选先动的顺序编程!应该怎么做!能不能写个程序看看?s7-1200的plc.。例如选...

135页企业流程框架——美的战略经营部咨询方法论(可提供PDF)

如果觉得本文不错,欢迎大家转发、点赞和评论,您的鼓励是我持续更新的不竭动力!如何拿到分享的源文件:请您关注本头条号,然后私信本头条号“俊知道”3个字,按照操作流程,专人负责发送源文件给您。...

单片机最好用的程序框架,莫过于状态机了

ZorbFramework是一个基于面向对象的思想来搭建一个轻量级的嵌入式框架。本次分享的是ZorbFramework的状态机的实现。中小型嵌入式程序说白了就是由各种状态机组成,因此掌握了如何构建...

智能硬件产品/项目研发流程框架及交付件模板V5.0

52页流程信息化总体规划项目,制造与供应链高阶流程框架L1-L4

分享职场干货,提升能力!为职场精英打造个人知识体系,升职加薪!流程信息化总体规划项目如何拿到分享的源文件:请您关注、转发,然后私信本头条号“文米”2个字,按照操作流程,专人负责发送源文件给您。...

这52张PPT把期货基础、研究框架和下半年策略都说透了

...

研报学习:稀土产业链研究框架(国信证券)

【推荐】AI大模型研究框架|附下载

锋行链盟推荐阅读非会员仅试读以上内容公众号:锋行链盟后台回复【9033】下载报告回复【5】领取人工智能大模型报告合集|3200份...

四川石窟寺“1+4”保护研究框架协议签订

来源:环球网【环球网文化综合报道】近日,巴中石窟保护利用项目专家论证会召开。四川石窟寺保护研究院、乐山大佛石窟研究院、安岳石窟研究院、广元石窟研究所、巴中石窟研究中心四方共同签订了《四川石窟寺“1+...

中考数学知识框架(中考数学知识点细目表)

如何使用知识框架进行学习和发展 | 2023年7月15日

今天想聊一聊知识框架这回事。在《费曼学习法》一书中看到了这样一个小故事:"从中学开始,小唐就拥有自己的学习小组,每个学习小组都代表了不同的兴趣和方向。他与不同的老师和同学在小组中做针对性的讨论...

取消回复欢迎 发表评论: