網站seo優化診斷工具導讀:電腦知識電腦知識LogicFlow（免費的流程設計器）簡介 LogicFlow 是一款免費的流程設計器，是由滴滴提供的流程圖編輯框架，為我們用戶提供了一系列流程圖交互、編輯所必itokoki煤氣切換閥知識學習電腦技術。

LogicFlow（免費的流程設計器）簡介

LogicFlow 是一款免費的流程設計器，是由滴滴提供的流程圖編輯框架，為我們用戶提供了一系列流程圖交互、編輯所必需的功能和靈活的節點自定義、插件等拓展機制。LogicFlow支持前端研發自定義開發各種邏輯編排場景，如流程圖、ER圖、BPMN流程等。在工作審批配置、機器人邏輯編排、無代碼平臺流程配置上都有較好的應用。

LogicFlow（免費的流程設計器）官網及簡單體驗

• 官網：http://logic-flow.org/
• 項目開源地址：https://github.com/didi/LogicFlow

直接用<script>引公司網站建設入：LogicFlow分為core包和extension包。由于LogicFlow本身會有一些預置樣式，所以除了需要引入js, 還需要引入css。

<!--LogicFlow core包css--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@logicflow/core/dist/style/index.css" /> <!--LogicFlow extension包css--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@logicflow/extension/lib/style/index.css" /> <!--LogicFlow core包js--> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2F%40logicflow%2Fcore%2Fdist%2Flogic-flow.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" 個業網站建設公司title="&lt;script&gt;" /> <!--LogicFlow的插件支持單個引入，這里以菜單插件為例--> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2F%40logicflow%2Fextension%2Flib%2FMenu.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

LogicFlow所有的插件地址：https://cdn.jsdelivr.net/npm/@logicflow/extension/lib/HashTab_md5校驗工具[含使用教程]

使用npm引入

npm install @logicflow/core npm install @logicflow/extension

關鍵詞標簽: 流程 電腦知識