【PlantUML系列】思维导图（五）

最新推荐文章于 2025-09-24 06:49:59 发布

原创

最新推荐文章于 2025-09-24 06:49:59 发布 · 1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#PlantUML

一、开始、结束、新建分支

二、多行内容表示

三、颜色改变

一、开始、结束、新建分支

使用 @startmindmap 开始绘制思维导图。
使用 @endmindmap 结束绘制思维导图。
使用 + 或 - 新建分支，符号数量表示层级。

@startmindmap
+ 思维导图
++ 主题1
+++ 子主题1.1
++ 主题2
-- 主题3
--- 子主题3.1
--- 子主题3.2
-- 子主题4
@endmindmap

二、多行内容表示

使用 : 开始多行内容，; 结束多行内容。如果要使用 : ;，只能用 * 新建分支。

@startmindmap
* templates
**: Example1
今天是520
我在公司开心上班
;
@endmindmap

三、颜色改变

@startmindmap

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

morning_judger

关注关注

6
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

第四篇 Asciidoc - MindMap 思维导图 不是事

RockTec的专栏

05-09

594

因此，笔者的做法是，维护一个文档，里面有各种图表的代码，需要画新图的时候，复制粘贴一个已有的，然后修改。我们的目录结构、模块结构、分类结构等等，都是树型结构，它非常普遍，因此 MindMap 是笔记软件中，获得最多支持的一种图。中间的代码，你可以写你的 MindMap层级，*号的多少表示层级，一个星号表示一级，两个星号表示二级，等等，依次类推。便于修改：因为示意图是一段代码，所以，您可以随时修改，立即得到新版本，无须去修图。精确地说，这类图，是对思维结构的一种映射，因此叫做 Diagram，即示意图。

VSCode + Markdown = Mindmap

qq_41566483的博客

10-24

991

VSCode 中，使用 markdown 编写 .uml 文件，生成思维导图。

参与评论您还未登录，请先登录后发表或查看评论

dify工作流分享基于dify的思维导图一键生成器直接出图

同名公众号：dify实验室

04-07

4402

Dify 或其底层模型默认使用 Mermaid 语法生成的思维导图，虽然快速方便，但是生成效果嘛，就像下图这样，又乱又丑。像极了买家秀与卖家秀。本文旨在分享一个基于 Dify 工作流的设计思路，利用大语言模型（LLM）的能力，结合 PlantUML 语法和外部渲染服务，实现输入主题或内容后，一键生成更美观的思维导图图片，实现下图的效果。

【语法】【Plantuml】思维导图基础语法

热门推荐

qq_41361668的博客

02-28

1万+

PlantUML 是一个开源项目，支持通过脚本绘图。下面通过一些简单案例来完成思维导图，时序图，活动图。

面向对象分析与UML建模：带你从入门到精通的思维导图

!... # 摘要本文从面向对象分析与设计的基础概念入手，深入探讨了UML（统一建模语言）的各个方面，包括其基本原理、核心图解以及扩展机制和高级特性。通过理论与实践相结合的方式，本文分析了UML在不同行业中的应用...

精选资源

dart-platform-diagrams：描述Dart平台的PlantUML图的集合

02-05

在Dart平台的上下文中，思维导图可能展示了类库之间的关系、模块划分或者设计决策的层次结构，这对于理解和学习Dart的生态系统非常有帮助。 "Architecture Visualization"标签则暗示了项目可能包含了Dart平台的整体...

PlantUML学习总结（思维导图版）

DChuan

08-19

5726

一、时序图补充：带笑脸的是我个人认为比较重要的点二、用例图三、活动图四、组件图五、状态图

plantuml语法_PlantUML实践 | 思维导图

weixin_39758696的博客

12-06

1314

