Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >1 分钟掌握 PlantUML,快速绘制 UML 类图!

1 分钟掌握 PlantUML,快速绘制 UML 类图!

原创
作者头像
Eulogy
发布于 2025-04-01 14:47:04
发布于 2025-04-01 14:47:04
5.5K0
举报
文章被收录于专栏:JavaJava

引言

在项目开发和技术学习过程中,我们经常需要理解类之间的 继承、实现、关联 关系。UML 类图 直观地展示了这些关系,使代码结构更加清晰。

本篇文章将介绍 三种快速绘制 UML 类图的方法,不超过 10 分钟 即可上手:

  • 1 分钟掌握 PlantUML 在线工具
  • 3 分钟学会 IDEA 内置插件绘图
  • 5 分钟使用 PlantUML JAR 包生成 UML

无论你是 新手还是资深开发者,都能通过这些方法 轻松绘制 UML 类图,助力项目开发和技术理解。

PlantUML 代码语法快速上手

使用 PlantUML 绘制 UML 类图的核心语法非常简单,只需遵循以下步骤:

  1. 代码块 必须以 @startuml 开头,以 @enduml 结尾。
  2. 定义类和接口。
  3. 建立类与类之间的关系,包括:
    • 继承: A <|-- B(表示 B 继承 A)
    • 接口实现: A <|-- B(表示 B 继承 A)
    • 组合: A *-- B(表示 A 组合 B)

你可以直接复制下面的代码,快速创建 UML 类图:

代码语言:java
AI代码解释
复制
@startuml
' 定义接口
interface Serializable
interface Lock

' 定义类
class AbstractQueuedSynchronizer
class ConditionObject
class Node
class ReentrantLock
class Sync
class NonfairSync
class FairSync

' 继承关系
Serializable <|.. AbstractQueuedSynchronizer
Serializable <|.. ConditionObject
Serializable <|.. ReentrantLock
Lock <|.. ReentrantLock
' 实现关系
Sync <|-- NonfairSync
Sync <|-- FairSync

' 组合关系
ReentrantLock *-- Sync
ReentrantLock *-- NonfairSync
ReentrantLock *-- FairSync
AbstractQueuedSynchronizer *-- ConditionObject
AbstractQueuedSynchronizer *-- Node
@enduml

1.使用 PlantUML 在线工具(1 分钟)

步骤一: 访问网址:https://www.planttext.com/,进入plantUML在线界面。

步骤二: 编写构建类图的代码。

步骤三: 点击Refresh按钮,即可在代码右侧看到画出来的UML类图。

2.使用 IntelliJ IDEA + PlantUML 插件(3 分钟)

步骤一: 打开File->Setting->Plugins,找到PlantUML Integration插件,下载安装,然后重启IDEA。

步骤二: 在自定义目录下右键即可创建 .puml 后缀的文件,在该文件中编写构建类图的代码。

步骤三: 即可在右侧展现出来对应的uml类图。

3. 使用 PlantUML JAR 包(5 分钟)

步骤一: 之前还需要下载一个Graphviz,并把它配置到环境变量中,但现在它已经嵌入到plantuml中了,所以直接到https://github.com/plantuml/plantuml/releases的github链接下载plantUML的jar包,注意下载下面后缀的:

步骤二: 编写好画图用的代码,保存为.txt文件(其实什么格式都行,只要内容是对的)。

步骤三: 使用命令行界面,执行该jar包来为运行好的画图代码。

步骤四: 最后即可在运行的目录下得到画好的png图片。

总结

  • 如果你想快速上手,推荐使用 PlantUML 在线工具。
  • 如果你是 Java 开发者,强烈推荐 IntelliJ IDEA + PlantUML 插件。
  • 如果你喜欢 命令行自动化,可以使用 PlantUML JAR 包。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
