当前位置: 首页 > news >正文

绘图设计:用Draw.io绘制图形技巧大全(含统一建模语言UML模板)

一、常见UML模板

1.流程图

2.用例图

include是包含关系,extend是扩展关系

简而言之,include是子集指向父集;而extend是扩展用例指向基础用例(基础用例可以理解为系统核心功能,扩展用例是可选的,不是必须的)。

3.对象图

备注:以下的From和linquiry可省略不写,但是文字下划线、表名是必须要写的。

4.E-R图

  • 方框实体,名词,一般就是数据库表名
  • 菱形:实体之间的关系,动词,需注明数量关系(一对一,一对多,多对多),关系也可以用字母表示(1:1,1:N,N:M)。
  • 圆形:实体的属性,名词。
  • 规则:圆形只能连方框,菱形两端是方框,菱形必须注明数量关系。

【如何看数量关系】分别以两个角度看即可,例如:

  • 丈夫和妻子:一个丈夫只有一个妻子,一个妻子只有一个丈夫,所以是丈夫对妻子=一对一
  • 老师和学生:一个老师有多个学生,一个学生有多个老师,所以是老师对学生=多对多
  • 母亲和孩子:一个母亲有多个孩子,一个孩子有一个母亲,所以是母亲对孩子=一对多

下面介绍一些常用但非UML的图

【非UML】组织结构图

二、使用方法

第一步,打开网址:https://app.diagrams.net/ 

第二步,新建或打开文件:

第三步,绘制流程图:

三、使用技巧

1.输入文字:

①框图双击输入文字。

②画线后点一下Enter,可以在线的中间地方输入输入。

2.线的移动

在错误的点引出线时,可按住蓝色圆圈移动到合适位置

3.默认线样式

箭头右键可将箭头(例如无头箭头样式)设置为默认线条,下次在两个图形之间连线就是默认的无头箭头了

4.相对位置调整

多选图形可在右边调整位置:

当然,也可以在工具栏设置对齐等距分布

 【技巧】图形和图形居中对齐的时候,点击蓝色箭头能直接连中最近的图形!

5.基础图形调取

双击画布可以弹出基础图形

6.蓝色连接线和绿色连接线

如下图所示,红色箭头会拖出蓝色连接线,黄色箭头会拖出绿色连接线。

蓝色连接线灵活的,图形位置变动时保持最短路径

绿色连接线锁死的,图形位置变动时保持出发点和目的地点一致

四、很坑的点 

1.移动问题

如果你画一条线出现这个绿色叉叉,就不要画下一条线了,应该点一下白色的地方(画布)再画,否则就不能将第二条线锁定在下一个图形中

相关文章:

  • 链表中的经典问题——奇偶链表
  • nginx代理参数proxy_pass
  • SpringCloud Ribbon 负载均衡服务调用
  • JS(二)数据类型,流程控制
  • 药业“钉”上云端:与钉钉共舞数字化新时代
  • 傅里叶变换pytorch使用
  • Openfeign+Ribbon+Hystrix断路器(服务降级)
  • Vue 双向数据绑定
  • 使用docker安装logstash的具体方法
  • 网络安全: Kali Linux 使用 MSF 漏洞利用
  • 部署 Web 项目到Linux上
  • 智慧灯杆-智慧城市照明现状分析(1)
  • Android Studio Iguana | 2023.2.1版本
  • 基于斑翠鸟优化算法(Pied Kingfisher Optimizer ,PKO)的无人机三维路径规划(MATLAB)
  • 检测虚拟机环境的常见技术
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • Codepen 每日精选(2018-3-25)
  • gops —— Go 程序诊断分析工具
  • JavaSE小实践1:Java爬取斗图网站的所有表情包
  • MySQL用户中的%到底包不包括localhost?
  • redis学习笔记(三):列表、集合、有序集合
  • SpiderData 2019年2月13日 DApp数据排行榜
  • SpiderData 2019年2月16日 DApp数据排行榜
  • SpingCloudBus整合RabbitMQ
  • Vim Clutch | 面向脚踏板编程……
  • webpack入门学习手记(二)
  • 闭包--闭包之tab栏切换(四)
  • 第三十一到第三十三天:我是精明的小卖家(一)
  • 对JS继承的一点思考
  • 复杂数据处理
  • 工程优化暨babel升级小记
  • 关于使用markdown的方法(引自CSDN教程)
  • 前端存储 - localStorage
  • 前端代码风格自动化系列(二)之Commitlint
  • 深入 Nginx 之配置篇
  • 算法-图和图算法
  • 一个JAVA程序员成长之路分享
  • 不要一棍子打翻所有黑盒模型,其实可以让它们发挥作用 ...
  • 数据可视化之下发图实践
  • ​【经验分享】微机原理、指令判断、判断指令是否正确判断指令是否正确​
  • ​io --- 处理流的核心工具​
  • #1014 : Trie树
  • #laravel部署安装报错loadFactoriesFrom是undefined method #
  • #微信小程序:微信小程序常见的配置传旨
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (2)空速传感器
  • (k8s中)docker netty OOM问题记录
  • (ZT)出版业改革:该死的死,该生的生
  • (附源码)ssm跨平台教学系统 毕业设计 280843
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • (转)memcache、redis缓存
  • .bat批处理(五):遍历指定目录下资源文件并更新
  • .NET Core 2.1路线图
  • .net 开发怎么实现前后端分离_前后端分离:分离式开发和一体式发布
  • .NET 跨平台图形库 SkiaSharp 基础应用