PlantUML绘制UML图教程

UML（Unified Modeling Language）是一种通用的建模语言，广泛用于软件开发中对系统进行可视化建模。PlantUML是一款强大的工具，通过简单的文本描述，能够生成UML图，包括类图、时序图、用例图等。PlantUML是一款强大的工具，用于绘制UML图和其他类型的图表，包括系统架构图。在本教程中，我们将使用PlantUML插件在VSCode中绘制系统架构图。

一、PlantUML基本语法

PlantUML是一种使用文本描述生成UML图的工具，其语法简洁而直观。以下是对你提供的代码的PlantUML语法总结：

1、定义类

使用 !define RECTANGLE class 定义一个类。类的名称放在花括号内，类的成员通过 + 符号表示。

!define RECTANGLE class RECTANGLE "类名" { +成员1() +成员2() }

2、绘制类之间的关系

使用箭头表示不同类之间的关系。例如，A -> B: 消息表示A类向B类发送消息。

A -> B: 消息

3、绘制类之间的关联关系

使用->箭头表示关联关系，如A -> B表示A关联到B。

A -> B

4、创建实例：

使用类定义语法，如RECTANGLE "实例名" {}，定义一个类的实例。

RECTANGLE "实例名" { }

5、绘制时序

使用->箭头表示时序，如 A -> B: 操作表示A执行操作后，将消息传递给B。

A -> B: 操作

6、注释

使用'符号表示单行注释。

' 这是注释

7、隐藏脚注

使用hide footbox命令隐藏脚注。

hide footbox

8、定义集合

使用collections命令定义集合，如collections Harmony设备 as B #lightblue。

collections Harmony设备 as B #lightblue

9、定义队列

使用queue命令定义队列，如queue 云服务器 as C #orange。

queue 云服务器 as C #orange

10、定义数据库

使用database命令定义数据库，如database 云数据库 as D #blue。

database 云数据库 as D #blue

11、定义实体

使用entity命令定义实体，如entity 开发板 as F #lightgreen。

entity 开发板 as F #lightgreen

12、添加注释

使用note over命令添加注释，如note over F : 环境更新事件。

note over F : 环境更新事件

13、激活组件

使用activate命令激活组件的执行状态，如activate F #lightgreen。

activate F #lightgreen

14、绘制同步关系

