大家晚上好，最近忙每天忙于项目没有时间更新自己的博客，时间就是海绵嘛硬挤挤就是有的，咂看标题" 流程图 "，编程界的一个不可或缺的技能，特别是在做复杂的逻辑的时候要处理好每一步的关系，在数据中讲就是数据之间的关联关系，或者关联模型等，通俗点也就是父子，母子等关系。 首先给大家介绍几款画流程图 ...

一：基础语法--流程图 ​ 所有流程图都由节点、几何形状和边、箭头或线组成。mermaid代码定义了这些节点和边的制作和交互方式。它还支持不同类型的箭头、多方向箭头以及与子图的链接。 1.1：节点（默认的） flowchart LR id 提示：id展示在方格中，即id即作为节点 ...

流程图的基础符号 矩形 流程的标志。用来表示一个过程的单独步骤，将活动的简要说明写在矩形内。 菱形 判定的标志。用来表示过程中的一个判定或一个分岔点，常以问题的形式出现。 箭头 连线的标志。用来表示层层步骤在顺序中进行，连接的箭头表示一个过程的流程方向。 平行四边形 数据的标志 ...

一、什么是程序流程图　　“程序流程图”常简称为“流程图”，是一种传统的算法表示法，程序流程图是人们对解决问题的方法、思路或算法的一种描述。它利用图形化的符号框来代表各种不同性质的操作，并用流程线来连接这些操作。在程序的设计（在编码之前）阶段，通过画流程图，可以帮助我们理清程序思路。下图是一个简单 ...

1、jsplumb：https://jsplumbtoolkit.com/ 截图： 2、FlowDiagram：https://github.com/mengmakies/FlowDiagram ...

以权限系统为例： ...

...

流程图是对过程、算法、流程的一种图像表示，在技术设计、交流及商业简报等领域有广泛的应用。通常用一些图框来表示各种类型的操作，在框内写出各个步骤，然后用带箭头的线把它们连接起来，以表示执行的先后顺序。用图形表示算法，直观形象，易于理解。有时候也被称之为输入-输出图。顾名思义，就是用来直观地描述一个 ...