使用IDEA画UML图的详细步骤

目录
  • UML简介
  • 如何使用IDEA画UML图
    • 安装PlantUML插件
    • 安装Graphviz
  • Graphviz安装和环境变量配置
    • Graphviz安装
    • 环境变量配置

 写在前面:大家好!我是AC-fun,我的昵称来自两个单词Acceptedfun。我是一个热爱ACM的蒟蒻。如果博客中有不足或者的错误的地方欢迎在评论区或者私信我指正,感谢大家的不吝赐教。我的唯一博客更新地址是:https://ac-fun.blog.csdn.net/。非常感谢大家的支持。一起加油,冲鸭!
用知识改变命运,用知识成就未来!加油 (ง •̀o•́)ง (ง •̀o•́)ง

UML简介

统一建模语言 (Unified Modeling Language,UML) 是一种为面向对象系统的产品进行说明、可视化和编制文档的一种标准语言,是非专利的第三代建模和规约语言。UML是面向对象设计的建模工具,独立于任何具体程序设计语言。1

UML 作为一种统一的软件建模语言具有广泛的建模能力。UML 是在消化、吸收、提炼至今存在的所有软件建模语言的基础上提出的,集百家之所长,它是软件建模语言的集大成者。UML还突破了软件的限制,广泛吸收了其他领域的建模方法,并根据建模的一般原理,结合了软件的特点,因此具有坚实的理论基础和广泛性。UML不仅可以用于软件建模,还可以用于其他领域的建模工作。 1

UML 立足于对事物的实体、性质、关系、结构、状态和动态变化过程的全程描述和反映。UML可以从不同角度描述人们所观察到的软件视图,也可以描述在不同开发阶段中的软件的形态。UML可以建立需求模型、逻辑模型、设计模型和实现模型等,但UML在建立领域模型方面存在不足,需要进行补充。 1

 作为一种建模语言,UML有严格的语法和语义规范。UML建立在元模型理论基础上,包括 4 层元模型结构,分别是基元模型、元模型、模型和用户对象。4 层结构层层抽象,下一层是上一层的实例。UML中的所有概念和要素均有严格的语义规范。 1

UML 采用一组图形符号来描述软件模型,这些图形符号具有简单、直观和规范的特点,开发人员学习和掌握起来比较简单。所描述的软件模型,可以直观地理解和阅读,由于具有规范性,所以能够保证模型的准确、一致。 1

如何使用IDEA画UML图

安装PlantUML插件

 使用 IDEAUML 图需要安装 plantMUL 插件。PlantUML 是一个支持快速绘制的开源项目。其定义了一套完整的语言用于实现 UML 关系图的描述,并基于强大的 Graphviz 图形渲染库进行 UML 图的生成。绘制的 UML 图还可以导出为图片,以及通用的矢量 SVG 格式文件。

 为什么要使用 plantMUL 呢?因为 PlantUml 与开发语言,平台无关,如果你愿意,只要能编辑文本,就可以开始编写uml图。而且 PlantUml 拥有十分广泛的插件支持,包括:chrom插件 (PlantUml Viewer/UML Diagram Editor)、IDEA插件(PlantUML)、eclipse插件(PlantUML)、Sublime插件(sublime_diagram_plugin)等等。PlantUML甚至还有 在线编辑器,我们不用安装任何插件即可在该网站画 UML 图。

 安装步骤为:File -> Settings -> Plugins 搜索 PlantUML ,找到 PlantUML integration 并安装

安装Graphviz

IDEA 安装 PlantUML 插件之后发现光有插件还不能渲染类图,还需要 Graphviz 的支持。

Graphviz安装和环境变量配置

Graphviz安装

 安装包下载地址:https://graphviz.org/download/。下载完成之后双击安装即可。安装的过程中可以直接配置环境变量,如果忘记选可以手动配置一下。