❝思维导图又叫心智导图，用于表达发散性思维的图形工具。❞语法使用一些运算符(如：+，-，*)来决定图形方向。相同运算符数量则在同一级。运算符数量越多，层级越深。支持内置前缀图标标记，如旗帜图标。示例@startmindmap+ OS++ Unix++ Linux++ MacOS** Windows*** Windows 95*** Windows 98*** Windows 7*** W...

PlantUml 思维导图学习

book_longker的专栏

10-22

810

【代码】PlantUml 思维导图学习。

plantuml 流程图_PlantUML（1）安装与配置，思维导图和流程图

weixin_32382335的博客

01-24

2980

去年的8月13日，这个公众号推出了一篇使用 dot 语言绘制流程图的文章。如果有对它了解的读者可能会发现，dot 语言在绘制复杂的流程图的时候语法非常复杂，且需要在程序中进行精心的设置才能保证输出的流程图比较美观，各种组件之间的布局比较合理。此外，dot 语言在绘制时序图、状态图、类图等 UML 图的时候更会耗费极大的精力且结果不是很如人意。从今天开始，将利用两期的文章介绍另外一种功能强...

graphviz安装_PlantUML（1）安装与配置，思维导图和流程图

weixin_39761696的博客

11-30

931

PlantUML学习

逝无痕——kaidy

11-02

666

目录一、时序图二、用例图三、活动图四、组件图五、状态图一、时序图二、用例图三、活动图四、组件图五、状态图

PlantUML画图软件简介

xiangzhihong8的专栏

10-29

1757

在平时的工作中，经常会遇到绘制时序图、流程图的需求。在要求不高的时候，我们可以选择ProcessOn、Xmind这类工具来绘制，但有时候用代码来画图可能会更高效一点，毕竟没有比程序员更熟悉代码的了。今天给大家推荐一款画图工具PlantUML，可以配合IDEA使用，画图也更高效！一、 PlantUML简介 lantUML是一款开源的UML图绘制工具，支持通过文本来生成图形，使用起来非常高效。可以支持时序图、类图、对象图、活动图、思维导图等图形的绘制。下面是使用PlantUML来绘制一张流程图，可以实时预览，

UML各种图，PlantUml画图

名猿陈大浏的博客

07-09

1087

参考：https://blog.youkuaiyun.com/CillyB/article/details/81515573 官方画图实例：https://plantuml.com/zh/activity-diagram-beta 活动图与流程图的区别： 1.流程图描述处理过程，控制顺序、分支、循环。活动图描述对象活动的顺序关系和遵循的规则，着重表现系统的行为，而非系统处理的过程。 2.活动图能够表示并发，流程图不行。 3.活动图面向对象，流程图面向过程。 ...

plantuml画思维导图

qq_58108758的博客

06-10

149

【代码】plantuml画思维导图。

画图工具_「PlantUML」程序猿的专属画图工具

weixin_39823017的博客

12-01

417

