资讯专栏INFORMATION COLUMN

安利个开源免费流程图应用Draw.io/diagrams,告别Visio/ProcessOn

chaos_G / 2364人阅读

摘要:截至发文,最新版本为内容机密,团队使用首选私有部署,形式部署非常简单,只要分钟,行代码,你就可拥有自己专属的媲美的流程图应用。私有部署的还有一个好处是可以进行二次开发。

说到画各种流程图,如果不想花钱买正版Visio,或者受制于订阅制的ProcessOn,是否有别的选择了呢?答案当然是有,而且相当的专业,还是免费的。

官网:diagrams.net,摘抄介绍如下

diagrams.net/draw.io is an open source technology stack for building diagramming applications, and the world’s most widely used browser-based end-user diagramming software.
Our mission statement is “provide free, high quality diagramming software for everyone”.

团队的宣言是提供免费高质量的图标软件,从目前体验来看,respect!下面开始介绍。

1. 关于项目

Github项目地址:https://github.com/jgraph

2. 关于使用场景

在用这款优秀的应用之前,请先考虑下你准备在哪用?数据安全是否重要等问题。通常有以下几种

2.1 内容非机密,轻度多终端使用

首选官方的在线应用 app.diagrams.net,通过浏览器直接打开网址就能快速的开始画流程图了,甚至都不需要注册账号!画完可选择本地存储(浏览器缓存、本地电脑)和云存储(OneDrive、GoogleDrive、DropBox等等),保存方式非常灵活

2.2 本地电脑使用

首选桌面版本,下载软件后就可在多种OS下自由使用。
截至发文,最新版本为15.4.0

2.3 内容机密,团队使用

首选私有部署,docker形式部署非常简单,只要1分钟,2行代码,你就可拥有自己专属的媲美Visio的流程图应用。

通过命令行以下命令,即可创建一个应用:

docker pull jgraph/drawiodocker run -d --name="draw" -p 8080:8080 -p 8443:8443 jgraph/drawio

如果是群晖,在注册表中搜索drawio即可找到。
私有部署的还有一个好处是可以进行二次开发。比如默认应用打开是英文界面的,如果想修改为中文的,可直接修改index.html文件,通过url参数来实现页面初始化的简单定制,支持的url参数可参照https://www.diagrams.net/doc/faq/supported-url-parameters,修改index.html中的result数组值即可。

3. 关于如何使用及部分功能

3.1 UI / 主题

支持正常的界面或者白板形式使用,可通过 [ 其他→主题 ] 来选择

除了默认,如果想实现类似于大白板一样的画图,可选择sketch,可实现下面的效果
非常适合在会议室的触摸大屏上进行绘制图表

3.2 关于模板

应用本身已经集成了非常多种类别的模板,能满足大部分的基础需求

3.3 关于图形

支持的图形太多了,基本你能想到的都有

标准, 通用, 基本, 箭头, 剪贴画, 流程图, 软件, Active Directory, Android,
Atlassian, Bootstrap, C4, Data Flow Diagram, 实体关系, iOS, 模型图,
Sitemap, UML 2.5, UML, 网络, Allied Telesis, AWS17, AWS18, AWS19,
AWS 3D, Azure, Cloud & Enterprise, Cisco, Cisco19, Cisco Safe,
Cumulus, Citrix, Google Cloud Platform, IBM, Kubernetes, Network,
Office, 机架, Veeam, VMware, 商务, ArchiMate 3.0, ArchiMate 2.1,
BPMN 2.0, SysML, Value Stream Mapping, 其他, 机箱, Infographic, EIP,
电路, 平面图, Fluid Power (ISO 1219), 材料设计, 工艺流程, Threat Modeling,
Web Icons, 标识,

例如:
想画手机UI、电路图、机箱图?拿去吧!

3.4 关于输出

应用支持导出为png、JPEG、svg、pdf、html、xml、url,甚至是visio的VSDX!
并且导出时还能自定义dpi等参数,很到位。
如果想和其他人分享内容,输出一份图片即可,如果想让其他人在此基础上编辑,输出xml即可。

3.5 关于样式

应用支持很丰富的自定义样式,分分钟画出一个手绘风格的流程图

via https://twitter.com/drawio

https://towardsdatascience.com/how-to-easily-draw-neural-network-architecture-diagrams-a6b6138ed875

结尾

完。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/121756.html

相关文章

  • 安利一下自己为 GitHub 开发的首 Chrome 浏览器集成插件——GayHub?

    摘要:为了进一步提高阅览体验这个小目标,让大家更方便的畅游,因此诞生了。温馨提示不要打开这种巨无霸的开源,因为从接口拉取所有目录文件名数据都需要几分钟。。。大屏全貌在大屏幕下,会展示所有的内容,在等小屏幕下默认只显示侧边栏目录树,而默认是隐藏的。 github源码地址:https://github.com/jawil/GayHub showImg(https://segmentfault....

    Astrian 评论0 收藏0
  • 安利一下自己为 GitHub 开发的首 Chrome 浏览器集成插件——GayHub?

    摘要:为了进一步提高阅览体验这个小目标,让大家更方便的畅游,因此诞生了。温馨提示不要打开这种巨无霸的开源,因为从接口拉取所有目录文件名数据都需要几分钟。。。大屏全貌在大屏幕下,会展示所有的内容,在等小屏幕下默认只显示侧边栏目录树,而默认是隐藏的。 github源码地址:https://github.com/jawil/GayHub showImg(https://segmentfault....

    wenshi11019 评论0 收藏0
  • 安利一下自己为 GitHub 开发的首 Chrome 浏览器集成插件——GayHub?

    摘要:为了进一步提高阅览体验这个小目标,让大家更方便的畅游,因此诞生了。温馨提示不要打开这种巨无霸的开源,因为从接口拉取所有目录文件名数据都需要几分钟。。。大屏全貌在大屏幕下,会展示所有的内容,在等小屏幕下默认只显示侧边栏目录树,而默认是隐藏的。 github源码地址:https://github.com/jawil/GayHub showImg(https://segmentfault....

    xialong 评论0 收藏0
  • 安利我自己写的开源免费的Bug管理软件

    摘要:是一个免费的高颜值产品需求和管理软件,包括客户端和网页版。意见收集由于人数限制的原因,建议不要将非开发测试人员加入项目,意见收集提供对外的网址,用于收集他人意见建议。 TodoKit TodoKit是一个免费的高颜值产品需求和Bug管理软件,包括Mac客户端和网页版。官网:https://www.todokit.vip Getting Started 使用TodoKit,需要你下载最新...

    lunaticf 评论0 收藏0
  • VS Code上手与超实用插件安利

    摘要:软件跨平台支持以及,运行流畅,可谓是微软的良心之作微软有这个宇宙最强,自然也不会弱宇宙最强编辑器说到代码编辑器,我们有必要提一提还有。 原文链接:VS Code上手与超实用插件安利 工欲善其事必先利其器 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号...

    miracledan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<