软件工程绘制一个图形类家族的uml图 您所在的位置:网站首页 厨房plant 软件工程绘制一个图形类家族的uml图

软件工程绘制一个图形类家族的uml图

2023-09-21 02:02| 来源: 网络整理| 查看: 265

02d6a137befd6ecc35f4a00b07bd9678.png

关注BeTester,学习更多知识

让碎片成体系,让测试更专业

6b259f7104bddfe31edb7a739abcde5a.png 1、工具概述

《软件工程专题:UML简介》介绍了UML的元素和图形分类,那我们该如何开始第一个UML图的绘制呢?使用什么软件来编写调试?

VS Code是笔者的生产力工具,所以笔者会强烈推荐一款能够在VS Code上进行UML编写的工具。经过一系列的调研与对比,最终选择 PlantUML 作为UML的编写工具。

PlantUML官网:http://plantuml.com/一系列与PlantUML相关的语法都可以在官网上查阅,后续文章也会详细讲解。

2、安装篇 在安装篇之前,请大家先完成Java环境的配置,本文暂不涉及该部分内容。 2.1 安装 Graphviz

打开 http://www.graphviz.org/download/ 选择指定平台下的安装说明进行安装。(a) Windows: 下载msi安装包

16dc4f44ad23a8d37a3f2ac887c32f2d.png

(b) Mac: 使用 brew install graphviz 进行安装

bd3f05ac42c311983bc3151b4eb8b26d.png

(c) Linux: 下载deb包进行安装

d7a9c7e77c8fa526aeeb31b625f780b6.png 2.2 安装VS Code

打开 https://code.visualstudio.com/ 选择指定平台下的安装说明进行安装。

e653bb43f657aa44a119ce90eec22e20.png 2.3 安装PlantUML插件

打开VS Code后,启动插件安装页面(可通过ctrl+shift+x快速打开),选择PlantUML插件进行安装。

17214f4effa2f521b4bf787a96c6ece7.png 2.4 重启VS Code

在完成PlantUML插件的安装后,重启VS Code编辑器即可使用。

3、使用篇 3.1 开始第一个UML

创建第一个UML文件,建议UML文件以 puml 为后缀。每个UML都以 @startuml 开始 和 以 @enduml结束。

@startuml class Tester @enduml 3.2 预览

6cba85f72f6509a07758723bd83437c9.png 3.3 导出 3.3.1 单个导出

30a9a15cbe97964fe9229beda45c1f5c.png 3.3.2 多个导出

30bfc7a0e47dab9435171e087485859f.png 3.3.3 发布到PlantUML官网

4119715145024a3171c9f122b12f3d94.png 每一个UML里面只能存在一种类型的图,譬如类图与顺序图是不能同时存在于一个UML中,否则工具无法渲染。

388042c195cefd5624b9461d7674fb10.png 4、小结

本节主要介绍如何使用VS Code进行UML的编写,工欲善其事必先利其器。《软件工程专题:UML简介》提及的9中UML图形,我们将会与你一起使用VS Code结合案例进行逐一分析。

—— 更多文章 ——

软件工程专题:UML简介软件工程专题:看板软件工程专题:Scrum框架软件工程专题:极限编程软件工程专题:敏捷开发流程软件工程专题:软件工程概述

cfaf535c865d8d411dd9be8a96fc9d37.png


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

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