PlantUML绘制UML图教程

news2024/9/21 14:28:01

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 class

RECTANGLE "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 #green

note 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 #green

activate 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 B

activate 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.coloradmin.cn/o/1441301.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

FPGA_简单工程_无源蜂鸣器驱动实验

FPGA_简单工程_无源蜂鸣器驱动实验

一 理论 蜂鸣器按其结构可分为电磁式蜂鸣器和压电式蜂鸣器2中类型，按其有无信号源，分为有源蜂鸣器和无源蜂鸣器。 有源蜂鸣器，内部装有集成电路，不需要音频驱动电路，就直接能发出声响，而无源蜂鸣器&#…
阅读更多...
8个简约精美的WordPress外贸网站主题模板

8个简约精美的WordPress外贸网站主题模板

Simplify WordPress外贸网站模板 Simplify WordPress外贸网站模板，简洁实用的外贸公司wordpress外贸建站模板。 查看演示 Invisible Trade WP外贸网站模板 WordPress Invisible Trade外贸网站模板，做进出口贸易公司官网的wordpress网站模板。 查看演…
阅读更多...
网友：感谢华为救了我的下半生。

网友：感谢华为救了我的下半生。

(关注数据结构和算法，了解更多新知识) 最近一位网友发视频称，华为Mate60 Pro帮他挡了子弹。视频配文：“一场意外，没有这个手机隔挡，下半生我可能就在轮椅上度过了！”视频中，手机摄像头右侧被击中…
阅读更多...
TS学习与实践

TS学习与实践

文章目录 学习资料TypeScript 介绍TypeScript 是什么？TypeScript 增加了什么？TypeScript 开发环境搭建 基本类型编译选项类声明属性属性修饰符getter 与 setter方法static 静态方法实例方法 构造函数继承 与 super抽象类接口interface 定义接口implement…
阅读更多...
git flow与分支管理

git flow与分支管理

git flow与分支管理 一、git flow是什么二、分支管理1、主分支Master2、开发分支Develop3、临时性分支功能分支预发布分支修补bug分支 三、分支管理最佳实践1、分支名义规划2、环境与分支3、分支图 四、git flow缺点 一、git flow是什么 Git 作为一个源码管理系统，…
阅读更多...
SQL--事务

SQL--事务

事务简介 事务 是一组操作的集合，它是一个不可分割的工作单位，事务会把所有的操作作为一个整体一起向系 统提交或撤销操作请求，即这些操作要么同时成功，要么同时失败。 就比如: 张三给李四转账1000块钱，张三银行账户…
阅读更多...
适用于 Windows 的 6 款 iPhone 数据恢复软件

适用于 Windows 的 6 款 iPhone 数据恢复软件

数据恢复 已经取得了长足的进步。从仅提供恢复数据的可能性到保证数据恢复，有许多适用于 Windows的第三方 iPhone 数据恢复软件。 大多数软件都是高级工具，但是提供了出色的数据恢复解决方案。从iPhone恢复数据非常简单。 只需将 iPhone 连接到您的计算…
阅读更多...
蓝桥杯刷题day08——完全日期

蓝桥杯刷题day08——完全日期

1、题目描述 如果一个日期中年月日的各位数字之和是完全平方数，则称为一个完全日期。 例如：2021年6月5日的各位数字之和为20216516，而16是一个完全平方数，它是4的平方。所以2021年6月5日是一个完全日期。 请问，从200…
阅读更多...
计算机毕业设计Python+django医院后勤服务系统flask

计算机毕业设计Python+django医院后勤服务系统flask

结合目前流行的 B/S架构，将医疗后勤服务管理的各个方面都集中到数据库中，以便于用户的需要。该平台在确保平台稳定的前提下，能够实现多功能模块的设计和应用。该平台由管理员功能模块,工作人员模块，患者模块，患者家属模…
阅读更多...
git 使用 (备查)

git 使用 (备查)

git忽略清单 添加忽略清单 SSH免登录 ssh协议可以实现免登录操作，身份验证通过密钥实现。 跨团队写作 解决冲突 拉取 克隆 拉取最新版本 推送 远程仓库别名 直接使用git push推送 多人协作开发 分支命令 合并分支命令在主分支使用，将develop分支合并到…
阅读更多...
【多模态】27、Vary | 通过扩充图像词汇来提升多模态模型在细粒度感知任务（OCR等）上的效果