环境变量配置

 打开电脑系统属性选择高级 -> 环境变量添加path变量,变量值为之前安装路径下的bin目录。

 配置完成之后打开 cmd 输入:dot -version,如果版本号打印成功,说明环境配置完成。

 成功之后重新启动 IDEA 即可创建 PlantUML File 了。

点击之后可以发现可以创建很多 UML 图,例如:时序图、用例图、类图、活动图、组件图、状态图、对象图。

创建成功之后即可看到画图界面了。

类图画法

 与其所画UML图不如说是写UML图。因为我们是使用 统一建模语言 (Unified Modeling Language,UML) 来“画”UML图的。使用 PlantUML 画图的具体方式详见 类图的语法和功能

@startuml

title 类图
scale 1.5
/'组合关系(composition)'/
class Human {
    - Head mHead;
    - Heart mHeart;
    ..
    - CreditCard mCard;
    --
    + void travel(Vehicle vehicle);
}

Human *-up- Head : contains >
Human *-up- Heart : contains >

/'聚合关系(aggregation)'/
Human o-left- CreditCard : owns >

/'依赖关系(dependency)'/
Human .down.> Vehicle : dependent

/'关联关系(association'/
Human -down-> Company : associate

/'继承关系(extention)'/
interface IProgram {
    + void program();
}
class Programmer {
    + void program();
}
Programmer -left-|> Human : extend
Programmer .up.|> IProgram : implement
@enduml



参考文献:

  1. 钱雪忠,王月海主编;陈国俊,徐华,
    钱瑛副主编.数据库原理及应用:北京邮电大学出版社,2015.04:第209页 ↩︎ ↩︎ ↩︎ ↩︎ ↩︎

以上就是使用IDEA画UML图的详细步骤的详细内容,更多关于IDEA画UML图的资料请关注我们其它相关文章!

(0)

