这是一个用来在 Web 网页端设计流程图的 UI 组件，在线流程设计器，目前有Js原生、Vue和React三个版本。
可用来设计各种流程图、逻辑流图，数据流图，或者是设计某个系统中需要走流程的功能应用。良好的用户体验使得操作界面很容易上手，技术开发人员和用户都可使用。并且兼容主流浏览器（IE9--IE Edge，Chrome，Firefox）。
GooFlow在项目托管上仅为试用版。
全新Js原生版正式发布！
Js原生版是原来Jquery版摆脱了对Jquery的依赖后的版本。
了解Vue版详情，请点击进入Vue版API文档 或者 Vue版实例。
了解React版详情，请点击进入React版API文档 或者 React版实例。
试用版只能在本地作测试，不可用于实际项目中。最新版本(从1.3.8rp开始)使用定时弹广告和无意义空循环bug取代了原有的js挖矿，但不再开源。
特点
-
跨领域：流程图设计器不止用在电信领域，在其它需要 IT 进行技术支持的领域中都有重大作用
-
以下从纯技术实现层面具体描述：页面顶部栏、左边侧边栏均可自定义
-
当左边的侧边栏设为不显示时，为只读状态，此时的视图区可当作是一个查看器而非编辑器
-
侧边工具栏除了基本和一些流程节点按钮外，还自定义新的节点按钮，自定义节点都可以有自有的图标、类型名称，定义后在使用可可在工作区内增加这些自定义节点
- 顶部栏可显示流程图数据组的标题，也可提供一些常用操作按钮
- 顶部栏的按钮，除了撤销、重做按钮外，其余按钮均可自定义点击事件
- 可画直线、折线；折线还可以左右/上下移动其中段
- 具有区域划分功能，能让用户更直观地了解哪些节点及其相互间的转换，是属于何种自定义区域内的
- 具有标注功能，用橙红色标注某个结点或者转换线，一般用在展示流程进度时
- 能直接双击结点、连线、分组区域中的文字进行编辑
- 在对结点、连线、分组区域的各种编辑操作，如新增/删除/修改名称/重设样式或大小/移动/标注时，均可捕捉到事件，并触发自定义事件，如果自定义事件执行的方法返回 FALSE，则会阻止操作
- 具有操作事务序列控制功能，在工作区内的各种有效操作都能记录到一个栈中，然后可以进行撤销（undo()）或重做（redo()），像典型的 C/S 软件一样
-
1、修改节点（背景/字体/连线）颜色： 在 GooFlow.color.js 中自定义的键值对 GooFlow.prototype.color={ main:"#20A0FF", font:"#15428B", node:"#C0CCDA", line:"#1D8CE0", lineFont:"#ff6600", mark:"#ff8800", mix:"#B6F700
-
(2013-10-19) [ 特点 ] 跨浏览器 ，可兼容 IE7--IE10 ， FireFox ， Chrome ， Opera 等几大内核的浏览器，且不需要浏览器 再加装任何控件。 多系统兼容性 、可移植性 : 由于只包括前台 UI, 因此二次开发者可很方便将本插件用在任何一种需要流 程图的 B/S 系统应用上， 流程图的详细实现逻辑完全交于后台程序开发者自己实现 ; 对于后台 ,
-
(绿色)修正版gooflow流程解决方案(源码分享+在线演示+UI地址下载) 参考文章： （1）(绿色)修正版gooflow流程解决方案(源码分享+在线演示+UI地址下载) （2）https://www.cnblogs.com/tangxf/p/7609105.html 备忘一下。
-
搭建Nginx+Java环境测试并且运行 一.简介: Tomcat在高并发环境下处理动态请求时性能很低,而在处理静态页面更加脆弱.虽然Tomcat的最新版本支持epoll,但是通过Nginx来处理静态页面要比通过Tomcat处理在性能方面好很 ... Trace文件过量生成问题解决 查看用户临时文件(trace文件)所在位置 如果是trace文件(.trc)大导致的 SQL>show p
-
背景 最近使用GooFlow插件完成流程可视化的需求，遇到了一个问题，IE8以下报无法设置未定义或 null 引用的属性“value”错误，开始以为是JQuery版本的问题，换了版本后也没解决。 查错 后来经过对GooFlow.js代码的调试，发现在方法drawLine下，line.points.value报错，原因是line.points为undefined。猜想原因是IE9下的vml失效，需要
-
有人可以通过添加到我已经编码的内容来帮助我设计解决方案吗？或者向我指出一个已经存在的模式来解决这个问题？
-
This document outlines the transactional mechanics that take place during a standard asset exchange. The scenario includes two clients, A and B, who are buying and selling radishes. They each have a p
-
京东面经 一面，是现在的实习导师面试（设计笔试作业：海报+视频） 二面，是部门主管面试 1、其实一轮面试，只要你形象得体，面试的时候表达的清晰流畅，就没什么大问题啦～ 注意：获得面试机会很重要，大家一定要好好修改自己的作品集。 作品集的项目分类可以按照类别分（包装、运营、开屏....） 也可以按照自己的项目名称顺下来，我是这样分类的 作品集页数50页适中，太多会看烦。 2、设计笔试（视频加海报只有
-
本章将为大家讲解，EasySwoole的主体设计思路。 入口文件 EasySwoole\Core\Core Core类是一个单例对象，在整个EasySwoole生命周期中，Core对象只会被实例化一次，在实例化的时候，就定义了EASYSWOOLE_ROOT这个全局宏。 defined('EASYSWOOLE_ROOT') or define("EASYSWOOLE_ROOT",realpath(g
-
如果我创建一个简单的拓扑，其中有一个源和一个处理器，那么在控制台中得到的StreamThread将是预期的两倍。 例如，如果我将线程设置为一个，并且有一个分区，我会看到2个流线程。如果我设置为20个线程，并且有20个分区，我会看到40个流线程。 调用stream.start（）之后，我看到这20个线程从CREATED转换到Running。 其他20个线程只是在初始化的后期才被创建。看起来Strea
-
线程（thread），是线程（thread of execution）的简单称呼。"Thread" 这个字的原意是「线」。中文字里头的「线程」也有「线」的意思，所以我采用「线程」、「线程」这样的中文名称。如果你曾经看过「多线」这个名词，其实就是本章所谓的「多线程」。 我曾经在第１章以三两个小节介绍 Win32 环境下的进程与线程观念，并且以程序直接调用 CreateThread 的形式，示范了几个