为什么要学会画流程图

无论是在办公还是在生活中，流程图都是一个必不可少的重要辅助工具，大到建筑设计小到生活计划都需要使用流程图来帮助我们更好的完成每一件事情！

当然，我们程序员可以利用画流程图，来理清开发中的逻辑关系。

11种画流程图的工具

processon

官网地址：https://www.processon.com/

专业强大的作图工具，支持多人实时在线协作，可用于原型图、UML、BPMN、网络拓扑图等多种图形绘制。

wps

我们都知道wps，不仅可以写doc文档，还能做PPT，更神奇的是可以画流程图，更好的嵌入到已有的工具中。

draw.io

draw.io不仅支持在线版，还可以安装到Windows、Mac进行离线使用，尤其是与VS Code的结合，让它支持的平台进一步得到丰富。

Zen Flowchart

官网地址：https://huatu.qianglihuifu.com/

简单易用、功能强大，加上流畅的设计体验，高效制作专业又美观的脑图，轻松还原逻辑与思考。

xGraph

xGraph整体上和draw.io大同小异。但是，还是存在一些不同之处。

xGraph不仅支持组件和节点搜索，还可以进行私密分享。

通过xGraph创建流程图之后，只需要一键就可以获取私有链接和密钥，这样就可以对流程图进行加密分享。

lucidchart

lucidchart官方版是一款适用于chrome浏览器的离线图表工具。

lucidchart最新版基于html5技术打造，支持绘制流程图、实体模型、UML、思维导图等功能。

lucidchart插件内置了丰富的模板，可以帮助用户快速完成各类图表的制作，并且支持多人协作和实时同步，可有效提高工作效率。

boardmix

官网地址：https://boardmix.cn/flow-chart

BoardMix在线流程图软件，流程图制作和模板免费在线使用， 学习规划和工作流程从此无比清晰。

plantuml

官网地址：https://plantuml.com/zh/

plantuml是一款UML流程图绘制工具。

和其他流程图工具不同plantuml是通过文字描述、编码的方式来绘制UML图形，学习成本和使用门槛相对上述提到的开箱即用的流程图工具要复杂一些。

不过，仁者见仁，不同的使用者偏好不同的使用方式。就如同vim和VS Code，有的人喜欢花费更多的时间和精力记忆命令行，摆脱对鼠标的依赖，提升后期使用的效率。

迅捷画图

官网地址：https://huatu.98youxi.com/

简单易用、功能强大，加上流畅的设计体验，高效制作专业又美观的脑图，轻松还原逻辑与思考。

Visual Paradigm Online

Visual Paradigm Online[9]在流程图绘制方面以丰富的模板、用例见长，通过网站提供的模板和用例，能够快速创建流程图，同时，可以从中获取到很多组织架构方面的灵感。

但是，Visual Paradigm Online的打开速度和流畅度相对较差。

坚果云绘图

官网地址：https://www.jianguoyun.com/

如果说前面流程图工具限定免费数量让你使用的不够痛快，或者不能称其为完全免费，那么，坚果云绘图绝对算得上一款完全免费的流程图工具。

坚果云对于很多同学来说都不陌生，但是，对于大多数同学而言它只是一款云存储工具。其实，它也是一款非常强大的流程图工具。只是，它的流程图功能比较隐蔽，很容易被大家忽略。

在坚果云文件夹内点击新建->绘图文件->编辑就可以打开流程图绘制界面，这样的话可以存储成千上万个流程图，因此，再也不用担心免费数量的限制。而且，结合坚果云强大的实时同步功能，还可以用于团队内部协同使用。

实例分析

原型图

我们在拿到产品经理的项目需求时，往往是软件的原型图。

因而，我们需要对原型图进行业务分析，如果不能正确的进行业务分析，做出来的产品往往是事与愿违。比如，我以前做的业务中的一个小模块，添加变更表，这是一个接口，如图所示：

原工程款应该来自于收款列表的接口，如图：

绘制流程图

如果能够分析好业务，开发效率会达到事半功倍的效果，这也就是，我现在要培养我自己开发业务的能力，编程语言很容易学的，但业务分析却不大容易。如果能够更好的分析业务，我们，可以用到流程图。

我选择使用processon绘制流程图，其他工具的流程图绘制和这是类似的。

新建流程图

我们打开processon的官网，登录成功后，店家左侧新建按钮，选择流程图即可。

重命名文件

因为，新建的流程图默认是未命名文件，所以，我们要重新命名文件。

点击右侧下拉按钮，显示隐藏的工具栏

文件重命名

文件内重命名

可以选择以下两种方式给文件命名。

1. 点击未命名文件，直接命名即可

2. 点击文件，选择重命名文件
   

文件外重命名

如果你没在文件中重命名就退出文件了，在外部也可以重命名，如下图所示：

流程图绘制

代码实现

使用流程图进行逻辑分析完后，于是，从新写了个接口，通过ajax实现异步请求，将数据读取到原工程款中，这样做显然是不好的，因为，ajax实现异步请求，又得再一次遍历数据库，因而，把数据直接写到收款列表的接口：

  /*** 展示收款列表** @param backPageQuery* @return*/@RequestMapping(value = "/listGaterings", method = RequestMethod.GET)public Result listGaterings(BackPageQuery backPageQuery) {Page<GatheringData> pageList= gatheringService.listGaterings(backPageQuery).getResultData();String[] PROJECT_JSON = {"projectId", "gatheringId","gatheringName","originalProject", "accountReceivable", "realPaid", "remainMoney","note"};JSONObject jsonObjectList = pageToJson(pageList, p -> {JSONObject listobject = propsFilter(p, PROJECT_JSON);return listobject;});return ResultUtil.buildSuccess(jsonObjectList);}