2022 PlantUML 这款 IDEA 插件能搞,流程图、架构图,N种图... 简直神器!
在写文档的过程中,经常需要进行画图。最近发现 IDEA 有一款插件 PlantUML, 它本质上是也算一门可以快速画图的设计语言,学习起来也很方便,这篇文章主要向大家介绍IDEA 安装 PlantUML 试用体验,希望对大家有所帮助。
猫头虎
2024/04/08
1.7K0
2022 PlantUML 这款 IDEA 插件能搞,流程图、架构图,N种图... 简直神器!
PlantUML 简明教程
PlantUML 是一个开源项目,支持快速绘制时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图等。同时还支持非 UML 图的甘特图、架构图等。例如下面等用例图:
一个会写诗的程序员
2019/10/10
13.7K0
PlantUML 简明教程
PlantUML绘制UML图教程
UML(Unified Modeling Language)是一种通用的建模语言,广泛用于软件开发中对系统进行可视化建模。PlantUML是一款强大的工具,通过简单的文本描述,能够生成UML图,包括类图、时序图、用例图等。PlantUML是一款强大的工具,用于绘制UML图和其他类型的图表,包括系统架构图。在本教程中,我们将使用PlantUML插件在VSCode中绘制系统架构图。
Damon小智
2024/02/15
2K1
PlantUML绘制UML图教程
横空出世,比Visio快10倍的画图工具来了。
画 UML 图的工具,大家比较熟悉的应该是 visio 吧,大家觉得 visio 怎么样?
路人甲Java
2021/06/25
1.3K0
横空出世,比Visio快10倍的画图工具来了。
UML类图的基本操作
类图 在IDEA中安装和创建文件就不用说了直接说代码吧。 仅记录我目前使用到的的操作,全部使用详情请参考:https://plantuml.com/zh/class-diagram 本篇文章会持续更新我使用UML类图中用到的操作 这是我第一次用UML类图画出的图形 代码: @startuml 'https://plantuml.com/class-diagram A <|- B class A { +operation a():void +operation c():void
shaoshaossm
2022/12/27
6490
UML类图的基本操作
还发愁画流程图?这款比 Visio 快10倍的神仙插件全部帮你搞定!
总有童鞋问,这个流程图图怎么绘制的,这个UML类图用什么工具做的等等,今天给大家推荐一款idea插件PlantUml,来帮助大家快速快速完成绘制。
终码一生
2022/04/15
5710
还发愁画流程图?这款比 Visio 快10倍的神仙插件全部帮你搞定!
架构师的好帮手-PlantUML
大家在设计方案时是不是还在用ProcessOn这类工具来绘制,是不是时常还在为调整样式发愁,今天给大家推荐一个idea的插件,画图更高效。
热心的大肚皮
2023/10/25
5300
架构师的好帮手-PlantUML
PlantUML画图软件简介
在平时的工作中,经常会遇到绘制时序图、流程图的需求。在要求不高的时候,我们可以选择ProcessOn、Xmind这类工具来绘制,但有时候用代码来画图可能会更高效一点,毕竟没有比程序员更熟悉代码的了。今天给大家推荐一款画图工具PlantUML,可以配合IDEA使用,画图也更高效!
xiangzhihong
2021/12/30
1.6K0
PlantUML画图软件简介
横空出世,比Visio快10倍的画图工具来了。
总有童鞋问,这个流程图图怎么绘制的,这个UML类图用什么工具做的等等,今天给大家推荐一款idea插件PlantUml,来帮助大家快速快速完成绘制。
肉眼品世界
2021/10/15
5440
横空出世,比Visio快10倍的画图工具来了。
PlantUML的使用
之前都是使用processon来画UML图,虽说有很多模板,画图也比较方便。但是,非会员的话最多只能保存14张图,这就很坑了。每次对图的变更也不太方便,所以琢磨了下,发现了一款好用的画UML图的工具plantuml。 PlantUML是一个开源项目,支持采用编码的方式快速绘制图。这对于我们广大程序员而言无疑是很大的福音。PlantUML的官方文档。
码农飞哥
2021/08/18
8750
画图利器PlantUml
上篇文章大致总结了小程序开发的一些知识点。今天聊一个画图的东西plantuml。对于一个有一定经验的程序员来说,能够快速的将脑子里的想法用流程图之类的图画出来,是非常重要的,这也是高级程序员的一个基本操作。画图有很多中工具,xmind,markdown,在线流程图工具,甚至自己的时间充裕的话可以自己开发一个画图工具,今天主要说一下plantuml。
terrence386
2022/07/14
5110
画图利器PlantUml
PLANTUML快速上手
开发中需要画一些类图, 时序图, UML图等, 像draw.io这种可视化的绘图软件, 虽然灵活, 却要花费大量时间调整线条与布局.
fzmdev
2021/10/29
2K0
PLANTUML快速上手
比Visio快10倍的画图工具来了!赶紧整上~
来源 | 网络 ---- 总有童鞋问,这个流程图图怎么绘制的,这个UML类图用什么工具做的等等,今天给大家推荐一款idea插件PlantUml,来帮助大家快速快速完成绘制。 PlantUml是什么 PlantUml是一个支持快速绘制的开源项目。其定义了一套完整的语言用于实现UML关系图的描述,并基于强大的Graphviz图形渲染库进行UML图的生成。绘制的UML图还可以导出为图片,以及通用的矢量SVG格式文件。 PlantUML的优点 完全文本方式编辑,无需控件拖拽,自动调节图元距离,简单美观 与开发平台
程序猿DD
2023/04/04
5530
比Visio快10倍的画图工具来了!赶紧整上~
还在手画C#依赖关系图吗?快来试试这个工具吧!
笔者最近见到了一个不错的工具,可以让大家在看代码的时候一键生成C#依赖的类图。非常适合编写文档、查看和学习开源项目设计时使用,比如下方就是笔者通过这个工具生成的Microsoft.Extensions.ObjectPool依赖图,可以非常清晰明了的告诉我们类与类之间的关系。
InCerry
2023/03/08
2K0
还在手画C#依赖关系图吗?快来试试这个工具吧!
横空出世,比Visio快10倍的画图工具来了。
总有童鞋问,这个流程图图怎么绘制的,这个UML类图用什么工具做的等等,今天给大家推荐一款idea插件PlantUml,来帮助大家快速快速完成绘制。
谭庆波
2021/07/08
9770
横空出世,比Visio快10倍的画图工具来了。
PlantUML - 类图
PlantUML是一个开源项目,可以用来快速生成各种UML图,官方文档:https://plantuml.com/zh/
雨临Lewis
2022/01/12
2K0
PlantUML - 类图
一文掌握UML类图-PlantUML实操
UML(Unified Modeling Language,统一建模语言)是一种为面向对象系统的产品进行说明、可视化和编制文档的一种标准语言,是非专利的第三代建模和规约语言。UML是面向对象设计的建模工具,独立于任何具体程序设计语言。 方便程序员间交流,读别人代码是真的痛苦。
唔仄lo咚锵
2020/09/25
1.9K0
横空出世!IDEA画图神器来了,比Visio快10倍!
PlantUML是一款开源的UML图绘制工具,支持通过文本来生成图形,使用起来非常高效。可以支持时序图、类图、对象图、活动图、思维导图等图形的绘制。
macrozheng
2021/10/13
8920
横空出世!IDEA画图神器来了,比Visio快10倍!
02-设计模式 UML类图
因为现在开发中大多数都是使用的IDEA,虽然视频中使用的是Eclipse, 但是我还是使用IDEA来写
彼岸舞
2022/05/28
7350
02-设计模式 UML类图
手把手教你用代码画架构图
在今年的敏捷团队建设中,我通过Suite执行器实现了一键自动化单元测试。Juint除了Suite执行器还有哪些执行器呢?由此我的Runner探索之旅开始了!
京东技术
2023/08/22
2.3K1
手把手教你用代码画架构图
推荐阅读
相关推荐
2022 PlantUML 这款 IDEA 插件能搞,流程图、架构图,N种图... 简直神器!
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档