超级好用绘图工具(Draw.io+Github)

超级好用绘图工具(Draw.io+Github)

方案简介

  • 绘图工具:Draw.io

  • 存储方式: Github

1 Draw.io

1.2 简介

​ 是一款免费开源的在线流程图绘制软件,可以用于创建流程图、组织结构图、网络图、UML图等各种类型的图表。它提供了丰富的图形元素和编辑功能,使用户能够轻松地创建和编辑图表。

​ 关键字:开源、简洁、方便、全平台、免费

1.3 官网

​ https://www.drawio.com/

1.4 网页版

  • 地址:https://app.diagrams.net/?src=about

  • 你也可以直接保存到本地

    image-20230917120628999

1.5 本地版

  • 下载地址: https://github.com/jgraph/drawio-desktop/releases
  • 全平台下载

image-20230917120046396

1.6 存储方式

Draw.io 提供了6种存储方式,可自行选择

  • Google Drive
  • One Drive
  • 设备(其实就是存到本地)
  • Dropbox
  • Github
  • GitLab

画完流程图之后,可以选择保存到本地,或者存储到网上,本着方便的原则,肯定是存到网上方便点,个人推荐是Github方式,网上也有保存到Gitee方式,可以自行研究下

image-20230917120959622

2 Github

2.1 创建Github账号

2.2 创建流程图的仓库

​ 打开Github,创建专门存放流程图的仓库

image-20230917121614114

image-20230917121737111

2.3 授权

打开Draw.io网址,进行Github授权

  • 存储方式,选择Github

    image-20230917121907638

  • 创建新的绘图

    image-20230917122239774

    image-20230917122348779

  • 点击授权

    image-20230917122414161

    image-20230917124327315

    image-20230917124433133

2.4 选择仓库

​ 授权成功后,在draw.io界面,刷新可以看到仓库地址

image-20230917122709994

image-20230917122749526

  PS : 如果确定按钮是灰色不可按,请在仓库里先创建一个文件夹!!!

2.5 初始提交

image-20230917124748436

2.6 绘图

image-20230917125956773

2.7 提交更新图

​ 当流程图有修改后,会自动对比差异,显示保存按钮

image-20230917124901393

  • 修改后,再次提交

    提交信息,填写本次修改内容,跟git使用类似

    image-20230917124932822

2.8 查看

​ 打开Github仓库地址,就看到存放地址了

image-20230917125237068

总结

​ 开发程序的都知道,经常要画各种各样的流程图,因此一款好用、又方便的流程图工具,就显得格外重要,之前使用的是微软Visio,太重量级了,也不方便,后面在网上找了很久,对比现在各种收费绘图软件,真是好用多了,重点还是免费!!!

​ 把环境搭好后,真是大大提高了工作效率!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/137155.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

pytorch学习1

前言 王者之争 核心之争在于动态图优先还是静态图优先 pytorch是动态计算生成新变量 tf是先定义变量,再生成 回归问题 1、梯度下降算法了解 [梯度算法是深度学习的核心,deep learning求解复杂问题主要靠的是梯度下降算法,故deep learning…

面向面试知识--Lottery项目

面向面试知识–Lottery项目 1.设计模式 为什么需要设计模式? (设计模式是什么?优点有哪些?) 设计模式是一套经过验证的有效的软件开发指导思想/解决方案;提高代码的可重用性和可维护性;提高团…

每日一题:请解释什么是闭包(Closure)?并举一个实际的例子来说明。(前端初级)

今天继续在前端初级笔试题中被AI虐: 碱面的答案,问题:初级,回答:初级https://bs.rongapi.cn/1702510598371151872/14我的回答如下: 闭包是指由大括号包裹的一个区域,这个区域代表了一个变量生效…

SpringMVC之JSON数据返回与异常处理机制---全方面讲解

一,JSON数据返回的理解 在Spring MVC中,当需要将数据以JSON格式返回给客户端时,可以使用ResponseBody注解或RestController注解将Controller方法的返回值直接转化为JSON格式并返回。这使得开发者可以方便地将Java对象转换为JSON,并…

vue基础知识十一:Vue组件之间的通信方式都有哪些?

一、组件间通信的概念 开始之前,我们把组件间通信这个词进行拆分 组件通信 都知道组件是vue最强大的功能之一,vue中每一个.vue我们都可以视之为一个组件通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上,…

如何用Postman做接口自动化测试

前言 什么是自动化测试 把人对软件的测试行为转化为由机器执行测试行为的一种实践。 例如GUI自动化测试,模拟人去操作软件界面,把人从简单重复的劳动中解放出来。 本质是用代码去测试另一段代码,属于一种软件开发工作,已经开发完…

Vue的路由使用,Node.js下载安装及环境配置教程 (超级详细)

前言&#xff1a; 今天我们来讲解关于Vue的路由使用&#xff0c;Node.js下载安装及环境配置教程 一&#xff0c;Vue的路由使用 首先我们Vue的路由使用&#xff0c;必须要导入官方的依赖的。 BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务https://www.bootcdn.cn/ <…

2023年9月20日

画个钟 头文件&#xff1a; #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QPaintEvent> #include <QDebug> #include <QPainter> #include <QTimerEvent> #include <QTime> #include <QDateTime> #include <…

Python日期处理库:掌握时间的艺术

&#x1f482; 个人网站:【工具大全】【游戏大全】【神级源码资源网】&#x1f91f; 前端学习课程&#xff1a;&#x1f449;【28个案例趣学前端】【400个JS面试题】&#x1f485; 寻找学习交流、摸鱼划水的小伙伴&#xff0c;请点击【摸鱼学习交流群】 日期和时间在计算机编程…

【Linux】Ubuntu美化主题【教程】

【Linux】Ubuntu美化主题【教程】 文章目录 【Linux】Ubuntu美化主题【教程】1. 安装优化工具Tweak2.下载自己喜欢的主题3. 下载自己喜欢的iconReference 1. 安装优化工具Tweak 首先安装优化工具Tweak sudo apt-get install gnome-tweak-tool安装完毕后在菜单中打开Tweak 然后…

根据商品ID获得淘宝商品详情, 获得淘宝商品详情高级版,获得淘宝商品评论, 获得淘宝商品快递费用 ,获得淘口令真实,批量获得淘宝商品上下架时间)