相关推荐

  • IDEA怎么生成UML类图的实现

    最近在开发的过程当中,对于已有的代码,想将相关类绘制成UML类图,虽然现在有很多UML类图的优秀软件,比如ProcessOn(可视化编辑).draw.io(可视化编辑).PlantUML(代码生成),其实看到这里我就想IDEA中有没有像PlantUML一样的自动生成的插件,本着怀疑的态度百度了一下,果然IDEA还是很强大的,这个插件都是自带的,接下稍微讲述如何利用IDEA生成UML类图的教程. 说之前先说一下Diagram这个单词,意思是图表; 示意图; 图解; [数] 线图的意思. 打开设置 

  • 使用IDEA画UML图的详细步骤

    目录 UML简介 如何使用IDEA画UML图 安装PlantUML插件 安装Graphviz Graphviz安装和环境变量配置 Graphviz安装 环境变量配置  写在前面:大家好!我是AC-fun,我的昵称来自两个单词Accepted和fun.我是一个热爱ACM的蒟蒻.如果博客中有不足或者的错误的地方欢迎在评论区或者私信我指正,感谢大家的不吝赐教.我的唯一博客更新地址是:https://ac-fun.blog.csdn.net/.非常感谢大家的支持.一起加油,冲鸭!  用知识改变命运,用知

  • VSCode中画UML图的方法实现

    vscode-drawio vscode-drawio 是一款 vscode 插件,支持在 vscode 中画流程图.思维导图. UML 图 github 地址: https://github.com/hediet/vscode-drawio 安装 在 vscode 插件窗口内,搜索 vscode-drawio ,安装即可 使用 在 vscode 中打开 .drawio 扩展名的文件,自动会加载 drawio 编辑页面,类似如下: 导出格式 drawio 支持各种主流格式导出: svg 格式 可

  • Vue echarts画甘特图流程详细讲解

    vue项目中添加echarts,只需要增加echarts依赖,然后在main.js中引入echarts就可以使用了. 1.npm install echarts --save 2.修改main.js import * as echarts from 'echarts' Vue.prototype.$echarts = echarts 3.具体页面使用: <template> <div class="about"> <h1>This is echart

  • vue中使用svg画路径图的详细介绍

    什么是svg: SVG 是使用 XML 来描述二维图形和绘图程序的语言. svg的优点与特点 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和XSL 之类的 W3C 标准是一个整体 SVG 可被非常多的工具读取和修改(比如记事本) SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强. SVG 是可伸缩的 SVG 图像可在任何的分辨率下被高质量地打印 SVG 可在图像质量不下降的情况下被放大 SVG 图像中的文本

  • IDEA安装详细步骤(多图预警)

    简介 关于IDEA的介绍,引用自百度百科: IDEA全称 IntelliJ IDEA,是java编程语言开发的集成环境.IntelliJ在业界被公认为最好的java开发工具,尤其在智能代码助手.代码自动提示.重构.J2EE支持.各类版本工具(git.svn等).JUnit.CVS整合.代码分析. 创新的GUI设计等方面的功能可以说是超常的.IDEA是JetBrains公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主.它的旗舰版本还支持HTML,CSS,PHP

  • Python实战之画哆啦A梦(超详细步骤)

    一.写在前面 本文基于64位windows系统(鼠标右键点击桌面"此电脑"图标--属性可查看电脑系统版本).python3.x(pycharm自动安装的版本, 3.0以上).文中代码内容所使用的工具是pycharm-community-2020.1,实践中如有碰到问题,可留言提问. 前阵子有看到zh上有大神画了这个哆啦A梦的大头贴,自己也来试了一下,很简单,但长篇整段的代码对刚刚学会海龟绘图语法的初学者来说还是有一定难度,所以来做一个拆解版详细步骤讲解实现. 二.效果图 言归正传,先上

  • Android Studio自动生成UML关系图的方法步骤

    目录 1.安装Sketch It 2.安装"PlantUML Integration"插件 3. 问题 1.安装Sketch It 这是我的AS版本: 如下步骤: 如下图等待插件全部加载后,搜索"Sketch It"插件安装: 如果安装无效自行到红色框框提示的主页下载手动安装: 选中文件等待安装完毕即可: 如此如下图点击Tools下的"Sketch It!..."按钮即可: 生成"xxx.plantuml"文件: 2.安装&q

  • plantuml画图实现代码画时序图UML用例图

    目录 引言 1. PlantUML 简介 2. PlantUML的安装使用 3.如何用PlantUML 画时序图 4. 如何用PlantUML 画UML用例图 5. 如何用plantUML 画思维导图 6. 如何用planUML 画活动流程图 最后 引言 最近通过代码来画时序图,UML用例图,感觉很不错,所以给大家分享一下. 日常开发,一般在设计阶段,我们都需要画时序图.用例图等等.大家平时画图的时候,是用draw.io还是processOn呢?用它们画出的图,其实都很挺好看的.但是呢,今天田螺

  • vmware12中安装 RedHat RHEL7.2系统的详细步骤(图文)

    本文介绍了vmware12中安装 RedHat RHEL7.2系统的详细步骤(图文),分享给大家,具体如下: 一.开始安装 1)新建虚拟机 RHEL7.2 2)成功引导系统--开机出现此画面 Install Red Hat EnterpriseLinux 7.2 安装RHLE7.2 操作系统 Test this edia & install RedHat Enterprise Linux 7.2 测试安装文件并安装RHLE7.2 操作系统 Troubleshooting 修复故障 3)选择第一项

  • Vue.js项目部署到服务器的详细步骤

    前言 最近做完了一个项目,Vue.js 2.0 + vuex + axios,还是有点大的.想着做了这么久,放服务器给朋友们体验一下,帮忙找找BUG,于是就有了研究服务器这一篇文章了. 准备工作 服务器 既然是部署到服务器,肯定是需要一个云的.我这里找基友拿的一个,做测试的话,可以买阿里云的学生机,9.9 一个月,不过不是学生的话就比较麻烦,因为涉及敏感操作都需要验证码. 编译打包 将项目打包成 dist 文件,这里我需要跨域请求一些数据,还写了一个小型服务器, app.js 放到 dist 文

随机推荐