PlantUML作为一个插件安装在IDEA中，可以用代码实现各种图，可千万别被他名字给蒙蔽了。像经常用的ER图、UML图、思维导图等。ER图@startumlclass Base {Long id 编号}class User {String name 名字String nickname 昵称Integer gender 性别}class Order {BigDecimal price 价格Stri...

PlantUML画出如女神漂亮的流程图

ftzchina的博客

03-09

9807

详解PlantUML画出漂亮的流程图

plantuml思维导图样式

07-09

<think>我们参考了多个关于PlantUML思维导图的引用，特别是引用[1]、[2]、[3]中提到的样式设置方法。用户询问如何在PlantUML中使用思维导图样式，核心是使用`<style>`块定义样式，并通过`<<style_name>>`标记应用样式。具体步骤： 1. 在`@startmindmap`和`@endmindmap`之间，使用`<style>`块定义CSS样式，样式作用于整个思维导图。 2. 在节点后面使用`<<style_name>>`来应用定义的样式。示例代码（综合引用[1]和[3]）： ```plantuml @startmindmap <style> mindmapDiagram { .green { BackgroundColor lightgreen } .rose { BackgroundColor #FFBBCC } .blue { BackgroundColor lightblue } } </style> * 思维导图样式示例 ** 绿色节点 <<green>> ** 粉色节点 <<rose>> ** 蓝色节点 <<blue>> @endmindmap ``` 此外，引用[2]提到多行内容的表示方法，以及引用[4]提到节点内部支持Markdown语法（但请注意PlantUML本身对Markdown的支持有限，通常使用:多行内容;表示多行）。因此，结合多行内容和样式的示例如下： ```plantuml @startmindmap <style> mindmapDiagram { .highlight { BackgroundColor yellow FontColor red } } </style> * 多行样式示例 ** :第一行第二行; ** :重要节点 <<highlight>> 第三行; @endmindmap ``` 注意事项： - 样式定义必须放在`<style>`标签内，且放在思维导图内容之前。 - 样式类名（如`.green`）可以自定义，然后在节点后使用`<<类名>>`（不带点）来应用。 - 多行内容使用`:内容;`表示，其中内容可以跨行。因此，用户可以通过定义CSS样式并应用，来实现丰富的思维导图样式。</think>### PlantUML 思维导图样式使用方法在 PlantUML 中自定义思维导图样式主要通过 CSS 样式块实现，以下是详细步骤和示例： #### 1. **基本样式定义** 在 `@startmindmap` 和 `@endmindmap` 之间添加 `<style>` 块定义样式类： ```plantuml @startmindmap <style> mindmapDiagram { .green { BackgroundColor lightgreen FontStyle bold } .rose { BackgroundColor #FFBBCC LineColor purple } .blue { BackgroundColor lightblue FontColor darkblue } } </style> * 主题 ** 绿色节点 <<green>> ** 粉色节点 <<rose>> ** 蓝色节点 <<blue>> @endmindmap ``` - 使用 `.类名` 定义样式 - 支持属性：`BackgroundColor`, `FontColor`, `LineColor`, `FontStyle` 等 - 通过 `<<类名>>` 标记应用样式到节点[^1][^3] #### 2. **多行内容样式** 结合 `:多行内容;` 语法应用样式： ```plantuml @startmindmap <style> mindmapDiagram { .warning { BackgroundColor #FFF0F0 LineColor red } } </style> * 项目风险 **: 高优先级风险 <<warning>>; 原因：资源不足截止：2023-12-31; @endmindmap ``` #### 3. **分支方向控制** 用符号控制分支方向： - `+`：右侧分支（默认） - `-`：左侧分支 ```plantuml @startmindmap + 核心功能 ++ 用户管理 +++ 注册 +++ 登录 -- 支付系统 --- 微信支付 --- 支付宝 @endmindmap ``` #### 4. **完整示例** ```plantuml @startmindmap caption 图1. 带样式的思维导图 title 项目规划 <style> mindmapDiagram { .tech { BackgroundColor #E6F7FF } .deadline { BackgroundColor #FFF7E6 FontColor #FF6600 } .risk { BackgroundColor #FFEBEB LineThickness 2 } } </style> * 项目计划 ** 技术选型 <<tech>> *** : 前端：Vue3; *** : 后端：Spring Boot; ** 里程碑 <<deadline>> *** Q1：需求确认 *** Q2：原型完成 ** 风险控制 <<risk>> *** 人员流动 *** 预算超支 @endmindmap ``` #### 注意事项： 1. 样式块必须放在节点定义**之前** 2. 多行内容需用 `:` 开头，`;` 结尾 3. 支持 Markdown 基础语法（如 `**粗体**`） 4. 颜色可使用 HEX 码（如 `#FFBBCC`）或命名颜色（如 `lightblue`）[^2][^4] > 提示：更复杂的样式可参考 PlantUML 官方文档的 [mindmapDiagram 样式指南](https://plantuml.com/zh/mindmap-diagram)。