参数说明 通用参数说明 参数不要乱传&#xff0c;否则不管成功失败都会扣费url说明 https://api-gw.…….cn/平台/API类型/ 平台&#xff1a;淘宝&#xff0c;京东等&#xff0c; API类型:[item_search,item_get,item_search_shop等]version:API版本key:调用key,测试key:test_…

蒙特卡洛方法的数学基础-1

蒙特卡洛方法的数学基础-1 概率论 Bayes 公式 常用分布 Binominal Distribution Poisson Distribution Gaussian Distribution Exponential Distribution Uniform Distribution 大数定理 均匀概率分布随机地取N个数xi &#xff0c;函数值之和的算术平均收敛于函数的期望值 …

无涯教程-JavaScript - CSC函数

描述 CSC函数返回以弧度指定的Angular的余割值。 语法 CSC (number)争论 Argument描述Required/OptionalNumberThe angle (in radians) that you want to calculate the cosecant of.Required Notes CSC(n)等于1/SIN(n) 如果Angular为度,则将其乘以PI()/180或使用RADIANS…

zabbix添加监控项及邮件报警

一、zabbix添加监控项 添加主机群组&#xff0c;添加主机&#xff0c;添加监控项 键值参考官方文档&#xff1a;1 Zabbix客户端 添加监控MySQL3306端口的监控项 2.邮件报警 1.软件安装 [rootxingdian ~]# yum install mailx -y 2.邮箱配置 [rootxingdian ~]# vim /etc/mail.…

计算机毕设 opencv python 深度学习垃圾图像分类系统

文章目录 0 前言课题简介一、识别效果二、实现1.数据集2.实现原理和方法3.网络结构 最后 0 前言 &#x1f525; 这两年开始毕业设计和毕业答辩的要求和难度不断提升&#xff0c;传统的毕设题目缺少创新和亮点&#xff0c;往往达不到毕业答辩的要求&#xff0c;这两年不断有学弟…

(并查集) 1971. 寻找图中是否存在路径 ——【Leetcode每日一题】

❓ 1971. 寻找图中是否存在路径 难度&#xff1a;简单 有一个具有 n 个顶点的 双向 图&#xff0c;其中每个顶点标记从 0 到 n - 1&#xff08;包含 0 和 n - 1&#xff09;。图中的边用一个二维整数数组 edges 表示&#xff0c;其中 edges[i] [ui, vi] 表示顶点 ui 和顶点 …

年龄大了转嵌入式有机会吗?

年龄大了转嵌入式有机会吗&#xff1f; 首先&#xff0c;说下结论&#xff1a;年龄并不是限制转行嵌入式软件开发的因素&#xff0c;只要具备一定的编程和电子基础知识&#xff0c;认真学习和实践&#xff0c;是可以成为优秀的嵌入式软件开发工程师的。最近很多小伙伴找我&…

共铸智能未来 图为科技加入深圳市人工智能行业协会

人工智能技术的快速发展&#xff0c;为我们带来了许多革命性的创新&#xff0c;深度学习、自然语言处理、计算机 视觉等技术的突破&#xff0c;加速了人工智能的进步&#xff0c;使其能够更好地理解和处理复杂的数据和情境。这 些技术不仅在科学研究中发挥着重要作用&#xff0…

linux-如何用起来ubuntu

1 Oracle VM VirtualBox安装ubuntu20.04虚拟机 【工具】->【新建】 1.1 虚拟电脑名称和系统类型 【名称】&#xff1a;自定义名称即可 【文件夹】&#xff1a;虚拟机文件将要存储的路径 【虚拟光盘】&#xff1a;将要安装的虚拟机iso文件 1.2 自动安装 【用户名】&…

第16篇ESP32 platformio_arduino框架 wifi联网_连接WiFi热点并连接tcp server收发数据进行通讯

第1篇:Arduino与ESP32开发板的安装方法 第2篇:ESP32 helloword第一个程序示范点亮板载LED 第3篇:vscode搭建esp32 arduino开发环境 第4篇:vscodeplatformio搭建esp32 arduino开发环境 ​​​​​​第5篇:doit_esp32_devkit_v1使用pmw呼吸灯实验 第6篇:ESP32连接无源喇叭播…