Drawio中创建组件链接

已于 2024-05-18 18:57:12 修改
阅读量636 收藏 4
点赞数 6
分类专栏： # Drawio 文章标签： draw.io
于 2024-05-18 18:44:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38638223/article/details/139029642
版权

 在Drawio中常常需要对两个有关的的组件做链接操作，用于在这两个组件之间的来回跳转。
 这篇文章简单介绍如何在Drawio中创建两个组件的链接。

在VsCode中下载Draw.io插件

 要实现的在下图的两个组件之间跳转操作。当鼠标右击NvMBlockJobPriority时能够跳转到NvMBlockJobPrioritization,反方向也有同样的功能。

在这里插入图片描述

 鼠标点击NvMBlockJobPriority组件，然后选择 “Edit Link”。

在这里插入图片描述

 在link中输入:data:action/json,{“actions”:[{“highlight”:{“cells”:[“82”]}}]}

在这里插入图片描述

 “cells”:[“82”] 中"82"代表跳转的组件ID 代表跳转的组件ID，可以通过如下方式查看：选中跳转的组件，然后鼠标右击，选择 “Edit Data”,跳出的方框中有ID的显示。

在这里插入图片描述

欢迎关注我的微信公众号：奈斯的工作空间

【QNX+Android虚拟化方案】00 - 系列文章链接汇总
|~~~热爱生活、努力学习的小伙汁~~~|
08-20 7205
【QNX+Android虚拟化方案】00 - 系列文章链接汇总
【Unity3D应用案例系列】Unity3D中实现文字转语音的工具开发
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-04 2439
大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。在开发中，会遇到将文字转语音输出的需求，一般是通过在网上找免费的工具去实现。常用的免费工具比如说：这些有些差强人意，配音的质量有点问题，而且还容易崩溃，就想着用Unity去实现一个文字转语音的工具。本篇文章，使用去实现文字转语音的功能，会从，一步一步实现，最后也会将工程上传，欢迎大家批评指正。先看一下效果图：（1）打开讯飞开发平台https://www.xfyun.cn/，登录注册一下： （2）注册完进入控制台h
Draw.io创建链接
angelsha417的博客
07-12 4837
这里写目录标题 使用Draw.io建立流程图之后，有一些模块需要跳转，网上关于这部分的资料比较稍，查了很久，找到一个英文版的，简单解释一下。 以下是我的流程图中跳转的示例 draw.io模块跳转 点击MY SQL跳转到流程图中存入的地方，在流程图中点击也可以跳转到MY SQL模块，具体操作如下： 以点击MY SQL为例，选择Arrange->Edit Link，如图1所示 选择
DrawIo在不同的页面创建组件链接
weixin_38638223的博客
05-20 546
有时候Drawio里面并不只有一个页面，在这些不同的页面下的组件也需要链接来实现来回切换。这篇文章介绍如何实现在不同页面下的组件来回切换。和在一个页面下实现组件来回切换，在不同的页面下实现组件来回切换只需要：在对应组件鼠标，选择在中输入:：代表页面的ID。可以通过页面上的查看ID：:代表组件ID。可以通过鼠标左击组件。
【drawio笔记】连接到形状上的任何地方
02-22 8945
连接到形状上的任何地方 通常情况下，图表编辑器会自动切换连接行为： 在绘制连接器(connector)时，将鼠标悬停在连接点（用绿色圆圈突出显示的十字）的上方或其附近，它将捕捉到该点。 将鼠标悬停在形状(shape)的内部，它将连接到形状轮廓（形状轮廓将以蓝色突出显示）。 将鼠标悬停在轮廓上或轮廓与其周边之间（形状轮廓将以绿色突出显示）。 将连接器(connector)连接到形状(shape)上的任何位置 你可以使用键盘快捷键在任何位置强制执行浮动或固定连接，即使形状具有自定义连接点或启用了捕捉到点形状
drawio连接线使用技巧和功能大全
鹏哥说编程
11-11 1万+
drawio连接线使用技巧和功能大全 > drawio是一款强大的图表绘制软件，支持在线云端版本以及windows, macOS, linux安装版。 如果想在线直接使用，则直接输入网址draw.io或者使用drawon桌案 ，drawon.cn内部完整的集成了drawio的所有功能，并实现了云端存储，以及在线共创，分享，协作的功能。
绘图神器draw.io
CaiGuoHui1的博客
05-17 4938
draw.io是一款强大且免费的在线绘图工具，专门用于创建各种类型的图表和示意图。用户可以通过简单的拖拽操作，快速构建流程图、网络图、思维导图、组织结构图等。draw.io以其直观的用户界面和丰富的功能，成为许多个人和企业用户的首选绘图工具。draw.io提供强大的实时协作功能，使团队成员可以同时编辑和查看图表，提升协作效率。通过这些功能，draw.io不仅帮助个人用户轻松创建和管理图表，还为团队提供了高效的协作平台，使复杂项目的沟通和执行变得更加顺畅。菜单栏。
鸿蒙APP实战案例分析——预加载so并读取RawFile文件
adaedwa187545的博客
03-03 961
本示例主要介绍在TaskPool子线程中使用 dlopen 预加载 so 库并使用句柄调用库函数的方法，以及在Native中使用 pread 系统函数读取Rawfile文件的部分文本内容，并添加 HiLog 日志。
大数据架构中的Web3集成：区块链数据与传统数据的融合
最新发布
AI天才研究院
04-23 922
本文旨在为技术架构师和开发人员提供一个全面的框架，用于理解和实现Web3技术与传统大数据系统的集成。区块链数据与传统数据的本质区别集成架构的设计原则数据处理管道的实现细节性能优化和可扩展性考虑文章首先介绍基本概念和背景知识，然后深入探讨技术实现细节，包括架构设计、算法原理和实际代码示例。最后，我们将讨论应用场景、工具资源和未来发展趋势。Web3: 基于区块链技术的去中心化互联网新范式区块链数据: 存储在区块链上的不可变、时间戳记的数据记录智能合约: 在区块链上自动执行的程序代码。
python常见相关组件汇总(个人学习)
weixin_49319116的博客
02-16 4825
python组件汇总 首先安装navicate，然后关闭安全中心并且断网，再以管理员的身份打开注册机。
Draw.io 绘图工具
知识搬运者
03-16 2995
draw.io是一个可配置的图表/白板可视化应用程序。draw.io 由英国软件公司JGraph Ltd拥有和开发。，可以绘制流程图、UML、类图、组织结构图、泳道图、E-R图、思维导图等等draw.io支持多种方式使用：网页访问、客户端、VSCode插件、jetbrains插件。
draw.io基础操作、大模型代码高效画图和批量操作图形
热门推荐
风暴之灵得博客
12-29 2万+
实现方法1：鼠标放在图形边缘等待出现蓝色箭头，鼠标左键点击图形上的箭头。如果拖动其中一个图形的话，固定链接的形状会自动变为直线连接。如果拖动其中一个图形的话，固定链接的形状会是曲线连过去。鼠标放在图形上，点击出现的箭头，会自动出常用图形。点击第二张图中红圈的黄点，改变成图标的形状。上面左边出现绿圆点+鼠标左键点击图形的。2、shift+小蓝点 等比例拖动。不放+拖动链接另外一个图形的。ctrl+拖动鼠标 快速复制。ctrl+c/v 复制+粘贴。+拖动链接到另外一个图形+1.1、自动连接图形。
忍不住推荐一款作图工具draw.io
codingclassonline
08-24 3340
在日常教学、研究中，常常需要画一些组织结构图、流程图等。虽说现在好多平台都有类似的产品，但是我仍然忍不住要给大伙推荐一款谁用谁知道的作图工具！
drawio模板以及示例
鹏哥说编程
10-19 8282
你可以使用drawio，并使用drawio提供的扩展模板库和大量的形状库，针对很多不同的工业领域创建不同类型的图表。 针对如下的内容中的所有的图，均可以下载源文件并导入到drawio中再次编辑（供学习者使用）。也可以导入到[drawon](https://www.drawon.cn?useSource=csdn)中进行再次编辑。
drawio界面自定义配置
weixin_44112083的博客
09-21 9133
drawio 在“配置”界面，配置 json 实现更丰富的配置
Draw.io基础操作与进阶
君一席
09-10 2万+
draw.io可以用来画各种图，包括UML、流程图、甘特图、线框图、类图、结构图、泳道图等等。​​。
跨平台画图工具drawio使用指南——下载安装及常见功能指南
ScottePerk的博客
10-24 9168
drawio是一个非常强的跨平台画图软件。支持pc全平台，底层是用js实现的。不仅如此，在vscode和idea全家桶里面都有对应插件。并不是一个个人项目，而是一个公司项目。我劝你不要打开github,而是打开官方网站。因为在github你找不到window的安装包。
程序员画图工具Draw.io
rayylee
11-24 1412
程序员不要认为写好代码就好，画好图也很重要，难道你没听过PPT架构师，PPT架构师不就天天画图么。关于画图，俗话说，有图有真相！哦，不对，是一图胜千言。一图胜千言，沟通效率那不是刚刚的。 Draw.io 是一个很好用的免费流程图绘制工具。 你可以利用它绘制一系列的图表、图示或图形，包括流程图、UML 类图、组织结构图、泳道图、E-R 图、文氏图等等。 一大堆的介绍，感觉很高端，其实我真正用的也就几个。 这块软件可以在线访问进行画图，也可以下载安装包（绿色版）在本地打开进行画图，都是很方便的。 这个画.
使用画图工具draw.io的嵌入模式实现uml图绘制功能的尝试（1）
weixin_41108690的博客
03-17 8770
正在编写的本科毕设项目中要求实现绘制UML图的需求，我搜索了一些相关的开源软件，发现了jsUML2、jTopo、PlantUML、Java UML Generator、JS-Sequence-Diagrams、draw.io等可参考的开源软件 （*具体介绍详见页面下方），经过考虑决定使用draw.io的嵌入模式。 因为找资料找到头秃，决定把自己做的一些工作记录下来分享给大家。才疏学浅，如有错漏欢迎...
uml软件需求分析 draw.io
03-25
<think>好的，我现在需要帮助用户找到关于使用draw.io进行UML软件需求分析的最佳实践和教程。首先，我需要回顾用户提供的引用内容，看看里面有没有相关的信息。 引用[1]提到draw.io可以创建UML图、流程图和网络拓扑图，帮助设计软件系统架构。这说明draw.io确实支持UML，适用于需求分析阶段。引用[2]提到有丰富的模板库，包括UML图，用户可以利用模板提高效率。引用[3]详细介绍了draw.io的功能，包括创建UML图，并提到其在线和桌面版的可用性。引用[4]是项目地址，可能对开发者有用，但用户可能需要更多实际操作指导。 用户的问题是关于使用draw.io进行UML软件需求分析的最佳实践和教程。我需要结合这些引用内容，分步骤说明如何操作，可能包括选择模板、使用工具、协作功能等。此外，用户可能需要具体的步骤，比如如何选择UML图表类型，如何利用模板，以及如何导出和分享成果。 首先，确定需求分析阶段需要哪些UML图。通常，用例图、活动图、类图、状态图等是常用的。然后，在draw.io中找到对应的模板，或者从零开始创建。接着，使用绘图工具自定义元素，添加注释，保持结构清晰。最后，利用协作功能与团队共享，导出文档。 需要确保步骤清晰，并引用相关引用内容。比如在提到模板时引用[2]，在功能概述时引用[3]。此外，可能还需要补充一些实际操作的细节，比如如何访问模板库，如何添加元素，如何使用连接线等，但用户提供的引用中没有这些细节，可能需要根据一般使用经验来补充。 最后，生成相关问题，可能需要围绕UML类型、模板使用、协作功能、与其他工具集成等方面提问。</think>以下是如何使用draw.io进行UML软件需求分析的最佳实践与分步指南： ### 一、需求分析阶段的UML应用场景 在软件需求分析中，常用以下UML图类型： 1. **用例图**：描述系统功能与用户交互场景[^1] 2. **活动图**：展示业务流程和系统操作流程 3. **类图**：初步定义系统实体关系 4. **状态图**：描述对象状态变化 ### 二、draw.io操作实践 #### 1. 选择UML模板 在draw.io启动界面选择「UML」分类模板库，推荐使用： - 预置的用例图模板 - BPMN流程图模板（可转换为活动图） - 类图基本框架模板[^2] ![draw.io模板选择示意图](https://gitcode.com/gh_mirrors/dr/drawio/-/raw/main/src/main/webapp/img/uml-example.png)（注：此为示例图链接） #### 2. 创建用例图 ```mermaid graph TD A[参与者: 用户] --> B(用例: 登录系统) A --> C(用例: 查询数据) B --> D[包含关系: 验证身份] ``` 通过左侧形状库添加： - 参与者（Actor） - 用例椭圆（Use Case） - 关联/包含/扩展关系线 #### 3. 绘制活动图技巧 - 使用泳道图区分不同系统模块 - 添加决策节点（菱形符号） - 通过颜色标记关键路径 #### 4. 需求文档整合 1. 右键图形添加注释 2. 使用图层管理功能分离不同抽象层级 3. 导出为PNG/SVG嵌入需求文档[^3] ### 三、协作与版本控制 1. 通过Google Drive/OneDrive实现实时协作 2. 使用「修订历史」跟踪需求变更 3. 利用评论功能进行需求评审 ### 四、高级技巧 - 自定义样式库保存企业规范 - 通过XML导入导出模板 - 使用容器组件组织复杂图表
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值