VSCode绘制UML类图 您所在的位置:网站首页 墨线工具图 VSCode绘制UML类图

VSCode绘制UML类图

2023-07-25 06:01| 来源: 网络整理| 查看: 265

目录

1. 简介

1.1 PlantUML

1.2 安装PlantUML

1.3 支持的文件格式

2. 绘制UML类图

类之间的关系​​​​

关系上的标签​​​​

添加方法​​​​

定义可访问性

3. 测试

3.1 例子

3.2 预览

3.3 如何导出

1. 简介

软件设计中,有好几种图需要画,比如流程图、类图、组件图等,我知道大部分人画流程图一般都会用微软的visio绘制,visio画图有个不好的地方是需要时刻去调整线条和边框已达到简洁美观,今天我给大家介绍一款程序员画图神器PlantUML!

1.1 PlantUML

PlantUML是一个开源项目,支持快速绘制:

时序图用例图类图活动图 (旧版语法在此处)组件图状态图对象图部署图定时图…

同时还支持以下非UML图:

线框图形界面架构图规范和描述语言 (SDL)Ditaa diagram甘特图MindMap diagram以 AsciiMath 或 JLaTeXMath 符号的数学公式

通过简单直观的语言来定义这些示意图,与MarkDown有相似的作用,这两种语言一个主要面向文本渲染一个主要用于图形绘制。  

1.2 安装PlantUML

安装

安装graphviz-2.38.msi安装2个vscode插件:

PlantUML、Graphviz Preview

 如图所示,安装即可。

1.3 支持的文件格式

Supported Formats

*.wsd, *.pu, *.puml, *.plantuml, *.iuml 2. 绘制UML类图

 

元素声明

 

 

@startuml abstract abstract abstract class "abstract class" annotation annotation circle circle () circle_short_form class class diamond diamond diamond_short_form entity entity enum enum interface interface @enduml

类之间的关系

 

类之间的关系通过下面的符号定义 :

 

TypeSymbolDrawingExtension(扩展) Class18 Class19 "1" Class06 @enduml

 

 

 

在标签的开始或结束位置添加以表明是哪个对象作用到哪个对象上。

 

 

 

@startuml class Car Driver - Car : drives > Car *- Wheel : have 4 > Car -- Person : < owns @enduml

 

添加方法

 

为了声明字段(对象属性)或者方法,你可以使用 后接字段名或方法名。

 

系统检查是否有括号来判断是方法还是字段。

 

 

@startuml Object Bob: Authentication Request Bob --> Alice: Authentication Response Alice -> Bob: Another authentication Request Alice


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有