使用-[#color]>箭头表示同步关系，如F-[#lightgreen]>G : 请求更新表示开发板向数据库发起请求更新。

F-[#lightgreen]>G : 请求更新

15、停用组件

使用deactivate命令停用组件，如deactivate G。 

F-[#lightgreen]>C : 请求同步云端

通过这些基本的语法元素，开发者可以利用PlantUML轻松描述和绘制各种UML图，从而更好地可视化和理解系统的结构和交互关系。

二、实例演示

1、安装VSCode

首先，确保你已经安装了Visual Studio Code。

2、安装PlantUML插件

然后，按照以下步骤安装PlantUML插件：

  1. 打开VSCode，进入Extensions（Extensions图标或通过快捷键Ctrl+Shift+X）。
  2. 搜索"PlantUML"并安装"PlantUML"插件。

3、编写PlantUML代码

使用PlantUML的语法，我们可以描述系统架构并绘制图表。

① 绘制流程图

以下是我绘制的一个流程图的PlantUML代码：

@startuml!define RECTANGLE classRECTANGLE "EVB RK3568\n开发板" {
}RECTANGLE "Node.js和\nNode-RED" {+getData()+processData()
}RECTANGLE "SQLite\n数据库模块" {+storeData()
}RECTANGLE "Opcua\n数据获取" {+fetchData()
}RECTANGLE "MQTT" {+publishData()
}RECTANGLE "Windows10+DevEco Studio\n用户界面" {+displayData()+setThreshold()
}RECTANGLE "服务器" {+receiveData()+triggerAlarm()
}"EVB RK3568\n开发板" -> "Node.js和\nNode-RED": 传感器数据
"Node.js和\nNode-RED" -> "SQLite\n数据库模块": storeData()
"Node.js和\nNode-RED" -> "Opcua\n数据获取": fetchData()
"Node.js和\nNode-RED" -> "MQTT": publishData()
"MQTT" -> "服务器": receiveData()"服务器" -> "Windows10+DevEco Studio\n用户界面": displayData()
"Windows10+DevEco Studio\n用户界面" -> "服务器": setThreshold()@enduml

代码编写完成后，点击 Alt + D，可以绘制成图。

绘制出的成图如下： 

 ② 绘制时序图1

以下是我绘制的一个时序图的PlantUML代码：

@startuml
hide footbox
collections Harmony设备 as B #lightblue
queue 云服务器 as C #orange
database 云数据库 as D #blue
queue 嵌入式上层应用 as E #skyblue
entity 开发板 as F #lightgreen
database SQLite as G #greennote over F : 环境更新事件
activate F #lightgreen
F-[#lightgreen]>G : 请求更新
activate G #green
G-[#green]>G : 提示结果
note over of G:操作成功
G-[#green]>F : 返回结果
deactivate G
F-[#lightgreen]>E : 更新显示
activate E #skyblue
deactivate E
F-[#lightgreen]>C : 请求同步云端
activate C #orange
C-[#orange]>D : 更改数据
deactivate C
activate D #blue
D-[#blue]>C : 返回结果
deactivate D
activate C #orange
C-[#orange]> F : 返回数据
deactivate C
deactivate F@enduml

代码编写完成后，点击 Alt + D，可以绘制成图。

绘制出的成图如下： 

③ 绘制时序图2 

以下是我绘制的一个时序图的PlantUML代码：

@startuml
hide footbox
actor 用户 as A #grey
collections Harmony设备 as B #lightblue
queue 云服务器 as C #orange
database 云数据库 as D #blue
queue 嵌入式上层应用 as E #skyblue
entity 开发板 as F #lightgreen
database SQLite as G #greenactivate A #grey
note over A : 用户查看操作
A-[#grey]>B : 查询事件
deactivate A
activate B #skyblue
B-[#lightblue]>C : 请求数据
deactivate B
activate C #orange
C-[#orange]>D : 查询
deactivate C
activate D #blue
D-[#blue]>C : 返回数据
deactivate D
activate C #orange
C-[#orange]>B : 返回数据
deactivate C
activate B #skyblue
B-[#skyblue]>A : 显示内容
deactivate Bactivate A #grey
note over A : 用户更改操作
A-[#grey]>B : 更新事件
deactivate A
activate B #skyblue
B-[#skyblue]>C : 请求更新
deactivate B
activate C #orange
C-[#orange]>F : 请求更新
deactivate C
activate F #lightgreen
F-[#lightgreen]>G : 请求更新
deactivate F
activate G #green
G-[#green]>F : 返回结果
deactivate G
activate F #lightgreen
F-[#lightgreen]>C : 发送修改请求
deactivate F
activate C #orange
C-[#orange]>D : 更新数据
deactivate C
activate D #blue
D-[#blue]>C : 返回结果
deactivate D
activate C #orange
C-[#orange]>B : 返回结果
deactivate C
activate B #skyblue
B-[#skyblue]>A : 返回结果
deactivate B
activate A #grey
A-[#grey]>A : 提示结果
note over of A:操作成功
deactivate A@enduml

代码编写完成后，点击 Alt + D，可以绘制成图。

绘制出的成图如下： 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/254854.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

C++ 贪心 区间问题 最大不相交区间数

C++ 贪心 区间问题 最大不相交区间数

给定 N 个闭区间 [ai,bi] ，请你在数轴上选择若干区间，使得选中的区间之间互不相交（包括端点）。 输出可选取区间的最大数量。 输入格式 第一行包含整数 N ，表示区间数。 接下来 N 行，每行包含两个整数 ai…
阅读更多...
Transformer的PyTorch实现之若干问题探讨（二）

Transformer的PyTorch实现之若干问题探讨（二）

在《Transformer的PyTorch实现之若干问题探讨（一）》中探讨了Transformer的训练整体流程，本文进一步探讨Transformer训练过程中teacher forcing的实现原理。 1.Transformer中decoder的流程 在论文《Attention is all you need》中&#xff0…
阅读更多...
阿里云游戏服务器多少钱一个月？

阿里云游戏服务器多少钱一个月？

阿里云游戏服务器租用价格表：4核16G服务器26元1个月、146元半年，游戏专业服务器8核32G配置90元一个月、271元3个月，阿里云服务器网aliyunfuwuqi.com分享阿里云游戏专用服务器详细配置和精准报价： 阿里云游戏服务器租用价格表 阿…
阅读更多...
【QT+QGIS跨平台编译】之三十一：【FreeXL+Qt跨平台编译】（一套代码、一套框架，跨平台编译）

【QT+QGIS跨平台编译】之三十一：【FreeXL+Qt跨平台编译】（一套代码、一套框架，跨平台编译）

文章目录 一、FreeXL介绍二、文件下载三、文件分析四、pro文件五、编译实践一、FreeXL介绍 【FreeXL跨平台编译】：Windows环境下编译成果（支撑QGIS跨平台编译，以及二次研发） 【FreeXL跨平台编译】：Linux环境下编译成果（支撑QGIS跨平台编译，以及二次研发） 【FreeXL跨平台…
阅读更多...
Linux基础-配置网络

Linux基础-配置网络

Linux配置网络的方式 1.图形界面 右上角-wired-配置 点加号-新建网络配置文件2.NetworkManager工具 2.1用图形终端nmtui 1.新建网络配置文件add 1.指定网络设备的类型Ethernet 2.配置网络配置文件的名称，名称可以有空格 3.配置网络配置文件对应的物理网络设备的…
阅读更多...
清平乐-春风丽日

清平乐-春风丽日

今天，是2024年农历除夕日，远方家人已于昨夜风尘扑扑地倦鸟归巢，团聚过龙年，今晨酣睡未起。老龄笔者心情极佳，一夜好梦醒来，推窗仰头展望苍穹，喜上心头：啊！接连几天的小雨…
阅读更多...
如何在 Mac 上恢复永久删除的文件：有效方法

如何在 Mac 上恢复永久删除的文件：有效方法

您是否错误地从 Mac 中删除了某个文件，并且确信它已经永远消失了？好吧，你可能错了。即使您认为已永久删除计算机上的数据，仍有可能将其恢复。 在本文中，您将了解如何在 Mac 上恢复永久删除的文件，并了解增…
阅读更多...
vim常用命令以及配置文件

vim常用命令以及配置文件

layout: article title: “vim文本编译器” vim文本编辑器 有三种模式: 命令模式 文本模式, 末行模式 vim命令大全 - 知乎 (zhihu.com) 命令模式 插入 i: 切换到输入模式，在光标当前位置开始输入文本。 a: 进入插入模式，在光标下一个位置开始输入文…
阅读更多...
C++多线程：this_thread 命名空间

C++多线程：this_thread 命名空间

std::this_thread 是 C 标准库中提供的一个命名空间，它包含了与当前线程相关的功能。这个命名空间提供了许多与线程操作相关的工具，使得在多线程环境中更容易进行编程。 源码类似于如下： namespace std{namespace this_thread{//...........…
阅读更多...
Swift Combine 管道 从入门到精通三

Swift Combine 管道 从入门到精通三

Combine 系列 Swift Combine 从入门到精通一Swift Combine 发布者订阅者操作者 从入门到精通二 1. 用弹珠图描述管道 函数响应式编程的管道可能难以理解。 发布者生成和发送数据，操作符对该数据做出响应并有可能更改它，订阅者请求并接收这些数据。 这…
阅读更多...
《学成在线》微服务实战项目实操笔记系列（P1~P83）【上】

《学成在线》微服务实战项目实操笔记系列（P1~P83）【上】

史上最详细《学成在线》项目实操笔记系列【上】，跟视频的每一P对应，全系列12万字，涵盖详细步骤与问题的解决方案。如果你操作到某一步卡壳，参考这篇，相信会带给你极大启发。 一、前期准备 1.1 项目介绍 P2 To C面向…
阅读更多...
vue3 之 商城项目—详情页

vue3 之 商城项目—详情页

整体认识 路由配置 准备组件模版 <script setup></script><template><div class"xtx-goods-page"><div class"container"><div class"bread-container"><el-breadcrumb separator">">&…
阅读更多...
引用论文bib信息解析，查看年、卷、期

引用论文bib信息解析，查看年、卷、期

2022,53(01):69-74 53卷 01期 volume{29},卷 number{},
阅读更多...
SpringBoot配置文总结

SpringBoot配置文总结

官网配置手册 官网&#xff1a;https://spring.io/ 选择SpringBoot 选择LEARN 选择 Application Properties 配置MySQL数据库连接 针对Maven而言&#xff0c;会搜索出两个MySQL的连接驱动。 com.mysql mysql-connector-j 比较新&#xff0c;是在mysql mysql-connect…
阅读更多...
2.6：冒泡、简选、直插、快排，递归，宏

2.6：冒泡、简选、直插、快排，递归，宏

1.冒泡排序、简单选择排序、直接插入排序、快速排序(升序) 程序代码&#xff1a; 1 #include<stdio.h>2 #include<string.h>3 #include<stdlib.h>4 void Bubble(int arr[],int len);5 void simple_sort(int arr[],int len);6 void insert_sort(int arr[],in…
阅读更多...
ArcGIS Pro 按照字段进行融合或拆分

ArcGIS Pro 按照字段进行融合或拆分

ArcGIS Pro 按字段融合 在ArcGIS Pro中&#xff0c;通过使用“融合”工具可以轻松地合并具有相同字段的图层。 步骤一&#xff1a;打开ArcGIS Pro 启动ArcGIS Pro应用程序&#xff0c;确保您已经登录并打开您的项目。 步骤二&#xff1a;添加图层 将包含相同字段的图层添加到…
阅读更多...
2024牛客寒假算法基础集训营1（视频讲解全部题目）

2024牛客寒假算法基础集训营1（视频讲解全部题目）

2024牛客寒假算法基础集训营1&#xff08;题目全解&#xff09; ABCDEFGHIJKLM 2024牛客寒假算法基础集训营1&#xff08;视频讲解全部题目&#xff09; A #include<bits/stdc.h> #define endl \n #define deb(x) cout << #x << " " << …
阅读更多...
探索Xposed框架：个性定制你的Android体验

探索Xposed框架：个性定制你的Android体验

探索Xposed框架&#xff1a;个性定制你的Android体验 1. 引言 在当今移动设备市场中&#xff0c;Android系统作为最受欢迎的操作系统之一&#xff0c;其开放性和可定制性备受用户青睐。用户希望能够根据个人喜好和需求对其设备进行定制&#xff0c;以获得更符合自己习惯的使用…
阅读更多...
大模型基础架构的变革：剖析Transformer的挑战者（下）

大模型基础架构的变革：剖析Transformer的挑战者（下）

上一篇文章中&#xff0c;我们介绍了UniRepLKNet、StripedHyena、PanGu-π等有可能会替代Transformer的模型架构&#xff0c;这一篇文章我们将要介绍另外三个有可能会替代Transformer的模型架构&#xff0c;它们分别是StreamingLLM、SeTformer、Lightning Attention-2&#xff…
阅读更多...
LabVIEW伺服阀性能参数测试

LabVIEW伺服阀性能参数测试

LabVIEW伺服阀性能参数测试 伺服阀作为电液伺服系统中的核心元件&#xff0c;其性能参数的准确测试对保证系统整体性能至关重要。开发了一种基于LabVIEW软件开发的伺服阀性能参数测试系统&#xff0c;提高测试的自动化程度和精确性&#xff0c;同时降低操作复杂度和成本。 传…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发