<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://flowable.site/blog</id>
    <title>工作流指南 Blog</title>
    <updated>2026-10-28T00:00:00.000Z</updated>
    <generator>https://github.com/jpmonette/feed</generator>
    <link rel="alternate" href="https://flowable.site/blog"/>
    <subtitle>工作流指南 Blog</subtitle>
    <icon>https://flowable.site/img/flowable.svg</icon>
    <entry>
        <title type="html"><![CDATA[Flowable 流程设计器商业版发布：把"画得出来"变成"跑得下去"]]></title>
        <id>https://flowable.site/blog/flowable-designer-pro</id>
        <link href="https://flowable.site/blog/flowable-designer-pro"/>
        <updated>2026-10-28T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[商业版覆盖 Flowable 全部组件，并在建模之上提供抄送、RocketMQ / Kafka 消息、更新单据字段、请求三方接口等企业级扩展，AI 处理节点即将上线。本次同步公布源码授权与定价。]]></summary>
        <content type="html"><![CDATA[<p>开源版把流程"画得出来"这件事的价格降到了零。但只要流程真的进生产，问题就会从画布转移到画布之外：审批节点上要不要抄送、流程结束之后 ERP 怎么知道、单据状态由谁改、三方系统什么时候被调用。</p>
<p>商业版就是为这一段补的。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="一先把建模能力补齐">一、先把建模能力补齐<a href="https://flowable.site/blog/flowable-designer-pro#%E4%B8%80%E5%85%88%E6%8A%8A%E5%BB%BA%E6%A8%A1%E8%83%BD%E5%8A%9B%E8%A1%A5%E9%BD%90" class="hash-link" aria-label="一、先把建模能力补齐的直接链接" title="一、先把建模能力补齐的直接链接" translate="no">​</a></h2>
<p>商业版是一款基于 Vue 的流程设计器，第一步做的是<strong>把 Flowable 的建模能力覆盖完整</strong>，而不是只画个大概。</p>
<table><thead><tr><th>分组</th><th>覆盖组件</th></tr></thead><tbody><tr><td>开始 / 结束事件</td><td>开始事件、结束事件、中间抛出事件、中间捕获事件</td></tr><tr><td>任务</td><td>用户任务、服务任务、脚本任务、接收任务、手动任务</td></tr><tr><td>网关</td><td>排他网关、并行网关、包容网关、事件网关</td></tr><tr><td>扩展能力</td><td>执行监听、事件监听、数据对象、扩展属性</td></tr></tbody></table>
<p>覆盖完整与否，直接决定设计器产出的 XML 能不能直接部署。少一个事件类型、少一组扩展属性，导出之后就得手工补 XML——这恰恰是自研设计器最常翻车的地方。</p>
<p><img decoding="async" loading="lazy" alt="商业版设计器界面" src="https://flowable.site/assets/images/pro-cbb4b83469f3d31ed4c6d4dc4c38e0c5.png" width="1440" height="900" class="img_ev3q"></p>
<p>界面右侧的配置区也按 Flowable 的实际配置项组织：流程 ID、发起人变量、全局事件定义、执行监听、事件监听、数据对象、扩展属性。能被设计器配置的东西，就不该再回到 XML 里改。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="二六项企业级扩展能力">二、六项企业级扩展能力<a href="https://flowable.site/blog/flowable-designer-pro#%E4%BA%8C%E5%85%AD%E9%A1%B9%E4%BC%81%E4%B8%9A%E7%BA%A7%E6%89%A9%E5%B1%95%E8%83%BD%E5%8A%9B" class="hash-link" aria-label="二、六项企业级扩展能力的直接链接" title="二、六项企业级扩展能力的直接链接" translate="no">​</a></h2>
<p>这六项能力是商业版与开源版的主要分界。它们都不是"炫技型"功能，而是真实审批流程里反复出现的断点。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="抄送">抄送<a href="https://flowable.site/blog/flowable-designer-pro#%E6%8A%84%E9%80%81" class="hash-link" aria-label="抄送的直接链接" title="抄送的直接链接" translate="no">​</a></h3>
<p>审批节点支持抄送任意人员与角色，流程推进时自动通知相关人。</p>
<p>抄送在很多系统里被当成"再发一条消息"，落地之后立刻会遇到两个问题：抄送给部门负责人，算通知还是算待办？被抄送人要不要在"我参与的"里看到这条流程？商业版把它做成流程节点的配置项，而不是流程外的旁路逻辑。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="发送-rocketmq-消息">发送 RocketMQ 消息<a href="https://flowable.site/blog/flowable-designer-pro#%E5%8F%91%E9%80%81-rocketmq-%E6%B6%88%E6%81%AF" class="hash-link" aria-label="发送 RocketMQ 消息的直接链接" title="发送 RocketMQ 消息的直接链接" translate="no">​</a></h3>
<p>节点可发送 RocketMQ 消息，与下游消费者解耦，实现流程事件异步通知。</p>
<p>典型场景是审批通过后要触发下游的一串动作：生成应付单、通知仓储、同步财务。把这些逻辑塞进服务任务里，会让流程定义变成业务代码的容器；发一条消息让下游自己消费，流程定义才能保持干净。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="发送-kafka-消息">发送 Kafka 消息<a href="https://flowable.site/blog/flowable-designer-pro#%E5%8F%91%E9%80%81-kafka-%E6%B6%88%E6%81%AF" class="hash-link" aria-label="发送 Kafka 消息的直接链接" title="发送 Kafka 消息的直接链接" translate="no">​</a></h3>
<p>节点可发送 Kafka 消息，对接数据管道与流式计算，支撑大规模事件分发。</p>
<p>和 RocketMQ 的分工很清楚：一条审批结果要进数据仓库、要进实时看板、要被多个团队消费，走 Kafka；只是通知某个业务系统，走 RocketMQ 更轻。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="更新单据字段">更新单据字段<a href="https://flowable.site/blog/flowable-designer-pro#%E6%9B%B4%E6%96%B0%E5%8D%95%E6%8D%AE%E5%AD%97%E6%AE%B5" class="hash-link" aria-label="更新单据字段的直接链接" title="更新单据字段的直接链接" translate="no">​</a></h3>
<p>流程节点可直接更新关联单据字段，实现审批流与业务数据的双向联动。</p>
<p>这是"审批完还得有人去改状态"这一工作的终结者。报销单审批通过，单据状态从"审批中"变成"已通过"，金额、审批时间、审批人回写到单据上——这些动作配在节点上，比写在监听器里更好维护，也更容易被业务方理解。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="请求三方接口">请求三方接口<a href="https://flowable.site/blog/flowable-designer-pro#%E8%AF%B7%E6%B1%82%E4%B8%89%E6%96%B9%E6%8E%A5%E5%8F%A3" class="hash-link" aria-label="请求三方接口的直接链接" title="请求三方接口的直接链接" translate="no">​</a></h3>
<p>节点可调用任意三方 HTTP 接口，打通 ERP、CRM 等外部系统，落地集成场景。</p>
<p>很多集成需求长这样：审批到某个节点，去 ERP 里校验这个供应商是否在黑名单，或者去 CRM 里回写一个商机阶段。为此专门写一个服务任务不是不行，但每换一个系统就要改一次代码；把 HTTP 调用变成配置项，交付和排查的成本都低得多。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="ai-处理节点即将上线">AI 处理节点（即将上线）<a href="https://flowable.site/blog/flowable-designer-pro#ai-%E5%A4%84%E7%90%86%E8%8A%82%E7%82%B9%E5%8D%B3%E5%B0%86%E4%B8%8A%E7%BA%BF" class="hash-link" aria-label="AI 处理节点（即将上线）的直接链接" title="AI 处理节点（即将上线）的直接链接" translate="no">​</a></h3>
<p>流程中可配置 AI 处理节点，调用大模型或 AI Agent 完成内容生成、智能判断等自动化处理。</p>
<p>这是目前唯一还没交付的能力，我们把状态写清楚：<strong>即将上线</strong>。方向是把"合同要点提取""报销事由归类""申请内容合规初筛"这类原本要人工看的环节，做成流程里可配置的一个节点。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="三一个真实流程长什么样">三、一个真实流程长什么样<a href="https://flowable.site/blog/flowable-designer-pro#%E4%B8%89%E4%B8%80%E4%B8%AA%E7%9C%9F%E5%AE%9E%E6%B5%81%E7%A8%8B%E9%95%BF%E4%BB%80%E4%B9%88%E6%A0%B7" class="hash-link" aria-label="三、一个真实流程长什么样的直接链接" title="三、一个真实流程长什么样的直接链接" translate="no">​</a></h2>
<p><img decoding="async" loading="lazy" alt="完整审批流程与业务集成示意图" src="https://flowable.site/assets/images/flowable-process-04d81c347d3a3b8481e15256a9808c89.svg" width="1390" height="780" class="img_ev3q"></p>
<p>图里是一条真实业务审批流程，它把上面这些能力串在了一起：</p>
<ol>
<li class=""><strong>OCR 单据识别</strong>——提交环节先识别票面信息，减少手工录入；</li>
<li class=""><strong>多级审批</strong>——按组织层级逐级流转；</li>
<li class=""><strong>金额与超时条件分支</strong>——超过阈值升级审批，超时走催办或自动通过；</li>
<li class=""><strong>单据、消息与短信集成</strong>——审批结果回写单据、发消息给下游、短信通知申请人。</li>
</ol>
<p>单独看每一条都不复杂。难的是让它们在同一个流程定义里共存，并且在业务方改审批规则时不用改代码。这也是商业版存在的理由：<strong>把常见的集成动作变成流程节点上的配置，而不是每个项目重写一遍。</strong></p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="四授权与定价">四、授权与定价<a href="https://flowable.site/blog/flowable-designer-pro#%E5%9B%9B%E6%8E%88%E6%9D%83%E4%B8%8E%E5%AE%9A%E4%BB%B7" class="hash-link" aria-label="四、授权与定价的直接链接" title="四、授权与定价的直接链接" translate="no">​</a></h2>
<p>商业版按源码授权，三档方案：</p>
<table><thead><tr><th>方案</th><th>价格</th><th>说明</th></tr></thead><tbody><tr><td>当前版本源码</td><td>¥699</td><td>一次买断、永久使用。含流程设计器全部基础功能与商业版扩展组件，可自行部署与二次开发。</td></tr><tr><td>源码包后续更新</td><td>¥1999</td><td>含源码 + 后续版本持续更新，持续获得新增组件、扩展能力与修复升级。</td></tr><tr><td>个性化定制</td><td>价格另议</td><td>基于源码按需定制，如专属业务组件、私有化部署、系统深度集成，具体价格面议。</td></tr></tbody></table>
<p>授权条款里有几条值得提前看清，避免买完之后才发现预期不一致：</p>
<ul>
<li class=""><strong>交付方式</strong>：双方通过邮件确认方案与交付信息后，以源码包形式交付所选版本的完整源码。</li>
<li class=""><strong>授权范围</strong>：获得源码的使用、修改与部署权利，可在自有项目（含商业项目）中使用。</li>
<li class=""><strong>使用限制</strong>：不得将源码整体或部分转售、再分发，或作为独立产品对外出售；使用时需保留作者版权标识。</li>
<li class=""><strong>后续更新</strong>：「当前版本源码」不含后续版本更新；「源码包后续更新」按约定提供后续版本源码与更新支持。</li>
<li class=""><strong>源码状态</strong>：按「现状」提供，不提供明示或默示的适用性担保。</li>
</ul>
<p>一句话总结：<strong>你买的是可以在自己项目里长期使用的源码，不是可以拿去二次分销的产品。</strong></p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="五怎么购买">五、怎么购买<a href="https://flowable.site/blog/flowable-designer-pro#%E4%BA%94%E6%80%8E%E4%B9%88%E8%B4%AD%E4%B9%B0" class="hash-link" aria-label="五、怎么购买的直接链接" title="五、怎么购买的直接链接" translate="no">​</a></h2>
<p>暂未接入在线支付，全部走邮件确认：</p>
<ol>
<li class=""><strong>选择方案</strong>——对照上面的三档，确定授权类型；</li>
<li class=""><strong>邮件联系</strong>——发送邮件说明所选方案、使用场景与联系方式，双方确认条款与交付信息；</li>
<li class=""><strong>源码交付</strong>——确认购买后，通过邮件交付源码包与后续更新。</li>
</ol>
<p>购买邮箱：<strong><a href="mailto:jaune162@126.com" target="_blank" rel="noopener noreferrer" class="">jaune162@126.com</a></strong>。完整条款见 <a class="" href="https://flowable.site/purchase">购买协议页</a>。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="六适合谁不适合谁">六、适合谁，不适合谁<a href="https://flowable.site/blog/flowable-designer-pro#%E5%85%AD%E9%80%82%E5%90%88%E8%B0%81%E4%B8%8D%E9%80%82%E5%90%88%E8%B0%81" class="hash-link" aria-label="六、适合谁，不适合谁的直接链接" title="六、适合谁，不适合谁的直接链接" translate="no">​</a></h2>
<p><strong>适合：</strong></p>
<ul>
<li class="">已经有 Flowable 引擎，前端缺一个能配全组件、能直接产出可部署 XML 的设计器；</li>
<li class="">审批流程里明确有抄送、消息、单据回写、三方接口需求，不想每个项目重写一遍集成代码；</li>
<li class="">希望拿到源码做二次开发，不愿意把流程设计能力绑在某个 SaaS 上；</li>
<li class="">需要私有化部署，数据不能出内网。</li>
</ul>
<p><strong>暂时不适合：</strong></p>
<ul>
<li class="">只需要画标准流程图、导出 XML——直接用 <a class="" href="https://flowable.site/opensource">开源版</a>，不用付费；</li>
<li class="">工作流引擎还没选型——先把引擎定下来，设计器是引擎的下游；</li>
<li class="">想买一套开箱即用的 OA / 审批系统——这是设计器源码，不是成品业务系统，业务侧的表单、权限、组织架构仍需你自己实现或对接。</li>
</ul>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="七先试再买">七、先试再买<a href="https://flowable.site/blog/flowable-designer-pro#%E4%B8%83%E5%85%88%E8%AF%95%E5%86%8D%E4%B9%B0" class="hash-link" aria-label="七、先试再买的直接链接" title="七、先试再买的直接链接" translate="no">​</a></h2>
<p>商业版提供在线体验：<a href="https://vue-modeler.pro.flowable.site/" target="_blank" rel="noopener noreferrer" class="">vue-modeler.pro.flowable.site</a>。建议拿一条你手上真实的审批流程去画一遍——重点不是画布顺不顺手，而是画完之后那份 XML，能不能直接部署到你自己的 Flowable 实例上跑起来。</p>
<p>产品和定价详情见 <a class="" href="https://flowable.site/pro">商业版页面</a>，开源版与它能力边界的对比在 <a class="" href="https://flowable.site/opensource">开源项目页</a>。</p>]]></content>
        <author>
            <name>Jaune162</name>
        </author>
        <category label="商业版" term="商业版"/>
        <category label="Flowable" term="Flowable"/>
        <category label="流程设计器" term="流程设计器"/>
        <category label="源码授权" term="源码授权"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[四款开源流程与表单设计器发布：从 BPMN 建模到审批流、表单搭建]]></title>
        <id>https://flowable.site/blog/open-source-modelers</id>
        <link href="https://flowable.site/blog/open-source-modelers"/>
        <updated>2026-10-28T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[我们开源了四款设计器：Vue / Angular 版 BPMN 流程设计器、仿钉钉审批流程设计器与可视化表单设计器，全部免费使用，打开浏览器即可体验。]]></summary>
        <content type="html"><![CDATA[<p>流程建模这件事，长期被锁在少数几个平台型产品里。要么买一整套 BPM 平台，为用不到的功能付费；要么自己从零写一个画布，然后把连线、校验、XML 序列化、多语言这些"基础设施"重做一遍。</p>
<p>这次我们把手里打磨过的四款设计器开源出来，覆盖 <strong>BPMN 建模、钉钉式审批流、可视化表单</strong> 三种最常见的形态。四款产品都提供在线体验入口，打开链接就能用。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="一这次发布的四款产品">一、这次发布的四款产品<a href="https://flowable.site/blog/open-source-modelers#%E4%B8%80%E8%BF%99%E6%AC%A1%E5%8F%91%E5%B8%83%E7%9A%84%E5%9B%9B%E6%AC%BE%E4%BA%A7%E5%93%81" class="hash-link" aria-label="一、这次发布的四款产品的直接链接" title="一、这次发布的四款产品的直接链接" translate="no">​</a></h2>
<table><thead><tr><th>产品</th><th>技术形态</th><th>最适合的场景</th><th>在线体验</th></tr></thead><tbody><tr><td>BPMN 流程设计器（Vue 版）</td><td>Vue</td><td>在 Vue 项目中嵌入流程建模能力</td><td><a href="https://vue-modeler.opensource.flowable.site/" target="_blank" rel="noopener noreferrer" class="">vue-modeler.opensource.flowable.site</a></td></tr><tr><td>BPMN 流程设计器（Angular 版）</td><td>Angular</td><td>Angular 技术栈团队，功能与 Vue 版对齐</td><td><a href="https://ng-modeler.opensource.flowable.site/" target="_blank" rel="noopener noreferrer" class="">ng-modeler.opensource.flowable.site</a></td></tr><tr><td>仿钉钉流程设计器</td><td>审批流专用</td><td>请假、报销这类审批流原型的快速搭建</td><td><a href="https://simple-modeler.opensource.flowable.site/" target="_blank" rel="noopener noreferrer" class="">simple-modeler.opensource.flowable.site</a></td></tr><tr><td>表单设计器</td><td>可视化表单</td><td>业务单据、审批表单的拖拽式搭建</td><td><a href="https://form.opensource.flowable.site/" target="_blank" rel="noopener noreferrer" class="">form.opensource.flowable.site</a></td></tr></tbody></table>
<p>四款产品定位不重叠：前两款解决"标准 BPMN 怎么画"，第三款解决"审批流怎么画得更快"，第四款解决"流程要的那张表单怎么搭"。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="二bpmn-流程设计器vue-版">二、BPMN 流程设计器（Vue 版）<a href="https://flowable.site/blog/open-source-modelers#%E4%BA%8Cbpmn-%E6%B5%81%E7%A8%8B%E8%AE%BE%E8%AE%A1%E5%99%A8vue-%E7%89%88" class="hash-link" aria-label="二、BPMN 流程设计器（Vue 版）的直接链接" title="二、BPMN 流程设计器（Vue 版）的直接链接" translate="no">​</a></h2>
<p><img decoding="async" loading="lazy" alt="Vue 版 BPMN 流程设计器界面" src="https://flowable.site/assets/images/vue-open-20b248c7c3b97fb0f133f56228d9c0e9.png" width="1870" height="1166" class="img_ev3q"></p>
<p>这是四款里能力最完整的一个：基于 Vue 实现，画布遵循 BPMN 2.0 规范，节点拖拽、连线、基础属性配置都是开箱可用的。</p>
<ul>
<li class="">BPMN 2.0 流程建模画布</li>
<li class="">节点拖拽、连线与基础属性配置</li>
<li class="">查看 / 导出 XML，导出 SVG</li>
<li class="">加载示例流程与多语言切换</li>
</ul>
<p>它适合的场景很直接：你的系统是 Vue 技术栈，产品里需要一个"让业务方自己画流程"的入口。导出的 XML 是标准 BPMN 文件，可以纳入你已有的 Flowable 流程资产里统一管理。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="三bpmn-流程设计器angular-版">三、BPMN 流程设计器（Angular 版）<a href="https://flowable.site/blog/open-source-modelers#%E4%B8%89bpmn-%E6%B5%81%E7%A8%8B%E8%AE%BE%E8%AE%A1%E5%99%A8angular-%E7%89%88" class="hash-link" aria-label="三、BPMN 流程设计器（Angular 版）的直接链接" title="三、BPMN 流程设计器（Angular 版）的直接链接" translate="no">​</a></h2>
<p><img decoding="async" loading="lazy" alt="Angular 版 BPMN 流程设计器界面" src="https://flowable.site/assets/images/ng-open-cda2337b8398ea7b42605d9f1d979799.png" width="1870" height="1163" class="img_ev3q"></p>
<p>Angular 版与 Vue 版功能对齐，同样是 BPMN 2.0 画布、节点拖拽、连线与基础属性配置，同样支持 XML 查看与导出、SVG 导出、示例流程与多语言切换。</p>
<p>为什么是两个框架版本，而不是一个"框架无关的 SDK"？流程设计器的交互密度极高，画布、属性面板、右键菜单、弹层都要和宿主框架的响应式体系、路由、状态管理贴合。抽象层级压得越低，接入越省事；压得越高，越容易变成两边都不好用的通用件。我们选择贴近技术栈，而不是追求"一套代码通吃"。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="四仿钉钉流程设计器">四、仿钉钉流程设计器<a href="https://flowable.site/blog/open-source-modelers#%E5%9B%9B%E4%BB%BF%E9%92%89%E9%92%89%E6%B5%81%E7%A8%8B%E8%AE%BE%E8%AE%A1%E5%99%A8" class="hash-link" aria-label="四、仿钉钉流程设计器的直接链接" title="四、仿钉钉流程设计器的直接链接" translate="no">​</a></h2>
<p><img decoding="async" loading="lazy" alt="仿钉钉流程设计器界面" src="https://flowable.site/assets/images/simple-open-65f1b2bf383a3d48f473d0fe86a809f1.png" width="1870" height="1165" class="img_ev3q"></p>
<p>不是所有流程都需要一张 BPMN 图。国内的审批场景里，绝大多数需求就是"发起人 → 审批人 → 抄送"这条线，加上条件分支和会签。给这类需求配 BPMN 画布，是把简单问题复杂化。</p>
<p>这版按钉钉的交互形态来做，面向审批场景：</p>
<ul>
<li class="">发起人 → 审批人 → 抄送的标准审批流</li>
<li class="">按条件（如请假天数）自动分支</li>
<li class="">部门经理会签（并行）与多级审批</li>
<li class="">导入 / 导出 BPMN，流程校验，自适应画布</li>
</ul>
<p>一个细节值得说：它虽然长得不像 BPMN 编辑器，但导入导出走的仍是 BPMN，所以用它画出来的审批流，可以继续交给标准 BPMN 工具打开、修改、入库。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="五表单设计器">五、表单设计器<a href="https://flowable.site/blog/open-source-modelers#%E4%BA%94%E8%A1%A8%E5%8D%95%E8%AE%BE%E8%AE%A1%E5%99%A8" class="hash-link" aria-label="五、表单设计器的直接链接" title="五、表单设计器的直接链接" translate="no">​</a></h2>
<p><img decoding="async" loading="lazy" alt="表单设计器界面" src="https://flowable.site/assets/images/form-open-5bbd4aa764418a0a4b0d70e051463b85.png" width="2340" height="1359" class="img_ev3q"></p>
<p>流程走到审批节点，审批人看到的是一张表单。表单要么手写代码，要么用设计器拖出来——这款是后者。</p>
<ul>
<li class="">拖拽式表单设计，所见即所得</li>
<li class="">输入、选择、容器、显示等 20+ 组件</li>
<li class="">业务单据联动：字典 / 客户 / 项目 / 合同选择</li>
<li class="">分组 / 分栏 / 栅格布局与 Markdown 文本</li>
</ul>
<p>和通用表单工具相比，它把"业务单据"当成一等公民：字典、客户、项目、合同这几类选择器是内置的，不需要你为每一张单据再写一个下拉组件。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="六怎么选">六、怎么选<a href="https://flowable.site/blog/open-source-modelers#%E5%85%AD%E6%80%8E%E4%B9%88%E9%80%89" class="hash-link" aria-label="六、怎么选的直接链接" title="六、怎么选的直接链接" translate="no">​</a></h2>
<ul>
<li class=""><strong>要给业务方一个画标准流程图的入口</strong> → Vue 版或 Angular 版 BPMN 设计器，按你团队的技术栈选。</li>
<li class=""><strong>要做请假、报销、采购申请这类审批流</strong> → 仿钉钉流程设计器，交互更贴近使用者预期，学习成本最低。</li>
<li class=""><strong>流程要配套表单，且表单字段要挂业务单据</strong> → 表单设计器。</li>
<li class=""><strong>三者都要</strong> → 它们可以组合使用：BPMN 负责流程骨架，表单负责节点数据，仿钉钉版负责高频简单审批。</li>
</ul>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="七开源版和商业版的边界">七、开源版和商业版的边界<a href="https://flowable.site/blog/open-source-modelers#%E4%B8%83%E5%BC%80%E6%BA%90%E7%89%88%E5%92%8C%E5%95%86%E4%B8%9A%E7%89%88%E7%9A%84%E8%BE%B9%E7%95%8C" class="hash-link" aria-label="七、开源版和商业版的边界的直接链接" title="七、开源版和商业版的边界的直接链接" translate="no">​</a></h2>
<p>开源不等于阉割版，但也不是全部。边界可以一句话说清：<strong>开源版解决"画得出来"，商业版解决"跑得下去"。</strong></p>
<table><thead><tr><th>能力</th><th>开源 BPMN 设计器（Vue / Angular）</th><th>商业版 Flowable 流程设计器</th></tr></thead><tbody><tr><td>BPMN 2.0 画布、拖拽连线、基础属性</td><td>支持</td><td>支持</td></tr><tr><td>XML / SVG 导出</td><td>支持</td><td>支持</td></tr><tr><td>Flowable 组件覆盖</td><td>基础建模能力</td><td>全部组件（事件、任务、网关、扩展）</td></tr><tr><td>抄送、RocketMQ / Kafka 消息、更新单据字段、请求三方接口</td><td>不支持</td><td>开箱即用</td></tr><tr><td>AI 处理节点（调用大模型 / AI Agent）</td><td>—</td><td>即将上线</td></tr></tbody></table>
<p>如果你的流程只是"设计出来、导出 XML、交给后端部署"，开源版就够用，不必为商业版付费。反过来，如果审批通过之后还要通知谁、改哪张单据、调哪个三方接口，那部分工作商业版已经封装好了，后面会单独写一篇讲。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="八接下来">八、接下来<a href="https://flowable.site/blog/open-source-modelers#%E5%85%AB%E6%8E%A5%E4%B8%8B%E6%9D%A5" class="hash-link" aria-label="八、接下来的直接链接" title="八、接下来的直接链接" translate="no">​</a></h2>
<p>四款产品会持续维护，首页的"更多产品即将上线"也在推进中——Flowable 生态里还有设计器之外的工具链空白，我们会按同样的节奏补。</p>
<p>所有体验入口都收在 <a class="" href="https://flowable.site/opensource">开源项目页</a>，商业版的能力与定价在 <a class="" href="https://flowable.site/pro">商业版页面</a>。用下来有问题、或者你希望某个框架的版本先补齐，都可以反馈给我们。</p>]]></content>
        <author>
            <name>Jaune162</name>
        </author>
        <category label="开源" term="开源"/>
        <category label="BPMN" term="BPMN"/>
        <category label="流程设计器" term="流程设计器"/>
        <category label="表单设计器" term="表单设计器"/>
    </entry>
</feed>