孙亚朋 發表於 2025-11-8 09:35:00

精美的Vue可视化流程设计器

<h1><span style="font-size: 18pt"><strong>一、前言</strong></span></h1>
<ul>
<li><span style="font-size: 16px">该流程设计器(vue-dawn-flow)兼容任何vue前端框架,如element ui 、element plus 、Ant Design Vue、Naive UI‌等。</span></li>
<li><span style="font-size: 16px">开箱即用,完全开源。</span></li>
<li><span style="font-size: 16px">该流程设计器提供了api、属性、事件、方法等适用功能。</span></li>
</ul>
<h1><span style="font-size: 18pt">二、使用方式</span></h1>
<div class="vp-highlight-item">
<ul>
<li class="vp-highlight-title"><span style="font-size: 16px">选择1 npm i vue-dawn-flow</span></li>
</ul>
</div>
<ul>
<li class="vp-highlight-title"><span style="font-size: 16px">选择2 yarn add vue-dawn-flow</span></li>
</ul>
<h1 class="vp-highlight-title"><span style="font-size: 18pt">三、文档地址</span></h1>
<p><span style="font-size: 16px">文档地址:http://139.155.137.144:8871</span></p>
<p><span style="font-size: 16px">在线演示:http://139.155.137.144:8870</span></p>
<p><span style="font-size: 16px; color: rgba(255, 0, 0, 1)">注:文档中有插件的使用说明</span></p>
<h1><span style="font-size: 18pt; color: rgba(0, 0, 0, 1)"><strong>四、示例下载</strong></span></h1>
<p><span style="font-size: 18px; color: rgba(0, 0, 0, 1)">https://gitee.com/yangguangchenjie/vue-dawn-flow</span></p>
<h1 class="vp-highlight-title"><span style="font-size: 18pt">五、拖拽界面</span></h1>
<p><span style="font-size: 16px"><img src="https://img2024.cnblogs.com/blog/1158526/202511/1158526-20251105160605191-299794716.png"></span></p>
<p><strong>有兴趣的朋友,请关注我微信公众号吧(*^▽^*)。</strong></p>
<p class="code-snippet__js" data-lang="ruby"><strong><img src="https://img2024.cnblogs.com/blog/1158526/202408/1158526-20240824140446786-404771438.png"></strong></p>
<p>关注我:一个全栈多端的宝藏博主,定时分享技术文章,不定时分享开源项目。关注我,带你认识不一样的程序世界</p><br><br>
来源:https://www.cnblogs.com/cyzf/p/19191124
頁: [1]
查看完整版本: 精美的Vue可视化流程设计器