【多模态】27、Vary | 通过扩充图像词汇来提升多模态模型在细粒度感知任务（OCR等）上的效果

文章目录 一、背景二、方法2.1 生成 new vision vocabulary2.1.1 new vocabulary network2.1.2 Data engine in the generating phrase2.1.3 输入的格式 2.2 扩大 vision vocabulary2.2.1 Vary-base 的结构2.2.2 Data engine2.2.3 对话格式 三、效果3.1 数据集3.2 图像细粒度感…
阅读更多...
Git详细讲解

Git详细讲解

文章目录 一、Git相关概念二、本地分支中文件的添加 、提交2.1 文件状态2.2 创建Git仓库2.2.1 git init2.2.2 git clone 2.3 添加操作(git add)2.4 提交操作（git commit）2.5 撤销操作2.5.1 撤销 add操作2.5.2 撤销 commit操作2.5.3 覆盖上一次的commit操…
阅读更多...
单片机的省电模式及策略

单片机的省电模式及策略

目录 一、单片机省电的核心策略 二、单片机IO口的几种模式 三、单片机的掉电运行模式 （1） 浅谈cpu运行为什么会需要时钟？ （2）STC15系列单片机内部可以配置时钟 （3）分频策略，降低…
阅读更多...
伪造身份请求怎么办？看这篇就够了

伪造身份请求怎么办？看这篇就够了

您好， 如果喜欢我的文章或者想上岸大厂，可以关注公众号「量子前端」，将不定期关注推送前端好文、分享就业资料秘籍，也希望有机会一对一帮助你实现梦想 JWT身份鉴权方案，token会作为主要的鉴权方式来作为前后端通信校验…
阅读更多...
Linux下的crontab定时执行任务命令详解

Linux下的crontab定时执行任务命令详解

在LINUX中，周期执行的任务一般由cron这个守护进程来处理[ps -ef|grep cron]。cron读取一个或多个配置文件，这些配置文件中包含了命令行及其调用时间。 cron的配置文件称为“crontab”，是“cron table”的简写。 一、cron服务 　　cron是一个…
阅读更多...
[职场] 进入大数据领域需要掌握哪些软件 #其他#职场发展#职场发展

[职场] 进入大数据领域需要掌握哪些软件 #其他#职场发展#职场发展

进入大数据领域需要掌握哪些软件 学习大数据首先我们要学习Java语言和Linux操作系统，这两个是学习大数据的基础，学习的顺序不分前后。 Java 大家都知道Java的方向有JavaSE、JavaEE、JavaME，学习大数据要学习那个方向呢? 只需要学习Java的…
阅读更多...
Oracle 面试题 | 19.精选Oracle高频面试题

Oracle 面试题 | 19.精选Oracle高频面试题

🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 E…
阅读更多...
前后端通讯：前端调用后端接口的五种方式，优劣势和场景

前后端通讯：前端调用后端接口的五种方式，优劣势和场景

Hi，我是贝格前端工场，专注前端开发8年了，前端始终绕不开的一个话题就是如何和后端交换数据（通讯），本文先从最基础的通讯方式讲起。 一、什么是前后端通讯 前后端通讯（Frontend-Backend Commun…
阅读更多...
对象存储minio

对象存储minio

参考Linux搭建免费开源对象存储 创建一个data目录 --address和--console-address是MinIO服务器启动命令中的两个参数，它们具有以下区别： --address参数：用于指定MinIO服务器监听的S3 API访问地址。S3 API是用于与MinIO进行对象存储操作的…
阅读更多...
数据库管理-第148期 最强Oracle监控EMCC深入使用-05（20240208）

数据库管理-第148期 最强Oracle监控EMCC深入使用-05（20240208）

数据库管理148期 2024-02-08 数据库管理-第148期 最强Oracle监控EMCC深入使用-05（20240208）1 性能主页2 ADDM Spotlight3 实时ADDM4 数据库的其他5 主机总结 数据库管理-第148期 最强Oracle监控EMCC深入使用-05（20240208） 作者&am…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023