当我用的时候，直接拿originalProject这个数据就可以了。

总结

我们要学会使用工具绘制流程图，从而提升自己分析问题的逻辑能力。

一文读懂：程序员为什么要学会画流程图 11种流程图的绘制工具：processon，wps，draw.io， 迅捷画图等 详细说明使用processon绘制流程图 详细说明绘制流程图相关推荐

1. 漂洋过海去学习，一文读懂程序员如何从初级升级到高级

   微信搜索[程序员小跃],和大家一起奔跑 Slogan:当你的才华还无法撑起你的野心时,那应该静下心来好好学习 还记得前几天跃哥的这篇推文吗?<知道吗,你和高级工程师差距巨大>这篇和大家简单 ...

2. 画架构图的软件_程序员为什么要学会画技术架构图？

   来源: https://www.infoq.cn/article/GhprrUlOYyOqS8*FR1pH 技术传播的价值,不仅仅体现在通过商业化产品和开源项目来缩短我们构建应用的路径,加速业务的上线 ...

3. java中date类型如何赋值_一文读懂java中的Reference和引用类型

   简介 java中有值类型也有引用类型,引用类型一般是针对于java中对象来说的,今天介绍一下java中的引用类型.java为引用类型专门定义了一个类叫做Reference.Reference是跟jav ...

4. 一文读懂密码学中的证书

   一文读懂密码学中的证书 之前的文章中,我们讲到了数字签名,数字签名的作用就是防止篡改和伪装,并且能够防止否认.但是要正确运用数字签名技术还有一个非常大的前提,那就是用来验证签名的公钥必须真正的属于发送 ...

5. 一文读懂 Copyleft 开源许可证

   开源组件已改变了我们开发软件的方式.来自开源社区的现成库(ready-made libraries)使忙碌的开发者们能专注于他们的秘密武器,这些秘密武器或将成为未来令人兴奋的新软件产品.而且不需要付费 ...

6. 你真的懂数据分析吗？一文读懂数据分析的流程、基本方法和实践

   导读:无论你的工作内容是什么,掌握一定的数据分析能力,都可以帮你更好的认识世界,更好的提升工作效率.数据分析除了包含传统意义上的统计分析之外,也包含寻找有效特征.进行机器学习建模的过程,以及探索数据价 ...

7. 区块链产业生态、存在问题及政策建议|一文读懂新趋势

   区块链产业生态.存在问题及政策建议|一文读懂新趋势 2017-03-03 09:47:50  来源: 腾讯研究院抢沙发 摘要:从技术上来讲,区块链是一种分布式的记账方法.说到记账,我们经历了从实物记账 ...

8. 从根上理解高性能、高并发(七)：深入操作系统，一文读懂进程、线程、协程

   本文引用了"一文读懂什么是进程.线程.协程"一文的主要内容,感谢原作者的无私分享. 1.系列文章引言 1.1 文章目的 作为即时通讯技术的开发者来说,高性能.高并发相关的技术概念早 ...

9. 一文读懂Java中File类、字节流、字符流、转换流

   一文读懂Java中File类.字节流.字符流.转换流 第一章 递归:File类: 1.1:概述 java.io.File 类是文件和目录路径名的抽象表示,主要用于文件和目录的创建.查找和删除等操作. ...

最新文章

1. python自动化干什么-python已经自动化了，大家一般用什么测试框架？
2. 敏捷和DevOps词汇表
3. 拓普微智能TFT液晶显示模块
4. 2018 焦作站亚洲区域赛校内选拔赛题解
5. ELK技术栈—Kibana
6. JPA唯一索引更新删除的问题
7. 弹出对话框的同时保持页面的显示
8. 图解设计模式（二）适配器模式
9. 一个人能不能月薪过万，放个小长假就知道了
10. c语言算兔子野鸡,“上山兔子下山鸡，离水甲鱼不要追”，有什么科学依据？...
11. 力扣-求关注者的数量
12. padStart 和 padEnd的使用
13. JVM3:实战：内存分配与回收策略
14. 请求转发和重定向的区别及什么时候使用
15. 复杂网络分析工具总结
16. MobaXterm x11-forwarding
17. 基于随机森林算法的糖尿病数据集回归
18. vue 开发数据可视化地图
19. 微信支付----PC扫码支付(查询微信支付订单判断是否支付成功)
20. 【Reactjs】多层展示报表信息

热门文章

1. 计算机网络技术与应用的ppt,计算机网络技术与应用.ppt
2. 如何清理C盘的垃圾文件
3. 树莓派linux界面命令行,Linux/Raspberry Pi下使用基于命令行的网页浏览器
4. TOP命令各指标含义
5. esxi系统重装与vsan恢复
6. java 浮点数的n次方_java中浮点数表示方式
7. java 外卖_java实现外卖订餐系统
8. 简单使用七牛图床 API 上传与下载图片
9. Python关于去除字符串中空格的方法
10. MyBatis-Plus数据安全保护(加密解密)